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

Адаптивный мобильный дизайн

Если оглянуться назад, можно увидеть, что этот год стал годом активного внимания на адаптивный дизайн. На первый взгляд эта тема может казаться достаточно запутанной, но если поставить перед собой цель — можно достичь потрясающих результатов. Адаптивные макеты создадут большой сдвиг в наших взглядах на веб-сайты. Обычно люди просматривают сайты с пользовательской точки зрения — просмотр контента, сохранения данных, загрузки фотографий, отправки сообщений и т.д. Но с помощью адаптивных сайтов мы сможем посмотреть на веб-дизайн как на объект, который постоянно меняется и может отображаться на любом экране и на любом мониторе. Все это, бесспорно, только к лучшему, и принесет разработчикам легендарный прорыв. Это будут хорошие сайты все с теми же HTML / CSS кодами и очень хорошими результатами для адаптивного веб-дизайна.

Динамические эффекты и плагины

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

2012 год  был отмечен широким интересом к динамическим веб-интерфейсам. Мы вышли за рамки простых выпадающих меню и включили  fading & sliding-эффекты, эффекты теней box-shadow, хавер-эффекты и CSS-transition.

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

Дизайн вокруг содержания

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

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

Эту же идею мы можем видеть и на других сайтах.

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

Цель создания дизайна на основе содержания — дать посетителю представление о содержание вашего сайта в первую очередь. Это интересный способ создания веб-сайтов.

Цифровые медийные сайты

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

Раньше веб-дизанеры не были обеспокоены значительными потоками видео, которые должны быть размещены на сайте. Или даже динамическими фото-галереями. Некоторые из этих элементов начали появляться в начале 2000-х годов с минимальными эффектами. Но теперь после запроса фразы «слайдер изображений»  поисковик выдаст нам тысячи результатов. Публикацию медиа, на мой взгляд, намного проще осуществлять с помощью CMS-систем, таких как, например WordPress.

Пользователи, которые не владеют большой технической базой, могут установить бесплатный сайт WordPress, бесплатную тему и сразу же начать публикацию собственного контента. Установка потребует 15-20 минут.

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

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

Свойства CSS3 в юзабилити

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

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

Перспективы 2013 года

Как дизайнер, пользовательских интерфейсов, я обратил внимание на изменения в приложениях.  Веб-приложения и мобильные приложения начинают иметь общий вид, но их динамика по прежнему отстает. Как далеко мы находимся от родной iOS-анимации средсвами  jQuery? Будут ли полностью адаптивные мобильные приложения будущим для веб-приложений?

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

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

Заключительные мысли

Новый год — это увлекательное время для подведения итогов вашего собственного развития и мирового прогресса. Мы наблюдали огромные успехи в веб-разработке. Новые правила HTML5/CSS3 стали толчком для огромных перемен в будущем. Я считаю, что  лучшие идеи будут начинаться с небольшого проекта, а потом набирать значительных масштабов.

Если у вас есть подобные идеи и рассуждения — не стесняйтесь и поделитесь ими в своих комментариях со всеми.

Автор: Jake Rocheleau

Перевод — Дежурка