Блог для дизайнеров интерьера — советы по ведению бизнеса, маркетингу, юриспруденции
Вебинары и интенсивыВебинар «10 ошибок в работе дизайнера интерьера»
Какие ошибки мешают дизайнеру интерьера привлекать больше клиентов и работать в удовольствие? Почему для дизайнера так важен личный бренд? Как выстроить работу студии, чтобы бизнес приносил радость, а не головную боль?
Ответы на эти вопросы вы сможете найти на вебинаре «10 ошибок в работе дизайнера интерьера».
Блог BasicDecor
Специалисты компании
Динамика спроса на дизайн, ремонт и недвижимостьСпрос на дизайн-проект, ремонт и покупку недвижимости в марте 2023
Каждый месяц мы в BasicDecor анализируем спрос на дизайн-проекты, покупку недвижимости и ремонт за предыдущий месяц.
Чтобы дизайнерам интерьера было легче ориентироваться в ситуации на рынке, смотрим, как изменился спрос за год и за месяц.
Для анализа спроса мы смотрим статистику пользовательских запросов в сервисе Yandex Wordstat по ключевым фразам: «дизайн-проект интерьера», «ремонт под ключ» и «купить квартиру».
Анализируем ситуацию в десяти регионах: Москве, Санкт-Петербурге, Екатеринбурге, Нижнем Новгороде, Казани, Тюмени, Челябинске, Перми, Краснодаре и Уфе.
В этом месяце разбираемся, как изменилась ситуация в марте 2023 года по сравнению с мартом 2022 года и февралем 2023.
Блог BasicDecor
Специалисты компании
Как дизайнеру интерьера оформить коммерческое предложение, чтобы оно работало эффективно
Коммерческое предложение (КП) — один из ключевых инструментов продаж дизайн-студии.
Многие дизайнеры его недооценивают и оформляют без должного внимания.
Блог BasicDecor
Специалисты компании
Спрос на дизайн-проект, ремонт и покупку недвижимости в феврале 2023
Каждый месяц команда BasicDecor анализирует спрос на дизайн-проекты, покупку недвижимости и ремонт за предыдущий месяц. Мы смотрим, как изменился спрос за год и за месяц, чтобы дизайнерам интерьера было легче ориентироваться в ситуации на рынке.
Для анализа спроса мы смотрим статистику пользовательских запросов в сервисе Yandex Wordstat по ключевым фразам: «дизайн-проект интерьера», «ремонт под ключ» и «купить квартиру».
Анализируем ситуацию в десяти регионах: Москве, Санкт-Петербурге, Екатеринбурге, Нижнем Новгороде, Казани, Тюмени, Челябинске, Перми, Краснодаре и Уфе.
В этом месяце разбираемся, как изменилась ситуация в феврале 2023 года по сравнению с февралем 2022 года и январем 2023.
Блог BasicDecor
Специалисты компании
Маркетинг для дизайнеровПочему продвижение не дает результата?
Мы часто слышим, как дизайнеры говорят: «Я уже пробовал запускать рекламу, но она не сработала», «Мы вели соцсети, но заявок было очень мало», «Мы пробовали все! Но все было бесполезно». А затем такую фразу — «Маркетинг не работает». Почему так происходит?
Продвижение — последний этап маркетинга. Если представить маркетинг как рыбу, то продвижение — ее хвост. Но чтобы рыба могла плавать, ей нужен прочный скелет, о котором часто забывают.
Блог BasicDecor
Специалисты компании
Динамика спроса на дизайн, ремонт и недвижимостьСпрос на дизайн-проект, ремонт и покупку недвижимости в январе 2023
Смотрим, как изменился спрос за год и за месяц, чтобы дизайнерам интерьера было легче ориентироваться в ситуации на рынке.Для анализа спроса мы смотрим статистику пользовательских запросов в сервисе Yandex Wordstat по ключевым фразам: «дизайн-проект интерьера», «ремонт под ключ» и «купить квартиру».
Анализируем ситуацию в десяти регионах: Москве, Санкт-Петербурге, Екатеринбурге, Нижнем Новгороде, Казани, Тюмени, Челябинске, Перми, Краснодаре и Уфе.
В этом месяце разбираемся, как изменилась ситуация в январе 2023 года по сравнению с январем и декабрем 2022.
Блог BasicDecor
Специалисты компании
Дизайн-событияКонкурсы для дизайнеров и архитекторов. Весна-Лето 2023
Блог BasicDecor
Специалисты компании
Спрос на дизайн-проект, ремонт и покупку недвижимости в декабре 2022
Каждый месяц мы анализируем спрос на дизайн-проекты, покупку недвижимости и ремонт за предыдущий месяц.
Смотрим, как изменился спрос за год и за месяц, чтобы дизайнерам интерьера было легче сориентироваться в ситуации на рынке.
Для анализа спроса мы смотрим статистику пользовательских запросов в сервисе Yandex Wordstat по ключевым фразам: «дизайн-проект интерьера», «ремонт под ключ» и «купить квартиру».
Анализируем ситуацию в десяти регионах: Москве, Санкт-Петербурге, Екатеринбурге, Нижнем Новгороде, Казани, Тюмени, Челябинске, Перми, Краснодаре и Уфе. В этом месяце разбираемся, как изменилась ситуация в декабре 2022 года по сравнению ноябрем 2022 и декабрем 2022.
Блог BasicDecor
Специалисты компании
Дизайн-рынок. Аналитика. ПрогнозыСколько стоят услуги дизайн-студий в 2022
В дизайне интерьера, как и в любой другой сфере, цена — один из главных факторов, на которые смотрит человек при выборе специалиста.
Низкая цена стандартно ассоциируется с плохим качеством услуг, а высокая — с уникальностью. Если дизайн-студия предлагает уникальную услугу, то может устанавливать цены выше рыночных. Но и низкая, и высокая цена привлекает клиента, если он понимает, чем она обусловлена.
Специалисты BasicDecor каждый год проводят исследование цен на дизайн-проекты по России. Благодаря этим исследованиям дизайн-студии могут проверить свою конкурентоспособность на рынке, а также сформировать цену на услуги при выходе на рынок в другом регионе. «Молодые» дизайн-студии, только-только начавшие работу, могут понять, какие цены ставить на услуги.
Блог BasicDecor
Специалисты компании
Вебинары и интенсивыВебинар «Эффективное управление командой в дизайне интерьера»
Как дизайнеру интерьера собрать команду, с которой будет комфортно работать в студии или на проекте? Как научиться делегировать и делать это эффективно? Руководить творческим коллективом — не самая простая задача, но точно реализуемая.
Ответы на вопросы о том, как это делать, собрали на вебинаре «Эффективное управление командой в дизайне интерьера».
Блог BasicDecor
Специалисты компании
Вебинары и интенсивыВебинар «Оптимизация шаблона для дизайн-проекта. Сокращение срока проектирования полного дизайн-проекта до 2-3 дней»
Блог BasicDecor
Специалисты компании
Динамика спроса на дизайн, ремонт и недвижимостьСпрос на дизайн-проект, ремонт и покупку недвижимости в ноябре 2022
Каждый месяц мы анализируем спрос на дизайн-проекты, покупку недвижимости и ремонт за предыдущий месяц.
Смотрим, как изменился спрос за год и за месяц, чтобы дизайнеры интерьера могли сориентироваться в ситуации на рынке.
Для анализа спроса мы смотрим статистику пользовательских запросов в сервисе Yandex Wordstat по ключевым фразам: «дизайн-проект интерьера», «ремонт под ключ» и «купить квартиру».
Анализируем ситуацию в десяти регионах: Москве, Санкт-Петербурге, Екатеринбурге, Нижнем Новгороде, Казани, Тюмени, Челябинске, Перми, Краснодаре и Уфе.
В этом месяце разбираемся, как изменилась ситуация в ноябре 2022 года по сравнению октябрем 2022 и ноябрем 2021.
Блог BasicDecor
Специалисты компании
Подписка на рассылку
Полезные материалы для дизайнеров интерьера
Блог – Британская высшая школа дизайна
Блог – Британская высшая школа дизайнаФильтр (1 выбран)
Все категории
Как это работает
Что нового
Повестка
Britanka Talks
Britanka Faces
Что почитать
Мнение
Все теги
Fashion
Диджитал
Графика
Брендинг
Интерьер
Предмет
Маркетинг
Все годы2023 год2022 год2021 год2020 год2019 годСбросить фильтры
Как устроено высшее образование в Британке: направление Fashion & Textile Design
Почему ЭТО модно?
Как устроено комьюнити Британки: помощь в поиске работы, дружба в эмиграции и совместные путешествия
Попасть в индустрию моды: что нужно знать и как этому научиться
Комплектация интерьера: 5 самых распространенных ошибок и способы их избежать
Как создать свое медиа и писать так, чтобы вас читали?
5 предметов, изменивших мир
Ландшафт современного маркетинга: работа с B2B и B2C, коллаборации и идеальные каналы продвижения
Карьера в маркетинге: с чего начать и что нужно знать
Зачем бизнесу комьюнити-менеджер? Интервью с Дарьей Чернозуб
Как собрать портфолио для творческого вуза?
Как использовать нейросети в дизайне? Рассказываем на примерах работ наших студентов
«Кризис — отличное время для запуска и активного роста», — София Кареева о том, что ждет рынок digital-рекламы в 2023 году
Как начать зарабатывать на керамике? Пошаговая инструкция
Бизнес на керамике: история основателя гончарных мастерских «Кулибин» Артура Галеева
Что такое LTV и когда он вам не нужен: рассказываем на трех примерах
Как студенты Британки работают с крупными брендами уже во время учебы? Рассказываем на примере «Яндекса»
«Главный тренд — устойчивость к изменениям», — Виктория Бухаркина о теориях и трендах в маркетинге
Показать ещё
Ближайшие события
Все события
13
мая 2023
Сб
Начало в 13:00
онлайн
16
мая 2023
Вт
Начало в 19:00
Боярские палаты, Страстной бульвар, 10.
23
мая 2023
Вт
Начало в 19:00
Центр дизайна Artplay, ул. Нижняя Сыромятническая, 10 стр. 3, 5 этаж
01
июня 2023
Чт
Начало в 19:30
Центр дизайна Artplay, ул. Нижняя Сыромятническая, 10 стр. 3, 5 этаж
09
июня 2023
Пт
Начало в 18:00
Центр дизайна Artplay, ул. Нижняя Сыромятническая, 10с3, 5 этаж, аудитория 3/5 11
01
июля 2023
Сб
Начало в 11:00
Центр дизайна Artplay, ул. Нижняя Сыромятническая, 10 стр. 3, 5 этаж
Мы используем файлы cookie, разработанные нашими специалистами и третьими лицами для анализа событий на нашем веб‑сайте, что позволяет нам улучшать взаимодействие с пользователями и обслуживание. Продолжая просмотр страниц нашего сайта, вы принимаете условия его использования. Более подробные сведения смотрите в нашей Политике конфиденциальности.
26 дизайнерских идей для блогов, которыми можно гордиться своим контентом
Логотипы, веб-сайты и многое другое…
Логотипы, веб-сайты, обложки книг и многое другое…
Получить дизайн
Итак, у вас есть тема, и вы определились со своей точкой зрения.
Вы раздумываете над созданием своего блога, но не знаете, с чего начать его появление. Что ж, не волнуйтесь, мы собрали 26 подробных идей дизайна блога, чтобы направить вас на правильный путь. От изображений заголовков до макетов для ваших статей, мы познакомим вас с некоторыми примерами блогов, которые охватывают все основы.
Совершенствование дизайна вашего блога
—
Независимо от того, являетесь ли вы компанией, предоставляющей услуги и хотите больше поделиться со своими клиентами, или частным лицом, желающим поделиться своими увлечениями и знаниями с остальным миром, блог — это важный способ связаться со своей аудиторией. Они могут быть автономными, привлекая трафик к вашим сообщениям, или они могут быть частью более крупного веб-сайта, привлекая клиентов к вашим продуктам.
Иллюстрация OrangeCrush Блог может стать отличным окном в то, кем вы являетесь как бренд или человек и чем вы увлечены. Ваш блог также может побуждать людей следить за вашим контентом и делиться им в социальных сетях или подписываться на рассылку новостей по электронной почте.
Итак, в чем разница между дизайном блога и цифрового новостного сайта или публикации в журнале? В то время как новостные и журнальные сайты в основном информативны, авторитетны и содержательны, блоги — это ваш шанс связаться со своей аудиторией, используя свой собственный тон голоса, страсть и индивидуальность. Вместо того, чтобы просто излагать факты новости, как на новостном сайте, или добавлять цитаты и цвета, как в статье онлайн-журнала, ваш блог — это возможность показать свое собственное мнение и чувства по поводу интересующего вас предмета.
Дизайн вашего блога должен выражать все это визуально. Итак, давайте углубимся.
Определите свой блог-бренд с помощью этих творческих идей дизайна блога
—
1. Будьте изысканными с полноэкранными фотографиями
Вы хотите обратиться к искушенной аудитории в области моды или стиля жизни, но не знаете когда начать? Вы не ошибетесь, воспользовавшись некоторыми советами из приведенного ниже примера дизайна блога.
Обратите внимание, как он использует полноэкранный слайдер со стильной модной фотографией в качестве фона.
Изысканные цвета и дизайн кричат о высокой моде, а заголовки последних статей, выделенные белым цветом, буквально прыгают со страницы. Размещение значков социальных сетей в левом верхнем углу — это один из первых элементов, которые вы видите, и это побуждает посетителя подключиться и начать обсуждение.
2. Сохраняйте минимализм
Итак, вы серьезный человек, и вы просто хотите донести сообщение четко и лаконично, без беспорядка. Минималистский, чистый подход вполне может подойти вам. Использование одного или двух цветов и жирных заголовков с большим количеством пробелов может эффективно донести ваши ценные мысли. Этот стиль часто предпочитают технические блоги или компании, такие как Apple, которые хотят подчеркнуть изображения своих продуктов или проиллюстрировать процесс или функцию.
Дизайн блога от Surya Wiguna через Behance3.
Серьезность с корпоративным стилемЕсли ваш блог в большей степени ориентирован на предоставление ценного контента о профессиональных услугах, вам следует использовать серьезный и заслуживающий доверия подход. Это часто выражается в темных заголовках, чистых фотографиях и офисных/бизнес-образах, как показано ниже.
Дизайн блога: aarsita4. Создайте момент OMG
Вы хотите создать энергичный и живой опыт для вашей модной, молодой аудитории? Тогда вы можете использовать необычные и забавные образы, как в этом блоге. Яркие цвета и творческие образы действительно приведут вашу аудиторию в восторг.
Дизайн блога от sandy#ogmaИзображения и визуальные эффекты, чтобы сделать ваш блог популярным
—
5. Иллюстрированные главные изображения выражают творчество
Это захватывающее изображение, которое можно использовать в качестве главного героя в блоге рецептов здоровой пищи. Этот тип изображения обязательно привлечет внимание посетителей вашего сайта и заинтересует их, и они захотят узнать больше о том, что вы освещаете.
6. Тональные, перцептивные иллюстрации для технологий
Иногда лучше меньше, и для современных технологических компаний это, безусловно, тренд. Возьмите этот пример главного изображения дизайна блога. Фигура, нарисованная линией, снова окрашена в светло-серый цвет, так что заголовок несет в себе некоторую выразительность. Это отлично подходит для того, чтобы сосредоточить внимание пользователей на заголовках.
Дизайн заголовка от Designs Divine TM7. Мультяшные элементы добавляют индивидуальности
Необычные главные изображения, такие как мультфильм в этом примере, показывают читателям индивидуальность вашего бренда. Он знакомит читателей с вашим персонажем и предлагает им подключиться и потреблять больше контента.
Во всех случаях использования изображений в своем блоге убедитесь, что вы используете теги ALT, заголовки и описания при вставке изображений. Это позволяет программам чтения с экрана и поисковым системам читать ваш контент и делать его более доступным.
8. Объедините фотографии с графикой, чтобы добавить глубины
Это только вы, вы, вы! Может быть, вы спикер или консультант и хотите уделить основное внимание себе. Если это так, то почему бы не выделиться на главной странице? Это изображение героя подчеркивает индивидуальность наряду с современной графикой и фоном блочного цвета. Наряду с выделенным текстом это главное изображение действительно выделяется на странице.
Дизайн блога Дмитрия9. Выберите яркие фотографии, чтобы показать свой бренд или тему
Если вы пытаетесь связаться с аудиторией, которая мечтает, то почему бы не разместить вдохновляющую идиллическую фотографию на первой странице, как в этом блоге о путешествиях? Использование этого типа изображений в вашем блоге также побудит вашу аудиторию проводить больше времени на вашей странице, а это означает, что они с меньшей вероятностью «отскочат» от нее.
Дизайн блога Армин Браунсбергер10. Потратьте время на текстуру
Яркие изображения, используемые в этом блоге, действительно выделяют его из толпы техников.
Фигуры с градиентным цветом кажутся плавающими поверх градиентного фона, создавая гладкий и привлекающий внимание вид.
11. Продемонстрируйте свою натуру с помощью иллюстрированных заголовков сообщений
Хотите привлечь аудиторию креативным дизайном блога? Этот иллюстрированный заголовок сообщения в блоге установит связь как с любителями природы, так и с любителями искусства. Индивидуальные иллюстрации, подобные этой, могут подойти для блога об экологически чистых продуктах или природе.
Дизайн блога от Dwinawan через DribbbleЭффективно используйте типографику в дизайне своего блога
—
12. Используйте рукописный шрифт для придания индивидуальности
Некоторые из самых уникальных дизайнов блогов используют типографику как творческий способ выделиться. В этом дизайне блога толстый рукописный шрифт обеспечивает новый способ разделения разделов. Обратите внимание, как дизайнер использовал более разборчивый шрифт для основного контента.
Это важно для хорошей читаемости и для того, чтобы программы чтения с экрана и, конечно же, Google могли искать ваш контент.
13. Используйте шрифт с засечками, чтобы подчеркнуть изысканность
Этот дизайн блога о моде и образе жизни использует крупный элегантный шрифт с засечками, чтобы привлечь внимание аудитории. Это придает бренду изысканность, соответствующую его содержанию.
Дизайн блога от Project M+ через Behance14. Смело используйте заголовки с засечками
Если вы хотите произвести немедленное впечатление, почему бы не использовать дружественный, но крупный шрифт с засечками, подобный этому, в заголовке? Это говорит о том, что блог вашего бизнеса, эм… означает бизнес.
Дизайн блога от DSKY15. Выберите сочетание шрифтов в своих интересах
Выбор шрифта, который хорошо сочетается друг с другом, — это искусство, и вы можете рассмотреть возможность сочетания экранного шрифта со шрифтом основного текста для достижения желаемого эффекта.
Здесь дизайнер использовал уникальный шрифт с засечками «Romana» для заголовка и четкий и чистый «Avenir Next» для основного текста. Это означает, что заголовок действительно выделяется на странице, в то время как шрифт копии — чистый «Swift Neue», а система навигации использует еще более чистый шрифт без засечек Avenir Next.
Дизайн блога Джорджа Олару через Dribbble16. Простая, но мощная настройка шрифта
Если вы создаете более профессиональный, но дружелюбный блог, вы можете воспользоваться некоторыми подсказками из этого примера. Он использует жирный шрифт для заголовка и светлый шрифт для абзацев, в которых он использует более жирный шрифт для выделения наиболее важных слов. Дизайнер также стратегически выделяет кавычки, списки и ссылки бирюзовым цветом, который выделяется на фоне монохромного цвета шрифта.
Дизайн блога от PixtorЗаставьте ваших читателей взаимодействовать
—
17. Проявите творческий подход с помощью значков
Все мы знаем об использовании значков в служебных разделах веб-страниц компании, но в этом блоге они используются более интересным способом.
для выбора категорий контента. Эти причудливые маленькие значки могут развлечь вашу аудиторию, пока они узнают больше о своих пушистых друзьях.
18. Показывайте отличные отзывы
Этот блог экспериментирует со значками, чтобы повысить удобство навигации для пользователей. Призыв к действию на главном изображении слайдера подтверждает это, упрощая переход к рекомендуемой статье. Кроме того, бренд показывает читателям, что о нем стоит кричать, делая акцент на различных медиа-платформах, на которых он упоминается.
Дизайн блога от DSKY19. Украсьте свои регистрационные формы
Если вы хотите, чтобы люди подписывались на получение вашей новой электронной книги или просто подписывались на ваш список рассылки, вам понадобится регистрационная форма с призывом кнопка действия (CTA).
Дизайн блога от Анастасии Козьменко через Behance Здесь дизайнер добавил энергии в раздел регистрации иллюстрированным коллажем из фото блогера. Это сразу привлекает внимание зрителей и делает интересным способ подписаться на информационный бюллетень.
Найдите макет, который подходит для вашего бренда
—
20. Используйте карточки со статьями, чтобы привлечь внимание своей аудитории
В этом блоге о еде и образе жизни используются карточки со статьями на приглушенном иллюстрированном фоне, чтобы они выделялись. Обратите внимание, что категории отличаются цветом и шрифтом от основного текста. Это показывает посетителю, как легко перемещаться по контенту.
Дизайн блога от A.Creativ321. Попробуйте слайдеры с несколькими избранными статьями
Мы все видели впечатляющие полноразмерные слайдеры с избранными статьями на фоне прекрасной фотографии, и они отлично подходят, если вы хотите, чтобы читатель сосредоточился на одной основной статье за раз. Однако, если вы хотите сделать свой контент более доступным, вы можете разделить этот ползунок, чтобы зритель мог просматривать другие статьи без необходимости нажимать или ждать, пока ползунок не переместится к следующему.
Дизайн блога: Minel Paul V Раздел основного контента в этом блоге уже, чем ширина страницы, что придает ему более утонченный вид и действительно заставляет вас сосредоточиться на том, что там есть.
Однако имейте в виду, сколько времени посетителю потребуется, чтобы прокрутить вниз до нужного ему контента. Здесь большие изображения героев немного падают вниз.
22. Направляйте посетителей к вашему основному контенту, а также показывайте другой контент
Вашему блогу может потребоваться сложная структура, и он может иметь разные категории. Этот пример подойдет сайту с большим количеством контента, который ежедневно обновляется статьями.
Дизайн блога от Designs Divine TMЭтот макет в новом стиле предлагает сетку из трех столбцов с избранным разделом вверху, цветными категориями и стрелками в списках сообщений, чтобы пользователи могли переходить к большему количеству статей, не покидая страницу. Его «верхняя» категория сообщений в блоге охватывает две из трех колонок, чтобы обеспечить его заметность на странице. Он также привлекает внимание к своим большим красочным каналам социальных сетей на боковой панели, чтобы побудить читателей подключиться.
23.
Привлекайте больше внимания к избранным статьямЭтот пример блога имеет темный заголовок, который говорит о профессионализме и авторитете. Карточки со статьями выделяются из темного фона, чтобы добавить дополнительный акцент каждой избранной статье. Он также предлагает кнопки тем статей, чтобы быстро находить нужные статьи и отфильтровывать нежелательный контент.
Дизайн блога Адама Муфлихуна.24. Обеспечьте простую навигацию и доступ
Эта страница блога фокусирует внимание зрителя на сетке из трех столбцов с кнопками, побуждающими посетителя щелкнуть мышью, чтобы прочитать статью. Поскольку в блоге не используются слайдеры или изображения избранных статей, посетитель может быстро увидеть ряд статей, которые могут его заинтересовать.
Это подходит для блога, в котором читателю не нужно ориентироваться на конкретную статью, но придается одинаковое значение всем статьям. Выбор категории в верхней части сетки означает, что пользователи могут быстро перейти к интересующей их области.
25. Позвольте вашему читателю легко искать с заметным размещением категории
Этот минималистичный макет с несколькими сообщениями выделяет категории приглушенным синим цветом и размещает его перед заголовками статей. Это добавляет дополнительный акцент к категории статьи и обеспечивает легкий доступ к другим статьям на ту же тему. Этот формат списка сообщений рядом с избранным изображением означает, что посетитель может видеть много статей одновременно. Это подойдет сайту с большим количеством контента.
Дизайн блога от Designer’s Spot26. Переход на темную сторону, но с выделением
В этом примере блога карточки со статьями размещены на темном фоне. Вместо того, чтобы разбивать страницу на разделы, это делает страницу бесшовной, и только заголовки разделов и белые поля с заголовками статей прорываются сквозь темноту. Это придает дополнительный акцент заголовкам, потому что изображения почти сливаются с фоном. BBC делает это более тонким способом, но принцип тот же.
Завершение наших лучших идей дизайна блога
—
Здесь мы рассмотрели целый спектр примеров дизайна блога, и мы уверены, что у вас есть несколько отличных идей для вашего увлекательного начинания. Помните, что вам нужно выбрать то, что подходит вам и вашей теме блога или бренду, поэтому эти дополнительные чтения могут быть полезны, прежде чем вы начнете прямо. А пока, почему бы не поделиться тем, над чем вы работаете, в комментариях ниже?
Нужна помощь в разработке идеального блога?
Наше сообщество талантливых дизайнеров может создать его для вас.
Пойдем!
Дизайн блога: полное руководство
Что такое дизайн блога?
Дизайн блога — это практика оптимизации внешнего вида, восприятия, брендинга, удобочитаемости и функциональности блога с целью максимизации количества посетителей, читательской аудитории и числа конверсий.
Почему важен дизайн блога?
Согласно последним данным WordPress, ежемесячно публикуется 70 миллионов сообщений в блогах.
Итак, чтобы ваш контент заметили, да, вам нужно публиковать высококачественный контент.
Но этот контент также должен ВЫГЛЯДИТЬ действительно хорошо.
На самом деле, согласно NN/g, дизайн веб-сайта оказывает огромное влияние на его надежность и авторитет.
Я своими глазами видел, как дизайн блога может повлиять на его успех. Когда я впервые запустил свой блог, я был новым игроком в высококонкурентном пространстве цифрового маркетинга.
И я знал, что дизайн поможет мне выделиться среди крупных блогов в моем пространстве.
Итак, я потратил много времени и усилий на первоначальный дизайн своего блога.
Я также много инвестировал в визуальный контент, такой как инфографика.
И это внимание к дизайну помогло моему блогу быть замеченным в первые дни.
Несмотря на то, что с тех пор мой блог вырос в геометрической прогрессии, вся моя команда и я по-прежнему уделяем большое внимание дизайну блога.
Мы делаем все возможное не только с помощью пользовательских скриншотов:
Мы также работаем с веб-дизайнерами над созданием руководств по индивидуальному заказу.
Фактически, мы еженедельно получаем комментарии от людей, хвалящих наш дизайн.
И я могу с уверенностью сказать, что дизайн — одна из главных причин того, что наш блог посещают 522 981 раз в месяц.
Единственное предостережение заключается в том, что страницы, созданные по индивидуальному заказу, могут быть дорогими. По сути, вам нужно, чтобы кто-то разработал веб-страницу с нуля. Затем закодируйте страницу и интегрируйте ее в WordPress.
Так что, если у вас нет огромного бюджета на контент-маркетинг, сосредоточьтесь на более дешевых элементах дизайна, таких как баннеры для постов в блогах и визуальные эффекты.
Теперь, когда вы точно поняли, почему дизайн блога так важен, пришло время убедиться, что ваш блог спроектирован правильно.
Передовой опыт
Сосредоточьтесь на высокой читабельности
Когда большинство людей слышат «дизайн блога», они думают о таких вещах, как цвета, иллюстрации, брендинг и UX.
И да, эти вещи важны для дизайна блога.
Но они не так важны, как типографика .
В конце концов, блог — это место, где люди ходят читать текстовый контент. И если этот текстовый контент трудно читать, блог не будет успешным.
(Независимо от того, насколько замечателен этот контент.)
К счастью, сделать содержание вашего блога легко читаемым не сложно.
Самое главное, что вы используете шрифт между 15px-18px .
На самом деле, исследование Университета Карнеги-Меллона показало, что крупный шрифт легче читать и понимать.
Это то, что я заметил на собственном опыте. Если я попадаю в блог с мелким шрифтом, я обычно ухожу.
Но если я попадаю в блог с хорошо читаемым шрифтом, я обычно даю контенту шанс.
Medium.com — король удобочитаемых шрифтов.
Они используют шрифт 21px. И это большой, смелый и безумно легко потреблять.
Помимо размера шрифта, вы также хотите, чтобы в дизайне вашего блога было много пустого пространства вокруг текста.
Например, вот блог с текстом, который сжат вместе.
Очень тяжело читать.
С другой стороны, в нашем блоге мы используем массу пустого пространства вокруг контента.
Наконец, используйте макет блога, который легко читать… и пролистывать.
Это означает использование широких полей, например:
И создание жирных подзаголовков, которые разбивают длинный контент на более мелкие фрагменты.
Используйте последовательный дизайн
Как и любой дизайн веб-сайта, согласованность дизайна вашего блога ОЧЕНЬ ВАЖНА.
Единый дизайн облегчает запоминание вашего блога. Что, учитывая количество блогов, очень важно.
Например, в Backlinko мы используем «Backlinko Green» на всем сайте.
А в AngelList они используют специально иллюстрированные баннеры для сообщений в блогах, которые имеют одинаковый внешний вид.
В блоге NerdWallet в верхней части каждого поста используются непристойные стоковые фотографии.
Если бы они использовали стоковую фотографию для одного поста и иллюстрацию для другого, дизайн их блога выглядел бы совершенно неуместно.
Но эта последовательность помогает их блогу выглядеть супер профессионально.
На самом деле, если вы удалите текст из каждого блога, вы все равно сможете сказать, в каком блоге вы находитесь, только по дизайну.
В этом сила последовательного дизайна.
Выделяющийся дизайн
Ваш блог должен легко читаться. И используйте согласованные элементы дизайна.
Но если ваш блог похож на любой другой блог в вашей нише, он будет гармонировать с остальными.
Вот почему хотя бы часть дизайна вашего блога должна выделяться.
Это не значит, что вам нужно заново изобретать велосипед. Но ваш блог должен делать что-то, что отличает его от конкурирующих блогов.
Вот несколько примеров того, что можно изменить, чтобы дизайн вашего блога выглядел уникальным:
- Лента вашего блога
- Изображения ваших баннеров
- Ваша тема WordPress
- Шрифт и типографика
- Иллюстрации
- Раздел комментариев
- Навигация по сайту
- Нижний колонтитул
Чтобы вдохновить вас на дизайн, давайте рассмотрим несколько примеров блогов, которые отлично выделяются среди других.
Intercom имеет действительно уникальный макет для своего блога.
Большинство лент блогов являются вертикальными с одним столбцом. Но Intercom размещает свой последний пост в верхней части ленты…
… и имеет список их более старого контента в сетке 3×3.
Облегчает ли это содержание Intercom, другой вопрос. Но нельзя отрицать, что их дизайн действительно выделяется.
Блог Drift — еще один отличный пример выдающегося дизайна блога.
Во всех их сообщениях используется массивный, жирный шрифт, смайлики и другие элементы дизайна, которые сильно отличаются от большинства других блогов B2B.
А если вы занимаетесь личным брендом, настоятельно рекомендую заглянуть в блог Мари Форлео.
Макет, типографика и стиль Мари на 100% уникальны для нее.
Опубликуйте свой лучший контент
Большинство лент блогов выглядят примерно так:
У вас их последняя запись вверху. И их старые посты внизу.
Сейчас:
В этом макете нет ничего НЕПРАВИЛЬНОГО.
(На самом деле именно его мы используем здесь, в Backlinko.)
Но у хронологического подхода есть один большой недостаток: трудно найти лучшие материалы в вашем блоге .
Например, предположим, что 2 года назад вы опубликовали замечательный путеводитель. Что ж, тот, кто впервые попадает в ваш блог, не может легко найти это руководство. Скорее всего, он спрятан на 10-й странице вашего фида.
Вот почему все больше и больше блогов используют «библиотечный подход» к ленте своих блогов.
При таком подходе вы выделяете свои лучшие материалы, а не контент, который вы опубликовали совсем недавно.
Например, некоторое время назад лента блога Lattice вообще не была лентой. Это был тщательно подобранный список их самого популярного контента.
На самом деле, вам нужно было прокрутить страницу вниз, чтобы увидеть их последние сообщения.
Такой подход не для всех. Если ваш блог освещает отраслевые новости и тенденции, то вы, вероятно, захотите использовать традиционную ленту блога.
Но если вы публикуете много вечнозеленого контента, вам может подойти библиотечный подход.
Если вы предпочитаете формат ленты блога, вы можете демонстрировать свой лучший контент на боковой панели ленты блога, как это делали мы.
Добавьте визуальные эффекты и изображения
Дизайн блога — это не только дизайн вашей страницы.
Формат вашего контента, макет и даже сама копия могут повлиять на дизайн.
А чтобы придать вашему контенту дополнительную изюминку, я рекомендую добавлять визуальные эффекты и изображения по всему сообщению.
Например, взгляните на этот пост в блоге, состоящий на 100 % из текста.
С другой стороны, посмотрите этот раздел в одном из наших постов.
Эти скриншоты и изображения делают наш контент более интересным. Но мы не используем изображения только для того, чтобы наши посты выглядели красиво. Наши изображения разбивают содержимое, что облегчает его чтение.
Это не значит, что вы должны добавлять изображения просто ради добавления изображений.
Но когда вы МОЖЕТЕ использовать изображение, вы ДОЛЖНЫ использовать изображение.
Создание пользовательских страниц для «большого контента»
Для сообщений со списками, тематических исследований и других заурядных сообщений ваш стандартный макет блога будет работать очень хорошо.
А как быть, когда вы публикуете что-то ОГРОМНОЕ?
Ну, вот где вы можете подумать о пользовательском дизайне страницы.
Например, большинство наших постов используют один и тот же макет.
Но время от времени мы публикуем «большой контент», например, отраслевое исследование или отчет.
Когда мы это делаем, мы используем индивидуальный дизайн, чтобы люди знали, что этот контент имеет большое значение.
Например, когда мы опубликовали результаты опроса, мы создали собственный заголовок только для этого сообщения.
Поскольку остальная часть сообщения была точно такой же, этот индивидуальный дизайн было довольно легко реализовать.
Но вы также можете сойти с ума и создать совершенно новую страницу только для одного сообщения.
Собственно, именно это, к вашему сведению, и сделали в своем посте «Почему все любят удаленную работу».
Этот пост представляет собой полностью индивидуальную страницу с сотнями пользовательских изображений, графиков и элементов дизайна.
Создать «домашнюю страницу» блога
Для большинства людей «домашняя страница» их блога — это лента их блога.
Положительным моментом является то, что этот макет позволяет очень легко найти ваш контент.
Но это УЖАСНО для конверсий.
Вместо этого я рекомендую протестировать домашнюю страницу блога, предназначенную исключительно для создания списка адресов электронной почты.
Затем поместите ленту блога на URL-адрес /blog.
Например, домашняя страница нашего блога раньше была обычной лентой.
Но несколько лет назад мы перенесли ленту в /blog. И запустил домашнюю страницу, оптимизированную для построения списка.
И поскольку эта домашняя страница была разработана для сбора электронных писем, она конвертировала в 8 раз лучше, чем , чем наша старая домашняя страница блога.
Использовать подпись
Вы когда-нибудь попадали в блог и задавались вопросом: «Кто, черт возьми, это написал?».
Такова человеческая природа: мы хотим знать, кто стоит за контентом, который мы потребляем.
Вот почему вы хотите использовать четкую подпись вверху каждого сообщения. Желательно с портретом автора.
Например, в блоге Buffer имя автора сообщения в блоге отображается прямо под заголовком сообщения в блоге.
И хотя Backlinko является блогом с одним автором, у нас по-прежнему есть подпись к каждому посту.
Добавить кнопки социальных сетей
Если вы хотите, чтобы больше людей делились вашим контентом в социальных сетях, вам нужно сделать это СУПЕР простым для них.
Вот почему я рекомендую включить в ваш дизайн кнопки социальных сетей.
В нашем случае мы используем плавающие кнопки, которые следуют за вами вниз по странице.
Но вы также можете просто добавить статические кнопки вверху или внизу сообщения.
Совет для профессионалов: Выберите 2-3 сайта социальных сетей, на которые ваша аудитория тратит больше всего времени. И показывать там ТОЛЬКО эти сети.
Длинный список кнопок не только выглядит очень уродливо…
…но и снижает вероятность того, что они будут использовать ЛЮБУЮ из ваших кнопок.
(Перегрузка вариантов.)
Например, большая часть нашей аудитории делится контентом на Facebook и Twitter. Поэтому мы используем только кнопки Facebook и Twitter.
Но если ваша аудитория полностью посвящена Pinterest, вам стоит воспользоваться этим.
Узнать больше
Почему ваш блог настроен неправильно для SEO: отличное видео Росса Хадженса, в котором рассказывается о нескольких творческих способах настройки макета ленты вашего блога.
Designing & Building My Blog (Charli Marie): тематическое исследование/руководство, которое покажет вам, как создать блог с помощью WebFlow. Мне нравится, как Чарли анализирует мыслительный процесс каждого дизайнерского решения.