Купить за 79 руб.
ПОЛУЧИТЬ БЕСПЛАТНО !

Получите бесплатный комплект иконок

(Время действия акции ограниченно)

Иконок много не бывает, не так ли? Получи этот замечательный комплект иконок на свою электронную почту уже через несколько минут!

Для этого просто заполни форму ниже:

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

Мы уважаем и ценим наших подписчиков и поэтому обещаем, что твой адрес не будет передан третьим лицам.

Присоединяйтесь к нам !

Зарегистрируйте Бесплатный Аккаунт или подключите Безлимитный Доступ всего от 180 руб./мес.

Узнать подробнее

Последние новости из мира веб-графики

Как правильно сбалансировать дизайн вашего сайта.

15 Июня 2014

Основы графического дизайна

 

Часть II. Принципы дизайна

 

Статья 1. Баланс

 

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

 

Уметь распознавать и применять эти принципы дизайна к вашим проектам поможет вам стать более компетентным дизайнером.

 

В части II мы рассмотрим такие принципы, как баланс, пропорция, доминирование, контраст, ритм, гармония и единство.

 

"Счастье не имеет отнощение к интенсивности,

оно заключается в равновесии, порядке, ритме и гармонии."

- Томас Мертон

 

В этой статье мы рассмотрим Баланс.

 

Баланс это состояние выровненного напряжения

- Алекс В. Белый из «элементов графического дизайна"

 

 

В дизайне элементы не имеют физического баланса, но они имеют визуальный вес.

 

Некоторые характеристики, которые влияют на визуальный баланс:

 

  • Размер - как и следовало ожидать, крупные элементы имеют больший вес
  • Цвет - Это не всегда объяснимо почему, но некоторые цвета визуально кажутся тяжелее, чем другие. Красный, обычно, воспринимается самым тяжелым, в то время как желтый, наоборот, легким.
  • Плотность - Чем больше элементов на заданной площади, тем тяжелее смотрится данная площадь.
  • Тон - Более темные элементы, визуально выглядать более тяжелыми, чем светлые элементы.
  • Свободное пространство - позитивное пространство весит больше, чем негативное или свободное.

 

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

 

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

 

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

 

Баланс принцип графического дизайна. Баланс сайта.

 

Существует три основных типа баланса : симметричный, асимметричный и радиальный.

 

Симметричный баланс

 

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

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

 

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

 

Симметричный дизайн визуально прост для зрителя и  легок для создания.

 

"Тайная вечеря" Леонардо  является прекрасным примером симметричного баланса в искусстве. Все, что находится на левой стороне картины уравновешшено весом правой стороны. Вся картина уравновешивается вокруг центральной фигуры Иисуса Христа.

 

Принципы графического дизайна. Баланс. Симметричный баланс сайта

 

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

 

Принципы графического дизайна. Баланс. Симметричный баланс сайта

 

Сайт ниже, является отличным примером симметричного и сбалансированного дизайна

 

Принципы графического дизайна. Баланс. Симметричный баланс сайта

 

Сайт Florida Flourish это еще один пример абсолютно симметричного дизайна

 

Принципы графического дизайна. Баланс. Симметричный баланс сайта

 

Асимметричный баланс

 

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

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

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

 

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

 

Принципы графического дизайна. Баланс. Асимметричный баланс сайта

 

На сайте Эрнеста Хэммингуея баланс достигается уравновешиванием большого текстового блока справа и объектами, плотно расположенными слева. Более темный цвет элементов слева добавляем им визуальный вес.

 

Принципы графического дизайна. Баланс. Асимметричный баланс сайта

 

Баланс данно сайта немного ассиметричный, особенно это заметно в хэдере.

 

Принципы графического дизайна. Баланс. Асимметричный баланс сайта

 

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

 

Принципы графического дизайна. Баланс. Асимметричный баланс сайта

 

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

Радиальный баланс

 

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

 

 

Принципы графического дизайна. Баланс. Радиальный баланс сайта

 

 

Мозаический баланс

 

Мозаический  баланс - множество элементов на странице создают своего рода сбалансированный хаос.  Мозаическому балансу не хватает иерархии и поэтому он может выглядеть как шум и беспорядочность.  Примером мозаического баланса являются работы Джексон Поллак (Jackson Pollock).

Принципы графического дизайна. Баланс. Мозаический баланс сайта

 

В следующей статье мы продолжим изучение принципов графического дизайна и рассмотрим пропорции и доминирование.

 

 

Источники: 

http://www.noupe.com/design/a-graphic-design-primer-part-2-the-principles-of-design.html
http://www.vanseodesign.com/web-design/web-design-balance/
http://www.designerbooster.com/graphic-design/graphic-design-basics-part-2-design-principles/

Поделитесь с друзьями:

У Вас есть отличная идея, техническое задание и бюджет на ее реализацию ?

Заказать выполнение проекта