Главные тренды дизайна 2017 в UI/UX: к чему нужно быть готовым уже сейчас?

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

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

Чтобы показать вам пример, посмотрите как изменился один из веб-шаблонов за последние 2 года:

templates-befor-and-after

Но перейдем к трендам 😉

1. Мобильный дизайн в первую очередь

Mobile-first – как следует из названия, сначала идет работа над дизайном для мобильных (или гаджетов с маленьким экраном), и только затем – работа над большими экранами.

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

Print

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

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

2. Оригинальные 3D-геометрические фигуры

Теперь немного истории. Однажды, большым цифровым трендом был skeuomorphism. Идея состояла в том, чтобы имитировать реальные объекты на цифровых интерфейсах. Например, вы, вероятно, помните, блокнот на iPhone, который выглядел как реальный блокнот. Не смотря на то, что он был крутой и понятный, он не перестал быть достаточно современным.

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

Какого черта мы рассказать вам эту историю? Потому что, когда Google взмахивает крылом, весь веб трясется. И если они используют геометрические фигуры, значит должны и мы. Визуально, будьте готовы видеть все больше и больше 3D геометрических форм. Почему? Поскольку Google (ваша мама) знает лучше.

3d

3. Крутая типографика с нарушением правил

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

Естественно, овладение типографикой является искусством, и, как сказал Пикассо: “Учите правила как профи, и вы сможете нарушать их как художник.” Другими словами, вы должны исследовать тему и узнать как можно больше, прежде чем иметь дело с этим инструментом дизайна. После того, как вы почувствуете себя уверенными в своих знаниях, начните играть с цветами, играть с интервалом, сочетая его с изображениями и смешиванием различных шрифтов … а предел этому где-то в небесах.

typography1

4. Кастомизация Google Map 

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

google-maps

Ждите продолжения нашего обзора в ближайшие дни!

А пока мы очень рекомендуем почитать:

➡ ➡ ➡ Дизайн 2017: каким будем цвет этого года? (Видео)
➡ ➡ ➡ Лучшее украшение на елку 2017

_______

kazhut-dyzajnery-ne-vmiyut-pysaty-5

Позначки:

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься.