digital-design

6 лет назад

04_Опасные тренды в дизайне 2017

Привет Голос! Поговорим о трендах в веб-дизайне на 2017 год, точнее чем они полезны и опасны. Ведь все хорошо в меру. И каждое преимущество надо использовать максимально в рамках допустимого.

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

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

Давайте посмотрим на три (и чуточку еще) “опасных” тренда в дизайне 2017 года и способы их разумного использования.

Яркие цвета

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

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

Опасности

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

Можно:

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

Не стоит:

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

Экспериментальная разметка

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

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

Опасности

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

Можно:

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

Не стоит:

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

Мелкие детали

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

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

Опасности

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

Можно:

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

Не стоит:

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

Важные детали

Уменьшенная типографика

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

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

Экспериментальная навигация

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

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

Анимация

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

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

Вывод

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

Наконец, и самое главное, мы не должны жертвовать пользовательским опытом ради красивой картинки и современных тенденций.

Источник

Свои статьи можно присылать на почту: vp.digital.design@gmail.com

Общий чат в Телеграм: https://t.me/golosdigitaldesign