Дизайн блог: Дизайн блога — основные принципы и правила оформления блога на сайте

Дизайн блога — основные принципы и правила оформления блога на сайте

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

Зачем и кому нужен блог на сайте

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

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

Студия дизайна IDBI также ведет блог о веб-дизайне:

Почему блог — хороший инструмент для повышения конверсии?

1. Размещая статьи от специалистов компании, вы тем самым показываете свою экспертность. Люди охотнее доверяют компании, если видят, что специалисты, которые оказывают им услуги, разбираются в теме. Больше об элементах, вызывающих доверие, мы рассказывали в этой статье.
2. С помощью блога можно заинтересовать клиента какой-либо услугой и создать «искусственный» спрос. У каждого блога есть постоянные читатели, которых может заинтересовать та или иная тема и они могут приобрести продукцию.
3. С помощью тематических статей можно привести клиентов на сайт. Блог — один из инструментов продвижения, который используется для привлечения трафика. Пользователь набирает нужный ему запрос в поисковой системе и может попасть на тематическую статью в блоге. Так у интернет-магазина или компании может появится новый клиент.

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

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

Принципы создания дизайна блога

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

Отличие от остальных страниц сайта

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

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

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

Один из самых популярных блогов о путешествиях — блог компании AviaSales,

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

На странице расположена простая форма, ресурс оформлен в синем и голубом цвете.

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

Структура осталась похожей, однако,

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

Темы для пользователей и поисковых систем

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

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

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

Оформление отдельных превью

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

Превью — небольшая миниатюра для предварительного просмотра, которая отражает суть статьи и призывает пользователя прочитать ее. Вот так выглядят превью в нашем блоге:

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

1. Чтобы привлечь внимание лучше использовать интересные изображения и иллюстрации. В идеале — создавать иллюстрации самостоятельно, как делает Роман Чусовской в своем блоге о комиксах:

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

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

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

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

Элементы навигации

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

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

Сайдбар (боковая панель) играет в блоге особую роль. Именно здесь чаще всего размещают различные баннеры, призывы к действию и элементы навигации: список тем, поиск по тегам и прочее:

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

Типографика

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

. Более подробно о правилах типографики мы писали в этой статье.

Издательство МИФ в своем блоге уделяет большое значение типографике. Тексты поделены на абзацы, сама контентная часть расположена по центру. Размер кегля и межстрочного интервала удобен для чтения.

Форматирование текста

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

• подзаголовки выделяют другим шрифтом или кеглем;
• форматируют текст списками;
• добавляют в текст различные иллюстрации и инфографику;
• используется перелинковка, где расставляются ссылки на другие материалы для полного понимания статьи;
• «полотна» — текста разбивают на несколько абзацев и прочее.

В нашем блоге мы придерживаемся этого принципа.

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

Призыв к действию

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

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

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

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

Фишки

Чтобы заинтересовать пользователей, побудить совершить целевое действие или просто задержать клиента на сайте, дизайнеры используют различные «фишки», которые придают блогу оригинальность и отличают его от блогов других компаний. Это может быть как просто креативный контент, так и некоторые уникальные элементы в оформлении. Например, в Тинькофф-журнале, издании, которое рассказывает о бизнесе, используются различные инфографики, которые создаются дизайнерами самостоятельно:

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

Также некоторые блоги создают собственные рекомендательные системы на основе прочитанных пользователем материалах:

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

Также у «Текстерры» есть такая практика — если у пользователя нет времени читать, можно отправить материал на почту или в какой-нибудь другой сервис:

Кроме того, на всех статьях указано, сколько времени занимает чтение материала.

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

Уникальность

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

В нашем блоге каждую неделю размещаются уникальные статьи о веб-дизайне. Студия дизайна IDBI старается сделать блог максимально информативным и интересным. Также мы создаем дизайн блогов для наших клиентов: продумываем, как лучше разместить и оформить статьи, подбираем подходящую типографику и иллюстрации, вместе с клиентами продумываем, какие темы могут быть интересны пользователям. Наши работы можно посмотреть в разделе «Портфолио». Оставляйте заявку в специальной веб-форме и наши специалисты проконсультируют вас по всем возникшим вопросам по поводу дизайна сайтов, повышении конверсии вашего ресурса и не только.

50+ примеров хорошего дизайна блогов

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

Seventeen

Vanilla

Skylar Hartman

http://vividways.com/

http://blog.codeschool.com/

http://www.jankoatwarpspeed.com/blog/

http://webdesignfan.com/

http://webdesignerwall.com/

http://chitwoodandhobbs.com/

http://bildervonfreunden.de/

 

http://designlov.com/

http://designlenta.com/

http://futurising.org/

http://www.andrewgreig.com/

http://blog.morphix.si/

http://www.fubiz.net/

http://www.darrenhoyt.com/blog/

http://www.converseblog.com/

http://thedarlingstarling.com/

http://www.leblogdebetty.com/en/

http://www.augustempress.com/

http://www.mintran.com/

http://beavory.com/

http://www.premiumpixels.com/

http://blog.epicagency.net/

http://larissameek.com/

http://www.anotherfaceinthecrowd.com

http://blog.sarawhite.com/

http://html5lab.pl/

http://www.gomediazine.com/

http://ndesign-studio.com/

http://siteinspire.com/

http://www.belvoirfruitfarms.co.uk

http://hugsformonsters.com/

http://www.markforrester.co.za/

http://blog.davegamache.com/

http://thebrightmusic.com

http://www.webstuffshare.com

http://briterevolution.com/

http://www.nucro.org/

—

—

—

http://blog.inspiredmark.com/

http://lamusicblog.com/

http://thinkvitamin.com/

http://designcollector.net/

http://foliofocus.com/

http://www.fromupnorth.com/

http://www.onextrapixel.com/

http://www.siiimple.com/

http://circleboxblog.com/

Naikom » Дизайн » Веб-дизайн

Лучшие блоги о дизайне для чтения в 2017-2018 году

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

Блоги о дизайне

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

Infogra.ru – сайт для практикующих и начинающих дизайнеров. На сайте можно найти уроки по дизайну, рецензии на книги, а также множество качественного материала: бесплатные шрифты, UI-киты и полезные инструменты для дизайнеров.

Awdee.ru – блог для графических дизайнеров. Много статей о логотипах, шрифтах, обзоры книг и сервисов для дизайнеров.

Say-hi.me – это современное интернет-издание о творчестве для креативных людей. Материалы сайта содержат информацию обо всех видах искусств: лекции, мастер-классы, советы по продуктивности и организации творческого процесса.

Logowiks.com – на сайте собрано все необходимое для создания логотипа: советы и инструкции, сервисы, видео, бесплатные шрифты. Наш блог:)

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

Designpub.ru – разговоры про дизайн и всё, что с ним связано.

Designonstop.com – один из самых старых сайтов о дизайне. Много статей о веб-дизайне, искусстве, ведении блогов и фрилансе. Также на сайте есть интересные интервью с людьми, которые уже достигли определенных высот.

Artgorbunov.ru/bb/soviet/ – сайт дизайн-бюро Артёма Горбунова. Рубрика «Советы» —  источник практических знаний. Любой желающий может задать свой вопрос и получить ответ от экспертов.

Dejurka.ru – информационный портал о создании сайтов. Здесь вы найдёте десятки полезных статей и подборок для дизайнеров и программистов.

Prodesign.in.ua  – украинский сайт, посвященный таким темам как веб-интерфейсы, шрифты, фирменный стиль. Есть много интересных подкастов и интервью, обзоров книг и инструментов.

Onjee.ru – несет в себе одну единственную цель: помочь начинающим веб-дизайнерам разобраться в тонкостях этой интересной профессии. Здесь вы не найдете скучных SEO-текстов и заветной кнопки БАБЛО. Но зато сможете узнать полезную и актуальную информацию из мира веб-дизайна. Прототипирование, отрисовка, и просто бесплатные PSD — основной контент этого блога.

Blog.pioneers.com.ua – блог дизайн-студии «Пионер». Советы по созданию сайтов, логотипов, фирменных стилей.

Mannodesign.com – блог Насти Манно, посвященный веб-дизайну. На сайте собраны интересные находки в области современного веб-дизайна: ассимиляция из различных зарубежных источников, посвященных веб-дизайну, переводы статей из зарубежных блогов, уроки фотошоп по веб-дизайну, подборки красивых кириллических шрифтов и многое другое.

Templatemonsterblog.ru/category/design – блог компании TemplateMonster, посвященный дизайну и CMS. Здесь можно найти интересные подборки, а также мнение о тех или иных событиях в мире дизайна.

Blog.shaihalov.ru – блог о UX, интерфейсах и продуктовом дизайне. На сайте собраны интересные кейсы и познавательные дайджесты.

Tilda Education – это библиотека знаний по веб-дизайну и онлайн-журналистике. Учебник нового формата, в котором знания и опыт, накопленные за 15 лет работы в вебе, систематизированы и упакованы в материалы, написанные простым языком. Весь контент оригинальный и пополняется.

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

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

Vc.ru – Несмотря на то, что vc.ru пишет, в основном, о стартапах, растущих бизнесах и т.д.,
часто попадаются интересные статьи о логотипах, редизайне, веб-дизайне, различные кейсы.

Spark.ru – платформа для общения малого бизнеса. Здесь собираются российские технологические проекты для того, чтобы рассказать о себе, ответить на вопросы и т.д. На сайте представлено много компаний, которые пишут о дизайне.

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

Журнал «Шрифт» — всему голова, поэтому читаю частенько. Больше всего люблю обзоры книг и интервью с мастерами своего дела.

Англоязычные сайты о дизайне

behance.net — сайт, собравший в себе портфолио художников, дизайнеров и людей искусства со всего мира.

dribbble.com — сайт, на котором сможет найти вдохновение и новые идеи каждый дизайнер

awwwards.com — подборка лучших в мире сайтов.

abduzeedo.com — отличный сайт про логотипы и дизайн вообще.

vandelaydesign.com — собрание очень хороших статей из медиаресурсов для веб-дизайнеров.

youthedesigner.com — этот сайт полон разнообразных статей о графическом дизайне.

designyoutrust.com — ежедневный дизайнерский журнал, публикующий статьи о новых направлениях в дизайне, новости и события со всего мира.

creativebloq.com – отличный блог для дизайнеров со свежими новостями, интервью со всего мира.

smashingmagazine.com — здесь есть информация обо всем, что нужно как начинающему разработчику, так и профессионалу в области дизайна.

speckyboy.com – заходите сюда чтоб почитать о тенденциях веб-дизайна, различных классных инструментах и веб-дизайне.

www.webdesignerdepot.com – имеет 1,5 млн. просмотров каждый месяц, и это идеальная витрина для подкованных веб дизайнеров. Тут вы найдете статьи о различных горячих темах, таких как JQuery, HTML 5, CSS3, адаптивном дизайне, типографике, юзабилити и многом другом!

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

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

webdesignledger.com – Много различных приглашенных авторов — много свежих взглядов и мнений! Тут вы сможете прочитать около 15 качественных статей о веб дизайне, получить необходимые знания, советы и учебники.

sixrevisions.com – на этом сайте вы сможете получить информацию о программировании, поучаствовать в конкурсах, скачать бесплатные материалы, также найти статьи о новых тенденциях . SixRevisions получает более 1,5 миллиона уникальных посетителей каждый месяц!

hongkiat.com/blog/ – сайт очень популярен и он получает 6,5 миллиона просмотров страниц в месяц. Сумасшедшие цифры, но с другой стороны они опубликовали 66 статей только в прошлом месяце. В блоге вы сможете вдохновится и получить новые идеи.

ilovetypography.com — название говорит само за себя.

slanted.de — а это крупный немецкий сайт о типографике. Много теории, примеров и полезных советов.

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

YouTube-каналы о дизайне (RU)

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

 

Marie Smith / Марина Кузнецова

Здесь вы найдете видео о веб-дизайне, о жизни и творчестве самой Марины. Видео будут интересны для дизайнеров и фрилансеров.

WebDesign Master

Видеоуроки по веб-дизайну и созданию сайтов.  Очень интересно и познавательно.

Design_TV

Канал о графическом дизайне и векторной графике.  Видео уроки и tutorial по программам СorelDraw, Adobe Illustrator и Photoshop. Уроки по иллюстрации, созданию персонажей, иконок и логотипов. Обучение HTML, CSS и JavaScript.

Данил Фимушкин

На канале собраны уроки по веб-дизайну, Photoshop, WordPress, Muse, Edge, немного лайфстайла, интервью с дизайнерами и бизнесменами.

Григорий Вяткин

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

DesignProsmotr

Графический дизайн. Лекции, мастер-классы и интенсивы.

Loftblog

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

Школа веб-дизайна Максима Солдаткина

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

WebDesign Guru

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

Группы Вконтакте о дизайне

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

Логотипы

LOGOBLOG
Intelligent design
LOGO BAKER
ЛОГОТИПЫ

Заброшенные, но интересные паблики

Логотипы. Дизайн. логотипостроение
Книга “Как создать профессиональный логотип”
RUSSIAN LOGO AWARDS
Логотип | Фирменный стиль | Айдентика | Дизайн

Behance & Dribbble

Bēhance
Behance portfolio
Behancer
Bēhance Russia
Behance Russia

Dribbble. Дизайн
Dribbble Russia

Видео, лекции, мастер-классы, интервью

Видеотека
Design Prosmotr
Design-StandUp OnLive

Артемий Лебедев | Видеоархив
BRANDING AND DESIGN VIDEO!!!
SpeedArt | Carrot Video

Паблики

Awdee. Графический дизайн
Академия дизайна
I Am Designer

Сей-Хай | Творчество
Графический дизайн
Design (ex-ALL ABOUT)

Losko Magazine
Epic Design | Дизайн
[кАк)проект / Журнал КАК

Студия «Логологика»
Design Direction
Made it. Лучший дизайн

Graphic design
Мастерская веб-дизайна
DizAir: школа графического дизайна
Сочно о дизайне

Academic Design
Графический дизайн
Дежурка – Дизайн журнал №1
Дизайн-Лог

Design Forum

Паблики / Новые

DEADSIGN
Design Post
LOPART – блог о веб-дизайне

Книги

Книги для дизайнеров
Intelligent books
Atheneum
issuu

Типографика, леттеринг, каллиграфия

I love typography
Los Letters Typography
Letters art | мода на буквы
Советский Леттеринг

Постеры, журналы, плакаты

Magazine Design
Posterino – искусство плаката
Motivate Me
CROCUS posters

Шрифты

Бесплатные шрифты
Лучшие кириллические шрифты
Кириллизация рукописных шрифтов
Новые шрифты

Fonts / Шрифты
Font Face
BaseFonts. Отборные кириллические шрифты
Типография

Халява

MOCK-UPS
PSD’ец
web tools
Best Bucket | Design

Flat Design’PSD
Flat Design

Дон Дизайн
Freebies
PSD МАКЕТЫ

Софт, уроки

Photoshop + Творчество – Фотошоп
Adobe Illustrator (векторная графика)
Photoshop + Фотография
Adobe Photoshop от А до Я
Уроки по Фотошопу / Photoshop Lessons
Adobe Illustrator

А какие еще блоги и сайты о дизайне вы знаете? Добавьте в комментариях!

Читайте также

Лучшие блоги по графическому дизайну

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

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

Abduzeedo — блог, который публикует материалы отдельных авторов на разные темы, связанные с дизайном. Это отличный источник вдохновения для тех, кто оказался в творческом тупике. Кроме прочего, на Abduzeedo часто появляются новости, советы и руководства, которые по графическому дизайну. Здесь публикуют иллюстрации, фотографии, проекты по брендингу, дизайну изданий, UX/UI-дизайну и, конечно, списки книги.

Ничто так не вдохновляет и не просвещает, как проекты, созданные коллегами-дизайнерами. Однако поиск примеров в социальных сетях или на платформах типа Behance может занять немало времени. Намного проще читать блог, представляющий собой «подборку проектов айдентики от самых талантливых студий дизайна со всего мира». Блог Identity Designed ведет Дэвид Эйри — профессиональный дизайнер, специализирующийся на дизайне логотипов и фирменного стиля. Он собственноручно отбирает лучшие проекты и показывает их в блоге.

Блог Creative nerds, который в переводе означает «Помешанные на креативе», освещает разные стороны дизайнерского дела, сравнивает форматы, публикует пособия для профессионалов и уникальные мастер-классы, которые по достоинству оценят все поклонники графического дизайна.

Этот блог стал результатом сотрудничества двух амбициозных графических дизайнеров — Джонатана Ринга и Бетани Бейкер. Design Clever продвигает талантливых дизайнеров из разных уголков мира и знакомит читателей с профи и с начинающими художниками. Кроме того, блог Design Clever завоевал награду «Best Design Media Award» от Design Award, что делает его еще более интересным.

Если вам знакома ситуация, когда один-единственный пиксель решает все, этот блог точно понравится. One Extra Pixel — сайт для дизайнеров и разработчиков, на котором собраны советы, подсказки, новости, пособия, инструменты и идеи для всех, кто интересуется графическим дизайном.

Еще один блог, который ведет ирландский дизайнер Дэвид Эйри, называется Logo Design Love. Это не только платформа, но еще и книга, посвященная всему, что нужно знать о логотипах и визуальной айдентике. Среди авторов здесь можно увидеть самого Дэвида Эйри, а также гостевых блогеров, готовых поделиться полезной и интересной информацией о дизайне.

Eye on Design — это платформа Американского института графического искусства — профессиональной дизайнерской ассоциации, которая обращает внимание профессионалов на работы начинающих и уже состоявшихся дизайнеров из разных стран мира. Здесь есть возможности подписки и новостных рассылок для тех, кто хотел бы регулярно(по понедельникам и четвергам) получать статьи о дизайне.

TDB — это сокращение от «The Design Blog» (Дизайнерский блог), а основала его и ведет дизайнер из Загреба Эна Баканович. В блоге публикуются тщательно отобранные и трендовые проекты, а его девиз гласит: «Будь не просто дизайнером — будь хорошим дизайнером».

Дизайн Блога Для Начинающих / Хабр

Дизайн это, пожалуй, главное условие (после текстового наполнения, конечно) для успешного блога. Когда вы начнете зарабатывать деньги с его помощью, хороший веб-дизайн должен принести огромную пользу. Странно, но многие считают, что это не так. Мне кажется, это происходит из-за того, что кто-то первоначально не так понял значения слова «дизайн». Типичное мнение: «Сайт может быть некрасивым, главное — его наполнение». Но ведь и хороший дизайн никогда никому еще не мешал! Согласитесь, блог с интересным контентом и хорошим дизайном привлечет намного больше посетителей, чем просто с интересными текстами.

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

Так, заканчиваем размазывать кашу по тарелке, давайте «дизайнерить» наш блог. Вот, что нам понадобится: карандаш, бумага и графический редактор (что-нибудь типа Photoshop, Illustrator, Freehand или Gimp).

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

Итак, мы будем создавать дизайн для вымышленного блоггера. Предположим, он (назовем его Лешей) будет словоблудить о часах.

Шаг №1: определяем цель блога (Чего вы пытаетесь достичь с его помощью? Как это сделать?)

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

Шаг №2: определяем свою аудиторию (Какова она? Откуда появляется?)

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

Шаг №3: определяем специфические особенности (Какие функции необходимы сайту, чтобы быстрее достичь цели?)

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

Также необходимо повысить «запоминаемость» сайта для посетителей. Для этого создаём список «Любимых сообщений», а внизу каждого сообщения «полезные ссылки».

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

Шаг №4: рисуем черновик (Черновой набросок, чтобы поэкспериментировать с расположением на странице различных элементов)

Наконец-то начинается самое интересное! Например, я использую для этого замечательную программу OmniGraffle, возрадуйтесь — она работает только на Mac’ах. Как только во мне просыпается сильное желание вставить в дизайн как можно больше графических элементов, я стараюсь держаться подальше от графического редактора. Надо подавлять в себе такие желания. Конечно, блог должен быть привлекательным, но достигаться это должно малой кровью.

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

На листе бумаги (перенеся потом это в графический редактор) рисуем оптимальное расположение различных блоков для нашего блога. Мы располагаем их по важности, решая, что более, а что менее важно; что наши посетители увидят в первую, а что — во вторую очередь.

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

1. Движение, действие.
2. Размер.
3. Изображение.
4. Цвет.
5. Стиль текста (шрифт и его размер).
6. Расположение.

Если мы решили, ОТКУДА можем начать читать, то можем и решить, ЧТО будем читать, всего лишь подробнее присмотревшись к странице. Обращаем внимание на группы объектов, их соответствие тематике — чтобы определить, что же важнее прочитать первым.

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

Шаг №5: делайте архив настроения (коллекции изображений, цветов, шрифтов — всего, что вам нравится)

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

Для небольших сайтов мы поступаем так: создаем в Photoshop новый документ и копируем туда все изображения, которые нам понравятся в данные момент. Получившийся коллаж является отправной точкой для создания дизайна.

Возможно, идея кажется сумасшедшей, но все-таки рекомендую вам её попробовать. Вы удивитесь, как это помогает в работе над дизайном.

Шаг №6: визуальный дизайн

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

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

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

Перевод Алексея ХАЛЕЦКОГО
crazyhamster.livejournal.com/176771.html