Как дизайнеры выбирают формы в дизайне?

9

Часто, просматривая такие сайты, как Dribbble, можно встретить сайты, которые используют фигуры (см. Этот пример ). Извините за наивность, но есть ли причина выбора определенной формы или это просто потому, что она в тренде? Как это влияет на пользовательский опыт?

Ниша Чанграни
источник
Пара достопримечательностей. Я часто использую круги, поскольку они создают ощущение завершенности - один из самых ранних символов БОГА - это круг над равносторонним треугольником. Как образец они могут быть однородными, создавая чувство порядка или случайными и игривыми. Взгляните на Джейми Рида и британское панк-движение - он использовал рваные края и противоречивые формы, чтобы подчеркнуть бунт и политическое недовольство. И будьте осторожны с масонскими ссылками, такими как пирамида, пентаграмма и один глаз - они существуют и используются для распознавания влияния: goo.gl/4L7XHP
Applefanboy

Ответы:

15

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


Стиль

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

размещение

Расположение и положение могут быть отсортированы по психологии движения глаз по дизайну или визуальной иерархии в дизайне.

  • Если вы хотите счастливого, радостного настроения, направьте взгляд вверх и вправо ...
  • Если вы хотите более серьезного, несчастного настроения, то направьте взгляд вниз и влево.

Те виды проектных решений могут учитывать в котором формы помещаются.

Почти так же, как цвет изменит восприятие дизайна, так же как и размещение и использование этих «форм» или элементов дизайна.


Баланс

Часто общие графические элементы могут быть отличными инструментами для улучшения общего баланса дизайна.

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

введите описание изображения здесь

Чтобы создать немного более «дружественный» внешний вид, добавьте несколько округлых фигур и используйте их, чтобы компенсировать дисбаланс полей в верхней части макета. Это также позволяет увеличить графическое изображение без визуального «неправильного» размера. Если бы это был мой дизайн, я мог бы проигнорировать кривые в «2» и «3», поскольку они представляют собой существующие выступающие кривые - пытаясь имитировать или повторять эти дуги для верхних правых фигур. (Повторение может способствовать преемственности и сплоченности в дизайне.)

введите описание изображения здесь

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

введите описание изображения здесь

Так что дизайнер этого произведения ...

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

Добавьте к этому высококонтрастные (красные) цифры вверху, которые обращены влево ...

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

Такого рода решения об использовании и размещении приходят с опытом и исследованиями.

Казалось бы, случайные элементы могут вовсе не быть случайными ... они могут служить важным целям, даже если читатель / зритель не знает точно, какой может быть цель.

Скотт
источник
5

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

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

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

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

В 90-х было сказано, что они отказались от сетки для блоба, но в настоящее время мы видим гибрид.

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

Webster
источник
4

Это основано на мнении, но:

  • много раз эти «формы» являются производными от реального логотипа и / или являются частью системы брендинга. например. Ромбическая система Vodafone
  • в других случаях они могут быть просто трендовыми элементами
  • в других случаях это клиенты, которые не могут купить что-то слишком «простое», и они чувствуют, что должны получить что-то более «креативное», поэтому дизайнерам придется придумывать эти вещи просто для того, чтобы заполнить некоторое пространство
Lucian
источник
Что касается вашего третьего пункта: сегодня я обсуждал дизайн обложки книги с нашим стажером - ваши основные настройки «Название, автор, изображение». Я спросил, есть ли «место или причина» для графического элемента, но поскольку между элементами были хорошие пространственные отношения, мы согласились с «нет, это ничего не добавит к дизайну». Но, надеюсь, этот клиент не «боится» пустого места!
usr2564301
Этот третий пункт так верно.
AndrewH