Блог

Что нового у нас?

Дизайн сайта

6 основ графического дизайна, о которых вы должны знать

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

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

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

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

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

1. Баланс

Что это такое: Баланс — это визуальное распределение веса графических элементов в макете дизайна.

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

 

Логотип Starbucks и логотип Chanel являются классическими примерами симметричного баланса в дизайне. Однако композиция не обязательно должна быть симметричной, чтобы иметь хороший баланс. Логотип North Face — отличный пример асимметричного, но хорошо сбалансированного дизайна. Жирный, полностью заглавный шрифт несет такой же визуальный вес, как и твердая наклонная форма рядом с ним.

2. Выравнивание

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

Почему это важно: Дизайн с плохим выравниванием похож на грязный стол — он выглядит растрепанным, беспорядочным, и никто не хочет на него смотреть! Хорошее выравнивание, с другой стороны, “приводит в порядок” дизайн, создавая четкую визуальную связь между всеми графическими элементами. Когда объекты в вашей композиции выровнены друг с другом, они плавно ведут ваши глаза от одной части дизайна к другой.

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

Логотип 7-Eleven-отличный пример хорошего выравнивания. Вы заметите, что слово “Одиннадцать” имеет ту же длину, что и верхняя полоса числа “7”.

3. Близость

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

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

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

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

4. Повторение

Что это такое: Повторение — это использование графического элемента более одного раза в дизайне. Будь то шрифт, форма, цвет, вес или текстура.

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

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

Наш мозг настроен на распознавание образов, и повторение подключается прямо к этому.

5. Контраст

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

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

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

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

6. Иерархия

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

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

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

Есть вопросы?

Есть вопросы?

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