Как красиво оформить: 75 простых и впечатляющих идей – Как красиво оформить клумбу непрерывного цветения своими руками

Ключевые моменты в создании клумбы

Рассаживать растения на клумбе следует с учетом их высоты. По краям высаживаются маленькие виды цветов, но чем ближе к центру, тем больше должна быть их высота. Самые длинные следует располагать в середине клумбы.

Подбирать растения, которые будут гармонично смотреться в общей композиции. Цветовые оттенки могут сочетаться между собой или, наоборот, контрастировать друг с другом.

При создании рисунков лучше отказаться от замысловатых эскизов. Более простая идея оформления клумбы на даче не уступит сложной по своей красоте.

В каждом процессе оформления существуют отдельные нюансы, с которыми лучше ознакомиться до начала действий. Некоторые секреты ландшафтного дизайна помогут организовать роскошную и гармоничную клумбу, которая будет сочетаться со всеми постройками на приусадебном участке.

Первые шаги. Размер и форма

Основным отличием клумбы от цветника является его форма. Если цветник может иметь абсолютно любую форму, которую пожелаете, то клумба выполняется только в строгих геометрически конфигурациях (круг, овал, прямоугольник, квадрат). Это, может быть, любая геометрическая фигура, но с ровными и четкими контурами.

Клумбы с отчетливой геометрией смотрятся более привлекательно на ровном ухоженном газоне. Стоит отметить, что форма цветника должна просматриваться с каждой стороны, в противном случае он будет выглядеть неаккуратно.

Для того чтобы не допустить подобной ситуации рекомендуется обратить внимание на два важных момента.

Первый – это схема будущей композиции. Процесс ее создания довольно прост, необходимо на подготовленном участке расчертить контур планируемого объекта.

Второй момент – это плотность посадки растений. Здесь следует учесть особенности роста их при использовании нескольких разных сортов. К примеру, высадку одинаковых растений необходимо производить по принципу «ковра», располагать предельно близко друг к другу.

Если среди цветов останутся пустующие участки, то это нарушит всю эффектность и испортит геометрическую целостность. Варианты красивого оформления клумбы по типу «ковра» можно увидеть на фото.

Габариты и форма будущей клумбы полностью зависят от размеров самого участка. Если есть возможность для создания большого палисадника, то стоит этим воспользоваться. Ведь массивные цветочные композиции имеют более привлекательный вид в отличие от маленьких островков.

Если вы не являетесь опытным садоводом, то в качестве первого опыта сделайте ее простой формы с незатейливым дизайном.

Подготовка почвы

Весенние теплые денечки – самое подходящее время для разбивки и оформления клумбы возле дома. Первоначально необходимо очистить выбранный участок, удалив все сорняки с корнями. Если вы планируете поместить ее на газоне или лужайке, то требуется предварительно снять верхний слой почвы.

После тщательно насытить землю удобрениями и дать ей воздуха. Для рыхления идеально подойдут садовые вилы. В процессе аэрации вы не только распределите удобрения по всему участку, но и создадите здоровую почву с высокой плодородностью.

Увеличить ее качественные показатели можно также при помощи песка или чернозема, в зависимости от особенностей и состава.

Подбор растений

Основой красочного цветника являются правильно подобранные растения. Для того чтобы цветник имел более целостный вид следует подбирать экземпляры, у которых срок расцветания примерно одинаковый. Таким образом, удастся надолго сохранить насыщенность и единство созданного оазиса.

В основу композиции, как правило, помещают яркие многолетние растения, а однолетние служат дополнительным фоном. Преимущество в том, что их можно менять каждый год и придавать цветнику новый вид.

Но стоит учитывать, что при правильном оформлении цветовой окрас растений должен переходить из одного тона в другой создавая тем самым градиентный эффект.

Большей роскоши клумбе для цветов придаст дополнительное оформление своими руками. В качестве декоративных элементов можно использовать камни, кирпичи, резиновые покрышки, тротуарную плитку, специальные пластиковые, металлические или деревянные ограждения.

Вариантов использования различных подручных материалов множество, нужно лишь немного фантазии и участок обретет сказочную красоту. Главное условие здесь – это сочетание декора с цветочной композицией.

Не старайтесь уместить на клумбе большое количество разных растений, лучше их разделить на несколько участков. Красивое сочетание цветов друг с другом намного важнее. Украшением после периода массового цветения станут красивые растения с необычными листьями или яркими прицветниками они не дадут ей поблекнуть.

Простые способы оформления

Существует несколько уникальных идей для организации красивого палисадника. Небольшая инструкция подскажет, как оформить клумбу без особых усилий и с применением минимального количества рабочего материала.

Выполните небольшую возвышенность из земляной насыпи для выделения цветника, он не должен сливаться с землей. При помощи шнура или доски придайте форму.

Для того чтобы он не зарос соседствующими сорняками его рекомендуется огородить. В качестве ограждения можно использовать гравий с усложненными поверх тяжелыми камнями или воспользоваться камнями (кирпичами) среднего размера и выложить из них бордюрчик, который будет иметь не менее эстетичный вид. После приступать к высаживанию подготовленных цветов.

Еще один из вариантов создания простого цветника — это использование цветочных горшков, деревянных ящичков, резиновых скатов. К примеру, из скатов выложить многоярусную клумбу, а из ящиков и горшков организовать вертикальный цветник.

Небольшой цветочный оазис можно сотворить во временной клумбе, для ее создания подойдет самый простой подручный материал даже пластиковые или стеклянные бутылки, которые можно украсить или оставить в первозданном виде.

Цветники в спилах деревьев и пнях. Очень удобный вариант, если на участке имеется старое засохшее дерево или пеньки от спиленных деревьев. Их можно превратить в декоративный элемент участка и организовать в них небольшую цветочную композицию.

Все существующие варианты оформления цветочных клумб будут отлично смотреться на приусадебных участках. Единственным различием станет сложность в оформлении и дальнейшем уходе.

Совершенно неважно, каким именно будет ваш выбор – маленькая клумба или огромный цветник, каждый из них добавит участку красочности и неповторимости. Создание красивого дизайна и организация клумбы станет отличным способом для реализации творческого потенциала.

Фото советы как оформить клумбу

Пост опубликован: 14.10

26 доступных идей для дома, граничащих с гениальностью

Чтобы квартира выглядела стильно и уютно, не обязательно тратить много денег. Достаточно простых подручных материалов, немного фантазии и желания перемен. И конечно, можно подсмотреть интересные идеи для дома, которыми время от времени делится AdMe.ru.

Итак, что можно сделать, чтобы недорого и со вкусом оформить интерьер.

1. Использовать ленты вместо колец и зажимов

Дизайн окна можно оживить с помощью цветных лент, как здесь. Выглядит свежо, воздушно и оригинально.

2. Обновить шторы с помощью окантовки

Обновить шторы, не меняя их, поможет интересная окантовка. Можно приклеить по краю ленту с помпонами (как здесь) или пришить декоративный кант с орнаментом (инструкция). Вариантов такого декора множество, каждый найдет что-то на свой вкус.

3. Расписать вручную цветочные горшки

Раз речь зашла об окнах, можно подумать и над росписью цветочных горшков. Несколько простых способов показаны здесь, здесь и вот здесь. Все, что вам понадобится, это несколько однотонных горшков, немного краски и ваша фантазия.

4. Нарисовать маркером узор на лампе

Немного терпения и маркер, который пишет на разных поверхностях, — и современный светильник готов. Как нарисовать рисунок на плафоне, показано в этом блоге.

5. Декорировать светильник подручными материалами

Скрыть неэстетичную ножку настольной лампы можно с помощью обычных веточек, как показано здесь. А держатель напольного торшера можно украсить натуральной веревкой (пример).

6. Сделать хендмейд-часы

Оригинальные настенные часы в лучших традициях дорогих магазинов декора можно сделать дома за несколько часов. Это не так сложно, как может показаться. Здесь инструкция по с

Как красиво оформить подарок — 67 фото идей оригинальных оформлений

Выбирая и вручая подарок близкому человеку, нам хочется, чтобы все было прекрасно, поэтому особое внимание уделяется не только самому презенту, но и тому, как он упакован. Даже самый скромный подарок вызовет интерес, если он будет завернут в красивую бумагу или упакован в красивую подарочную коробку.

Красивая подарочная упаковка – это не всегда дорого. Оригинально завернуть презент сможет каждый своими руками, используя доступные материалы. В этой статье представлено несколько способов самостоятельной упаковки презентов.

Бумажная упаковка

Это самый простой и быстрый способ оформления. Тем не менее готовая работа выглядит аккуратно и лаконично:

• Подберите подходящий по размеру лист упаковочной бумаги.
• Оберните в нее презент, оставляя свободный край сверху и снизу.
• Заклейте по периметру прозрачным скотчем. Простая, но красивая упаковка готова.

Хотите сделать ее более оригинальной? Вооружайтесь ножницами и сделайте у упаковки ажурные края. Готовый подарок в дополнение можно перевязать лентой.

Подарочная коробка

Несмотря на то, что в настоящее время на полках магазинов представлено огромное разнообразие товаров, предназначенных для упаковки подарков, собственноручное оформление всегда выглядит гораздо интереснее. Коробка – это универсальный способ упаковки любого подарка. Украсить коробочку самостоятельно можно несколькими способами:

• Обернуть красивой бумагой.
• Обтянуть красивой, благородной тканью – атласом, бархатом, вельветом и так далее.
• Обвязать широкими атласными лентами.
• Обклеить бусинами, стразами, пайетками.
• Декорировать кружевом или тесьмой.
• Покрасить краской.

Пошаговая инструкция по оформлению коробки для презента:

1. Подготовьте подходящую по размеру коробку желательно однотонную, без рисунков. Если на вашей коробке есть надписи или рисунки, то можно покрыть ее краской из аэрозольного баллончика. При выборе краски отдайте предпочтение светлым, пастельным оттенкам.
2. После того как краска высохнет, обклейте коробку бусинами, бисером, стразами в произвольном порядке или составляя композицию, например, из цветов.
3. Из бумаги, подходящей по цвету к оттенку коробки, нарежьте тонкие ленточки и выложите ими дно нашей упаковки.
4. Поместив подарок в коробку, закройте ее и перевяжите атласной лентой. Презент готов.

Подарок в корзинке

Преподношение презента в плетеной корзинке – очень интересный и оригинальный способ поздравления. Корзинка, изготовленная из натуральных материалов, выглядит очень привлекательно и естественно. Это отличный способ для вручения в качестве презента цветов, фруктов, мыла, косметических и гигиенических средств и так далее.

Отметим также, что после распаковки подарка корзинка может использоваться как самостоятельный аксессуар, например, для хранения мелочей или для украшения интерьера. В качестве дополнения здесь можно использовать ленты или полностью завернуть корзинку в прозрачную слюду.

Варианты подарочных наборов и их упаковки

Новогоднее чудо

Компоненты подарочного набора:

• Мед в баночке 0,2 мл;
• 2 небольшие плитки шоколада;
• 2-3 коричные палочки;
• 3-4 цветочка бадьяна.

Специи нужны здесь для создания неповторимого аромата при вскрытии презента.

Упаковываем:

1. Возьмем подходящую по размеру коробку, выложим дно бумажными ленточками.
2. Помещаем в коробку компоненты подарочного набора.
3. Оборачиваем коробку оберточной бумагой, перевязываем ленточкой, дополняя ее палочкой корицы и бусинами.

Если вы подобрали тонкую ленточку, то можно сложить ее в несколько слоев. В качестве дополнения также можно использовать деревянные украшения – звездочки, елочные шарики и другие тематические фигурки. По-настоящему новогодней упаковку можно сделать, украсив ее еловой веточкой или шишками.

Косметический набор к женским праздникам

При покупке косметики для подарка, необходимо точно знать о предпочтениях и особенностях кожи того, кому этот подарок будет адресован. Если получить такую информацию возможности нет, то делайте выбор в пользу универсальных косметических и гигиенических средств.

Компоненты подарка:

• Скраб для тела;
• Ароматическая соль для ванн;
• Мыло ручной работы;
• Пара шоколадных конфет.

Упаковываем:

1. Подберите плетеную корзинку подходящего размера.
2. Расположите в ней подготовленные косметические средства и сладости.
3. Оберните готовый набор прозрачной слюдой.
4. Оберните лентой и украсьте пышным бантом.

Подарок для настоящих мужчин

Мужчины – это наши защитники, сильный пол, но это совершенно не значит, что они не могут радоваться мелочам. Поздравить с праздником любимого мужа, папу, дедушку и вручить ему презент, сделанный от души – это обязательное мероприятие.

Итак, чем же можно удивить любимого мужчину?

Носки в консервной банке

Вам понадобиться:

• Стеклянная банка под закатку объемом 0,5 л.
• Металлическая крышка.
• Машинка для закатки банок.
• Золотистая краска в баллончике.
• Монеты для декора.
• Клеевой пистолет.
• 3 пары носков подходящего размера.

Как упаковать презент?

1. Удалите с носков все этикетки и поместите их в банку.
2. Накройте банку металлической крышкой и закатайте при помощи специальной машинки.
3. Используя клеевой пистолет, украсьте банку монетами, расположив их в произвольном порядке.
4. Застелив рабочую поверхность газетами, покройте банку краской из баллончика. Оригинальный и необычный подарок готов.

Красивая упаковка подарка – это целое искусство, игра фантазии и воображения, позволяющая создать невероятно красивые и оригинальные вещи, наполненные любовью, душевным теплом и заботой о близких. Помните, что даже самый простой подарок можно преподнести эффектно и надолго оставить впечатления в памяти именинника.

Фото идеи для красивого оформления подарков

Как вести Инстаграм в одном стиле

 
Уже имеете сочные фотографии внутри профиля? Это ещё не всё. Хотите, чтобы аккаунт был по-настоящему притягательным для аудитории? Следующий уровень – подобрать концепт и научиться вести Инстаграм в одном стиле.

Качество фото-контента в той же степени важно, как и гармония цвета, настроение и сочетаемость кадров.

Из материала вы узнаете основные способы, как красиво оформить Инстаграм, включая бизнес-аккаунты.

Также, рекомендую прочитать статью про дизайн закрепленных историй (highlights).

«Сетка»

Это универсальные, красивые и несложные стили ведения Инстаграма. Их сила в сочетаемости и логике.

Эффект «Шахматной доски»

Чередуйте близкие по смыслу и цветовой гамме изображения через одно. Сохраняет форму при одиночной выкладке постов, поэтому удобен реализации.

Главная идея – порядок.

Шахматный эффект может быть достигнут фильтрами или изначальным планированием

Переходом через цитату или текст.

Хотите вести Инстаграм в одном шахматном стиле для компании? Можете чередовать фото товаров (снятых в единообразии) и текстовой информации для клиентов и от клиентов (вопросы, отзывы, новости, полезное).

Волшебный по визуальным качествам пример от @ktotutbeauty

Вариация от @super_freelancer

Адаптируемый вариант для бизнеса: контент с товарами всегда в одних тонах, остальное в чб или на тёмном контрасте.

@oceansdesireshop профи в этом

Ряды в линию или дизайн по столбцам

Главная идея: всё внимание на ряд.

Одежда от @batnorton и их линейный подход

В этой технике отлично смотрится вынос конкретных тем, жанров, разделов.

Смысловое наполнение и причинно-следственная связь «зачем и почему» должна быть ясной. То есть желательна изначальная общность кадров.

@stylish3010 — продажа одежды, обуви и аксессуаров.

Учтите, выкладка контента для ряда должна быть единовременной или нарушится логика визуальной составляющей профиля.

Ряды по вертикали или диагонали

Таким же образом можно применять сетку, создавая вертикальный и диагональный стили оформления инстаграма.

@che3m1st и @phoebesoup

Как и в прошлом варианте, нужно быть внимательными и публиковать сразу продуманный ряд или дизайн будет нарушен.

Ряды отлично вписываются в концепты оформления инста-магазинов, в бьюти сферу, мастерам, дизайнерам. Их способность — создать законченный образ продукта или услуги путем представления выигрышных сторон.

«Возьмите себя в… рамки»

Дизайн в рамках специфичен, но интересен. Сложно сказать наверняка каким брендам и профилям он подойдёт, а кому нет. Но… этот стиль выделяется на фоне обычных аккаунтов. И очень просто реализуется через специальные приложения. Например, Snapseed

Геометрия форм рамочного дизайна ограничена только количеством фигур.

Экспериментируйте с размером. И формой. Помните про сочетаемость тонов и настроение создаваемое вашим профилем.

Пример комбинации фонового паттерна, рамок и геометрии формы у @fishhunt_fest
Выглядит стильно и профессионально.

Приложения помогающие раздвигать границы фото с помощью рамок:

• Instafit
• Squaready
• Whitagram
• Diptic
• Frame Swagg

Плиточные концепты

Внимание. Это сложные техники исполнения, они требуют использования сторонних приложений, программ (например, «Photoshop») и подразумевают наличие вкуса в дизайне. Но есть и хорошая новость, в интернете есть платные и бесплатные готовые шаблоны таких дизайнов, но они всё еще для использования в Photoshop.

Instagrid — приложение, которое упрощает работу по этим направлениям.

Коллаж

Когда вы реализуете этот единый стиль в своём инстаграме, вы станете настоящим магнитом для новой аудитории. Если логика выстроена правильно, а гармония не утеряна, каждый элемент коллажа займет своё место, дополнив общую историю.

Такой профиль обязательно будет прочитан новым посетителем. Если говорить о коммерческих площадках, то это неплохой выбор для агентства с дорогими услугами, SMM-агентства, продающего блога, инфобизнесмена, специалиста.

Минусы:

— выкладка и производство сложные и долгие, должны быть выложены сразу, чтобы сохранить общую концепцию
— когда вы выгрузите коллаж, в ленте у текущих подписчиков окажется вся «мешанина»
— если у фото запланирована текстовая составляющая, это удлинит создание коллажа
— не уверен, что можно тянуть такой формат из месяца в месяц

Паззл или мозайка

Более простой вариант плиточного дизайна. Разрежьте одну фотографию на 9 или 12 частей, используя instagrid, фотошоп или любой подходящий фото-редактор.

Итог может быть информационным, цельным или комбинацией.

Если вы делаете посадочную страницу в инстаграме под коммерческий трафик и не планируете активно её вести – это хороший вариант. Ещё это называется инста-лэндингом.

@imperia_sumok делает достаточно качественные встройки комбинаций концепта в общее ведение.
Сложность: 10 из 10

Оттенки в дизайне

Выбор основы

Начните с подбора тональности аккаунта. Помните, ваша гамма будет отражать основную эмоцию, поэтому ориентируйтесь на планируемое настроение профиля.

1. Выбираем подходящий цвет (или несколько).
2. Повторяем оттенки в каждом следующем фото (объекты, фон, фильтры)
3. Вы великолепны

В зависимости от ниши можно подбирать комбинации цветности

И планировать будущие переходы к другим краскам

Как делает @_highking и @ktotutbeauty

Категории товаров могут быть разграничены таким же образом.

Если ваш бренд уже имеет фирменные цвета, используйте их в оформлении.
Или подберите те, что лучше отражают суть реализуемой стратегии, настроение и воспринимаются аудиторией.

Быстрая шпаргалка по сочетаемости

Настроение и тональность

Единый тон и эмоция могут задаваться общими настройками фильтров при обработке фотографий.

Яркость и контраст или воздух и невесомость?

Наша цель: передать правильную эмоцию через контент. Помните об этом.

Сеем добро и уют — держите воздух и тепло.
Мы строгие и важные — распишетесь за минимализм и сниженную насыщенность
Суровые и агрессивные — контрасты и яркие цвета

Чтобы определить контент в группы в группы, опубликуйте три фотографии в одной гамме, другие три в близкородственной ― упростится его восприятие зрителем.

Общий стиль Инстаграма через фильтры

Когда мы вводим строгую колористику нашему профилю, можно столкнуться с трудностями и ограничениями при производстве контента. Куда проще дела обстоят с фильтрами. Выберите один или несколько ваших и используйте.

Если стандартных фильтров недостаточно, используйте приложения для обработки фото для инсты:

• VSCO Cam
• A Colour Story
• Afterlight
• Lightroom
• Snapseed

Посмотрите полезное видео по обработке контента при помощи фото-редакторов

Есть лайфхак для подбора фильтров оформления о котором мало кто знает.
В Пинтересте есть целый раздел с точными инструкциями и идеями визуализации специально для Инстаграма

Вот здесь

Вариации съемки

Если постоянно использовать один и тот же интересный план или ракурс – это со временем станет вашей узнаваемой фишкой.

Помните эти тысячи фотографий с рукой, которая ведет за собой? Вы в силах придумать что-то новое или позаимствовать чужую идею.

Персонаж или объект

Объект или персонаж может выступить главным триггером запоминаемости аккаунта у публики. Один из известных примеров — путешествующая плюшевая лиса на фоне достопримечательностей

 

Инстаграм свинки Пеппы

Вместо заключения

Чтобы грамотно вести Инстаграм в одном стиле, потребуется гораздо больше времени и внимания на начальных этапах, многие из техник капризны, трудно реализуются, затратны по времени, но… со временем всё удастся и пойдёт быстрее.

Лучше сделать 9 хороших, чем 30 скучных постов.

В конце вас ждёт внимание аудитории, а это ценный ресурс на войне с умной лентой.
Больше внимания, выше активность и популярность. Выделяйтесь.

Какие ещё интересные стили ведения инстаграма вам известны?
Делитесь в комментариях.

Инстаграм в одном стиле: 27 примеров оформления

4.4 (88.09%) 47 votes

Материалы по теме:

Как красиво оформить публикацию на Хабре / Habr corporate blog / Habr

Публикация – основная единица связи автора с читателем. Практика показывает, что на Хабре можно разместить почти любой формат: небольшой анонс и лонгрид-обзор, интервью, фотоотчёт, трансляцию события, урок и многое-многое другое. Нередко успех публикации зависит и от её оформления – приятно оформленный материал читать одно удовольствие. В этой статье мы постараемся предоставить вам много полезных советов по хорошему оформлению материала.

И первый лайфхак – кликабельная картинка до ката, которая ведёт сразу внутрь публикации:

А вот вы уже и в публикации. Не знаем, как этот лайфхак повлияет на просмотры статьи, но совершенно очевидно, что нажать на картинку гораздо проще (особенно на сенсорном устройстве), нежели целиться в заголовок. Поэтому будет здорово, если авторы будут применять этот лайфхак (который мы не делаем автоматически, так как до ката может располагаться несколько картинок): просто копируйте адрес статьи сразу после публикации и привязывайте его к картинке до ката.

Мы не понаслышке знаем людей, которые пишут тексты прямо в форме создания публикации на Хабре. Но несмотря на то, что у нас на сайте есть функция автосохранения (работает через localStorage), писать материалы лучше где-то в другом месте, а после всех правок переносить на Хабр. Самый удобный (в том числе для коллективной работы) вариант – GoogleDocs. Хотя, в целом подойдёт любой текстовый редактор – в том же Pages на планшете очень часто рождаются тёплые ламповые тексты.

Эти варианты предпочтительней как минимум по трём причинам:

– Они не зависят от LocalStorage и текст случайно никуда не пропадёт, также он доступен с любого устройства;
– Текст публикации пишется не на одном дыхании, а значит – может получиться более вдумчивым, полным и целостным;
– Наличие всевозможных возможностей по оформлению позволяют видеть статью такой, какая она будет; для последующего переноса материала можно использовать конвертеры, например этот.

На «Хабре» (и на других контентных проектах ТМ) существуют одинаковые формы написания публикаций – обычный редактор с предпросмотром. Для написания используется обычный текст, который можно приукрасить HTML-тегами. Часто (особенно в Песочнице) доводится видеть текст, в который авторы всеми правдами и неправдами пытаются запихать CSS-стили, пишут абзацы с тегом параграфа, прописывают таргеты для ссылок и так далее – всё это лишнее, не следует загрязнять код публикации тем, что не интерпретируется сайтом. Просто попробуйте пару раз поиграться с формой создания публикации, не забывая пользоваться при этом кнопкой предпросмотра, чтобы оценить результаты. Ну а пока несколько советов.

Абзацы

Худшее, что может быть с текстом – это если он вставлен одной сплошной простынёй. Случайный скролл колесом (или неаккуратное касание до планшета) и всё, вы уже потеряли место, где читали. Разбивайте текст на небольшие абзацы, по несколько предложений в каждом.

Абзацы текста можно разделять картинками – это особенно хорошо, если они при этом ещё и уместны.

Заголовки

На сайте как и в HTML-разметке есть 6 уровней заголовков, h2-H6. На самом же деле большинство авторов используют всего несколько – самый крупный (h2), поменьше (h3) и средний (h4) – остальные не очень-то и заголовочные. Используйте их для структурирования текста – самым крупным выделяйте основные разделы, заголовками поменьше – подразделы и т. д. По заголовкам должно быть понятно, что вы начинаете читать – раздел статьи или часть раздела. Не делайте заголовки ради заголовков.

Кстати, заголовки (равно как и обычный текст) также можно красить тегом font color (тегом, а не css-стилем!) – эту фичу особенно полюбили корпоративные клиенты, раскрашивая заголовки в фирменный цвет (например, в этой статье заголовки имеют цвет с логотипа Хабра). Такой вариант хорош тем, что ещё больше выделяет заголовок на фоне чёрно-белой простыни текста.

Пример:

<h5><font color="#cc0000">Irony-заголовок</font></h5>

Результат:

Irony-заголовок

Ссылки

Не вставляйте длинные ссылки прямо в текст публикации – привязывайте их к какому-нибудь слову. Сравните:

Гуглите про НЛО – www.google.ru/?gfe_rd=cr&ei=V_GiVc6KOLCr8wf5zoDgBQ&gws_rd=ssl#newwindow=1&q=%D0%BD%D0%BB%D0%BE

Гуглите про НЛО

Не ленитесь вставлять ссылки на используемые в статье материалы – публикации на Хабре, статьи в Википедии и т. д. – хорошо же, когда статья несёт максимум пользы, и читателю не нужно потом лазить по поисковикам, так как вся необходимая информация заботливо собрана автором заранее. За такое и плюсик в карму не жалко поставить.

Спецтеги

Обязательно изучите теги, доступные на сайте – среди них есть много полезных. Например, если вы используете в статье какие-нибудь редкие аббревиатуры, то почему бы не расшифровать их значение с помощью тега abbr? Смотрите, как здорово:

<abbr title="Картинка Для Привлечения Внимания">КДПВ</abbr>

Результат:

КДПВ

Также немногие чувствуют разницу между тегами source и code. Source вставляет блочный элемент с подсветкой синтаксиса, в то время как code вставляет строчный элемент (по сути просто моноширинным шрифтом). Соответственно, нет смысла вставлять несколько строк кода в тег code – он будет некрасиво смотреться, сливаясь с основным текстом. А вот source – наоборот.

Не все знают, что есть поддержка таблиц, в том числе с возможностью объединения рядов и колонок. У таблиц нельзя задавать толщину рамки или цвет фона, но зато внутри них можно использовать изображения и текст со всё тем же форматированием – если подойти ответственно, то получится красиво. Да, кто-то скажет, что можно вставить таблицу и картинкой, но так она не проиндексируется и так в ней будет сложнее что-то поменять.

Полно других тегов: для упоминания других пользователей (чтобы они это заметили у себя в трекере), для вставки интерактивных twitter-карточек и т. д.

Спойлеры

Ещё один спецтег, про который хочется упомянуть отдельно. Спойлер используется для того, чтобы скрыть в статье некую информацию, но при этом чтобы она была доступна после клика.Почему это круто?

Чаще всего это нужно для того, чтобы уместить в одной публикации больше информации, но чтобы сама публикация при этом не казалась раздутой. В спойлерах можно скрывать полезную информацию (например, технические характеристики в обзоре устройства или принцип работы какого-то алгоритма) – те, кому информация нужна, тот сможет посмотреть её, а всем остальным она не будет мозолить глаза. Также это позволяет избежать перекидывания пользователя на внешние сайты (на ту же Википедию), что особенно удобно при чтении публикации с мобильного устройства.

Касаемо изображений нужно знать две особенности:

• Все изображения с Хабрахабра/Geektimes/Мегамозга хранятся на сервисе Habrastorage – специальном ресурсе для хранения картинок. Даже если вы вставляете картинки с внешнего сайта, они всё равно перезальются на Habrastorage – чтобы быть доступными даже спустя годы. Заливайте картинки сразу на сервис – он очень удобен.
  
• Все большие изображения автоматически масштабируются средствами CSS – чтобы не разъезжалась вёрстка сайта. То есть вы можете вставить FullHD-скриншот, но на нём, скорее всего, ничего не будет видно – не поленитесь сделать картинку кликабельной, прописав ей ссылку на полную версию изображения.

Подбор КДПВ

Первое изображение, которое используется в публикации – КДПВ, она же Картинка Для Привлечения Внимания или картинка до ката. Как понятно из названия, на эту картинку возложена большая миссия – привлечь внимание потенциального читателя, когда он смотрит ленту публикаций. И именно поэтому эту картинку следует использовать – если её нет, то ваша публикация с большой долей вероятностью «потеряется» при скролле. Согласитесь, вы не раз заходили в публикацию только потому, что вас заинтриговала картинка до ката?

От выбора КДПВ часто зависит дальнейшая судьба публикации, настрой в её комментариях. Нет ничего скучнее логотипа бренда – используйте что-то более яркое и сочное, что будет именно привлекать внимание. Юмор и мемы приветствуются, но всё должно быть в меру – если от какого-то мема все устали и вы сами понимаете, что он не очень-то уместен – ищите другую картинку. Не раз встречались комментарии типа «Зашёл только ради картинки» или «Даже картинка не спасла этот пост».

Наглядные примеры: с сиськами, без сисек.

Если вы пишете цикл публикаций, есть смысл использовать одну и ту же картинку до ката – тогда те, кому понравилась предыдущая публикация из цикла, с большой вероятностью зайдут и в новую часть.

Скриншоты

У Mac-пользователей всё просто – сам Стив Джобс велел использовать сочетание «CMD + Shift + 4 + Space» для того, чтобы сделать красивый скриншот окна с тенью. Для Windows- и Linux-пользователей существует огромное количество всевозможных утилит и способов – на ваше усмотрение.

Скриншот из OS X после нажатия комбинации «CMD + Shift + 4 + Space». Подпись – italic + font color=«99999»

Нюансов же несколько:

Картинка без рамки, с align=«center»

Не вставляйте JPEG-скриншоты и PNG-фотографии – без внимания в комментариях это не оставят. Равно как и картинки ужасного качества (более 2 баллов по шкале шакалов) использовать не следует.

Обтекание изображения текстом

Если вы используете в статье небольшую картинку (менее 300-400 пикселей по ширине), то по бокам изображения будут пустые области. Чтобы избавиться от них, можно прописать картинке атрибут align со значением left, center или right – как вам удобней. Чтобы не делать потом несколько переносов строк, используйте атрибут clear.

А ещё изображениям можно задавать атрибуты width и height – специально для перфекционистов, которые хотят до пикселя выровнять в тексте публикации какую-нибудь иконочку.

• Изучите теги, доступные на сайте. Одну и ту же статью можно оформить по-разному. Если статьи на Хабре для вас как часть портфолио, то не поленитесь потратить немного времени на красивый результат.
  
• Обращайте внимание на то, как оформляют публикации другие пользователи. Почти каждый день для этого публикуется множество примеров.
  
• Обращайте внимание на отступы. У разных объектов они разные – у заголовков один отступ, у картинки или тега с кодом – другой. Некрасиво, когда в публикации есть лишние переносы строк, а картинки «прилипают» к тексту.
  
• Пользуйтесь орфографом/типографом. Дефисы, кавычки, многоточия и т.д. – это на ваше усмотрение. Но вот ошибки мало кому понравятся – исправляйте хотя бы то, что подчёркивает браузер.
  
• И самое главное – пользуйтесь предпросмотром. Неоднократно на сайте размещали недописанные публикации, с системными пометками (СОГЛАСОВАТЬ С ИГОРЕМ) или без картинок. В лучшем случае успевали скрыть публикацию в черновики для исправления, в то время как в социальные сети могли уйти нерабочие ссылки; да и статья после публикации не оказывается в самом верху – она оказывается там, где была на момент первого размещения. В худшем случае это смещало фокус обсуждения в комментариях – оно вам надо? Именно поэтому мы рекомендуем готовить материал где-то вовне, но даже с таким подходом следует семь раз отмерять, прежде чем один раз отрезать.
  

Мы поделились с вами некоторыми советами (довольно очевидными), но важно помнить, что самое главное для публикации – чтобы она была интересной. Если она неинтересная, никакое оформление не спасёт. Но в то же время читать красиво оформленную публикацию всегда приятно. И в таком случае важно не переусердствовать – всё хорошо в меру.

Пишите свои рекомендации по оформлению публикаций – самые ценные советы добавим сюда.