Скачать презентацию Отправить бриф
image
Модные дизайнерские тенденции 2017
22.02.2018

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

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

 Давайте посмотрим на три плюс опасные тенденции дизайна на 2017 года и способы их разумного использования

Яркие цвета

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

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

Опасности

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

Что нужно делать

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

Чего делать не нужно

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

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

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

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

Опасности

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

Что нужно делать

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

Чего делать не нужно

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

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

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

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

Опасности

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

Что  нужно делать

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

Чего делать не нужно

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

Акценты

Крошечная типография

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

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

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

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

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

Анимации

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

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

Вывод

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

Наконец, и самое главное, мы не должны жертвовать пользовательским опытом ради чего-то лучшего и современного.

Спасибо за прочтение!

Информация взята с сайта: https://medium.muz.li/dangerous-design-trends-2017-c388ce9e735a

считаешь
эту статью
полезной?

Подпишись на рассылку новостей от 4-marketing!
Или поделись ссылкой в социальных сетях:
Похожие статьи на данную тематику
  • Как создать ТЗ для дизайнера — Блог диджитал агенства 4-Marketing

    Как создать ТЗ для дизайнера — Блог диджитал агенства 4-Marketing

    22.02.2018
    читать статью
  • 7 принципов веб-дизайна, которые нельзя игнорировать

    7 принципов веб-дизайна, которые нельзя игнорировать

    22.02.2018
    читать статью
  • Методы нахождения и закрытия внешних ссылок

    Методы нахождения и закрытия внешних ссылок

    17.02.2018
    читать статью