Все о тенденциях веб-дизайна

Все о тенденциях веб-дизайна

От автора: Пока существует веб, всегда время от времени появлялись определенные дизайнерские тенденции. Некоторые из них остались, а остальные постепенно исчезли. Вспомните эпоху Geocities, дизайнов Web 2.0, и настоящее время с популярным сейчас «плоским дизайном».

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

Тенденцию можно описать так:

общее направление, в котором что-либо разрабатывается или меняется.

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

Преимущества

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

Однако некоторые направления касаются не обязательно области дизайна. Например, стратегия content-first изначально считалась тенденцией (наряду с адаптивным дизайном, хотите – верьте, хотите – нет!), так как была популярным способом внесения содержимого в дизайн. Подобные тенденции очень приветствуются, потому что улучшают процессы построения и создания дизайна для Сети.

Недостатки

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

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

Примеры современных тенденций

Можно счесть современными «трендами» множество примеров, а в кавычки я это слово ставлю потому, что некоторые из них уже не являются тенденциями.

Плоский дизайн

Сам я предпочитаю называть его «чистым дизайном», но здесь и далее мы, как все остальные, станем называть его «плоским». Плоский дизайн – тот, что создается без дополнительной имитации глубины, такой как текстуры, (видимые) градиенты или 3d-перспективы, а вместо этого употребляется более «плоская» эстетика – очень чистая и четкая.

Этим подходом пользуются такие большие компании, как Microsoft (в Metro, Windows 8, Skype и т.д.), Apple (в iOS7) и Google (в дизайне всей своей продукции).

Как я считаю, на самом деле плоский дизайн – это понимание того, чем является Сеть, а не насильственное применение к ней почти реалистичных, несетевых идей.

Вебсайт Layervault прекрасен, но определенно следует повсеместно применяемой сейчас «плоской» тенденции. Вероятно, она сыграла свою роль в его концепции.

На сайте Fostr есть потрясающие иллюстрации, и они, скорее, принадлежат к «плоскому» направлению.

Размытые фоновые заголовки

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

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

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

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

Веб-разметка текста

Сначала, как считают многие, это кажется просто трендом. Однако при постоянном развитии и обновлении браузеров, я сомневаюсь, что увижу когда-либо это свойство уходящим. На самом деле это сторона вебдизайна. Теперь, после появления CSS3 и @font-face, можно выразить в Сети свои дизайнерские и брендовые идеи посредством типографской разметки текста так, как до того было немыслимо. Тогда как прежде мы могли пользоваться только «безопасными» шрифтами websafe, такими как Georgia, Arial и так далее, то теперь у нас появилась возможность применять их столько, сколько нужно – пока они совместимы с веб-шрифтами.

Наряду с @font-face, появились такие вебсайты и сервисы, которые предлагают более легкий способ интегрирования этих великолепных шрифтов в наши вебсайты. Вот некоторые из них:

Typekit

Fontdeck

Fonts.com

H&FJ cloud.typography

Google Fonts

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

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

Адаптивный дизайн

И еще одна штучка считается направлением (или, по меньшей мере, модным словечком в 2012/2013гг. и, следовательно, трендом для людей, не занятых в веб-индустрии) – это адаптивный дизайн. Хотя он существует уже несколько лет, но все еще находится сравнительно в младенческом возрасте.

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

Что будущее нам готовит?

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

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

Автор: Rachel Shillcock

Источник: http://webdesign.tutsplus.com/

Редакция: Команда webformyself.

Хотите научиться создавать шикарные дизайны сайтов?

Получите бесплатную пошаговую обучающую систему по веб-дизайну

Получить

Метки:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree