Основы дизайна: создание вашего бренда и сайта

Если вы дизайнер, вы, вероятно, отключитесь прямо сейчас, но если нет, то не торопитесь и узнайте все об основах дизайна.

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

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

Состав

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

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

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

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

Рисунок / земля

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

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

Отрицательное пространство между буквами «E» и «x» создает впечатление, что там есть стрелка.

Близость

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

Несмотря на то, что цвет, форма и размер одинаковы, наш мозг говорит нам, что это три отдельные группы:

Единая связь

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

Продолжение

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

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

Сетки - большая часть этого выравнивания. Основываясь на идее простоты, художественное движение Баухаус, зародившееся в Германии в начале 20-го века, положило начало концепции сеток.

Цвет

Очевидно, что цвет важен для узнаваемости бренда. Как только мы видим яркие золотые арки McDonald's на красном фоне, мы понимаем, что это такое. Эти цвета были выбраны не случайно, за этим стоит некоторая наука.

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

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

Желтый

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

Синий

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

Фиолетовый

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

Розовый

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

апельсин

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

Собираем это вместе

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

Если вы хотите узнать больше о дизайне, не стесняйтесь связаться с одним из наших креативщиков.