Перейти к основному содержанию

Тренды в веб-дизайне - 2015

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

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

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

Контурные / призрачные кнопки (ghost buttons)

В какой-то момент дизайнеры решили убрать из кнопок фон и сделать их прозрачными, оставив только контур. Говорят, первыми это сделали разработчики Ghost CMS, которая и дала этим кнопкам название. Весь 2014 год можно смело назвать годом контурных кнопок. Блог Websites with Ghost Buttons уже собрал немало примеров этих самых кнопок, ну а мы покажем их вам в интерфейсе. Единственный их минус - не на каждом фоне надписи в этих кнопках четко видны. Поэтому надо аккуратно подбирать фоновые фото и слайды, чтобы белая надпись в кнопке не стала буквально призрачной на белом фоне.

Montage
Montage: montagebook.com

Powerhouse Company
Powerhouse Company: powerhouse-company.com

Risotteria Melotti
Risotteria Melotti: risotteriamelottinyc.com

Shaker Brand
Shaker Brand: shakerbrand.com

Nerisson
Nerisson: nerisson.fr

 

Флэт (flat)

ОК, флэт был и раньше. Но теперь 3 крупнейшие IT-компании мира - Google, Apple, Microsoft - рекомендуют в своих гайдлайнах использовать флэт-дизайн. Если уж 3 кита, не сговариваясь, в один голос говорят нам об этом, значит, впереди нас ждет Его Величество Флэт. И похоже, на несколько лЭт.

Think Big
Think Big: startsmall.eu

Visionare
Visionare: bevisionare.com

Outdated Browser
Outdated Browser: outdatedbrowser.com 

One Design Company
One Design Company: onedesigncompany.com

 

Плитки & карточки (tiles & cards)

Дизайны, взявшие за основу плитки и карточки, учитывают предпочтения пользователей мобильных устройств - ведь на плитку так удобно класть подушечку указательного пальца или скользить по ней большим пальцем. Плюс, во многом, этот тренд задан внешним видом стартового экрана в Windows 8. Плиточный дизайн всегда выглядит свежо и интересно, поэтому мы вангуем ему большое-пребольшое будущее. Родственный плиткам тренд - распространение неровной "кладки" превью-фото (masonry) в противовес стандартной ровной "сетке" (grid).

Visit Stockholm
Visit Stockholm

Visit Copenhagen
Copenhagen: visitcopenhagen.com

OK Kid
OK Kid

KLM Flat Or Not
KLM Flat Or Not: flatornot.klm.com

Leodis
Leodis: leodislager.com

Quincy Requin & Associates
Quincy Requin: quincy-requin-avocats.com

 

Изображения на весь экран

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

Dutch National Opera & Ballet
Dutch National Opera & Ballet: operaballet.nl

Milk Every Moment
Milk Every Moment: milkeverymoment.ca

Chivas: The Legend Of Cannes
Chivas: The Legend Of Cannes - cannes.chivas.com

Klein Dytham
Klein Dytham: klein-dytham.com

Atelier Serge Thoraval
Atelier Serge Thoraval: atelier-serge-thoraval.com

 

Видео > Фото, Фото > Текст

Ушли в прошлое времена dial-up и 333 килобит в секунду. Уже можно не париться так сильно на тему больших фото и видеороликов. Используйте на сайте видео, если можете, или хотя бы хорошего качества фото.

Крупные кнопки, иконки, надписи

Все, что легко читается и легко нажимается - welcome!

Больше скролла, меньше кликов

Пользователи мобильных устройств предпочитают скроллить. Потому что клик - как переход на другую страницу / фрейм - это значит тебе надо снова приспосабливать свой экран к новой странице или ее области. 

---

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


19 декабря 2014

Комментарии

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

Что мы делаем?

Делаем УДОБНЫЕ сайты, разрабатываем фирменный стиль, продвигаем сайты в поисковиках и занимаемся контекстной рекламой.