Ответ
Тенденции дизайна: что популярно в веб-типографике Опции темы
Старый 13.02.2013, 04:04
  #1
0pium
 
Аватар для 0pium
Регистрация: 04.01.2012
Сообщений: 600

Тенденции дизайна: что популярно в веб-типографике
Тенденции дизайна: что популярно в веб-типографике сегодня

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

Когда вы думаете о тенденциях веб-дизайна, что приходит на ум?

• Блестящие глянцевые кнопки? Спасибо компании Apple, которая применила их с большим мастерством. Дизайнеры обращались к Apple в поисках вдохновения и наполнили сеть таким стилем. Но разве копирование определённого стиля укрепляет позиции бренда, который первым его применил?

• Текстурные фоны в стиле гранж? Этот тредн стал прямым ответом на популярность брестящих и глянцвых стилей.

• Ленточки с раздвоенныеми концами, флэш анимация, логотипы с отражениями или крем «Сделай мой логотип больше»? Возможно вы думаете о Веб 2.0 или противостоянии концепции и эстетики?

С этого момента, вам позволено использовать отражения в логотипах только если в названии вашей компании есть слово «отражение». - Эллиот Джей Стокс

Что лежит в основе гонки вооружений между дизайном и технологиями? Диктуется ли она новыми сложными технологическими достижениями, предоставляющие дизайнерам новые инструменты? Или дизайнер/рынок говорит: «Хочу сделать вот так», и технологии улучшаются, чтобы соответствовать этим потребностям?





За тенденциями развития типографики уследить гораздо сложнее. Большинство популярных шрифтов были созданы десятилетия назад (например, Helvetica, который в 2007 году отпраздновал своё 50 день рождение) или даже раньше (Times New Roman был придуман в 1931 году). А некоторые существуют уже несколько веков (к примеру, Baskerville).

Последние 15 лет веб-дизайнеры в большей части своих работ использовали ограниченный набор шрифтов: Arial, Georgia, Times New Roman, Trebuchet MS и Verdana. Самым большим препятствием на их пути было то, что браузеры поддерживали лишь несколько гарнитур. Однако, новые тенденции в веб-типографике затрагивают не только тему поддержки шрифтов.

9 трендов современной веб-типографики

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

Адаптивная типографика





Модульная сетка, как и музыкальная шкала - это набор заранее заданных гармонических пропорций. - Роберт Брингхёрст

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

Крупный размер шрифта





Сайт этой конференции встречает посетителей крупным шрифтом без засечек: http://2012.hd-live.co.uk/

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

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

Плоские шрифты с засечками





Плоские шрифты с засечками придают уверенность и чёткость логотипу компании и тексту на сайте. http://workturn.co/





https://brooklynbeta.org/

Плоские шрифты с засечками легко читаются и хорошо выглядят, что делает их идеальным выбором для любого экрана.

Использование нескольких шрифтов





Этот дизайн в стиле дикого запада удачно совмещает несколько разных шрифтов. rideforthebrand.net

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

Рукописные шрифты





Использование дополнительного рукописного шрифта придаёт дизайну персональный оттенок. http://www.groovehq.com/





http://www.oatiful.ie/

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

Смешение насыщенности шрифтов





Использование шрифтов с различной насыщенностью, создает нужный фокус в тексте. http://www.thefontain.com/

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

Грубые гарнитуры





Использование грубых рукописных шрифтов помогает создать нужное настроение. http://www.kccreepfest.com/

Грубые шрифты, как и рукописные гарнитуры, помогают добавить бренду немного персональности (возможно ваши тексты зазвучат голосом Чарльза Бронсона). Этот тренд по всей видимости является реакцией на гладкие и блестящие стили, которые ему предшествовали.

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

Больше пустого пространства





Посмотрите сколько свободного места на главной странице 37 signals. Думаете, их заботит проблема «второго экрана»? Наверное, нет. http://37signals.com/

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

Контрастные цвета





Используя минимальную цветовую палитру, можно добиться контрастного дизайна. http://mrare.ca/

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

Заключение

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

Ирония всего этого развития типографики и дизайна в том, что распространённость смартфонов и планшетов оказала интересный эффект на контент, в форме приложений для чтения, таких как Flipboard, Pocket (мое любимое) и InstaPaper. Эти приложения убирают все содержимое страницы и позволяют пользователю сосредоточить внимание на главном - контенте. А как мы все знает, контент всему голова.

Кто знает, к чему всё это приведёт. Мы можем лишь продолжать делать свою работу, а затем взглянуть через зеркало заднего вида на информационную магистраль и сказать: «Ах да, я помню этот тренд! Хмм... а что если бы я немного изменил его в этом месте и сделал так?»

Помните, нет ничего оригинального. Я верю, что вдохновение требует серьёзных усилий, и только талантливый одиночка может сделать что-то по-настоящему оригинальное и уникальное (даже если эта «оригинальность» - просто переработка старых идей, кто-нибудь ещё помнит Spork?).

Не важно откуда вы берёте — важно куда. - Жан-Люк Годар

Я с удовольствием выслушаю ваше мнение по поднятым в статье темам в комментариях. Какие, по-вашему, тенденции в типографике ожидают нас в новом году?

Источник
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием
Старый 13.02.2013, 13:11
  #2
AggreSSor
 
Аватар для AggreSSor
Регистрация: 01.06.2011
Сообщений: 48

Хорошая статья, про типографику всегда интересно почитать
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием
Старый 13.02.2013, 14:25
  #3
Матрос
 
Аватар для Матрос
Регистрация: 26.03.2011
Сообщений: 1,395

Готов подписаться под каждым пунктом . Еще бы храбрости вебмастерам использовать их, а заказчикам не боятся запустить такой ресурс
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием
Старый 13.02.2013, 14:42
  #4
0pium
 
Аватар для 0pium
Регистрация: 04.01.2012
Сообщений: 600

Матрос думаю, что дело не только в вебмастерах, но и в самих дизайнерах, которые привыкли к клепанию шаблонных макетов для ГГЛ-сайтов без особого напряга.
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием
Старый 13.02.2013, 20:32
  #5
miraida
 
Аватар для miraida
Регистрация: 11.02.2012
Сообщений: 2,241

Про черный цвет точно не соглашусь.

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

Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием
Старый 13.02.2013, 20:47
  #6
0pium
 
Аватар для 0pium
Регистрация: 04.01.2012
Сообщений: 600

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

Ну и цитата из статьи:

Как вы помните из уроков рисование в дизайнерской школе, никогда не используйте чёрный (можете с этим не соглашаться)
Так что соглашаться или не соглашаться, это личное право каждого.
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием
Старый 22.02.2013, 13:47
  #7
Milan
 
Регистрация: 21.02.2013
Сообщений: 4

Минимализм всегда в моде. А от черного цвета можно уйти, выбрав более светлый оттенок, в зависимости от фона.
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием
Старый 23.02.2013, 03:38
  #8
0pium
 
Аватар для 0pium
Регистрация: 04.01.2012
Сообщений: 600

Milan +1 на счет черного... да и по поводу белого тоже самое впринципе, стоит сделать чуточку цвет серее и сразу же макет начинает смотреться богаче, чтоли.
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием

Ответ
 
 

Метки
веб-типографика, веб-дизайн, типографика, тенденции дизайна


Здесь присутствуют: 1 (пользователей: 0, гостей: 1)
 
Опции темы

Быстрый переход


Текущее время: 21:22. Часовой пояс GMT +3.