Правила композиции в веб-дизайне: 7 секретных фишек для дизайнера

STAFF-ONLINE ДИЗАЙН
1 205

Правила композиции в веб-дизайне: 7 секретных фишек для дизайнера

Расскажите об этой статье своим друзьям:

X
Осуществите Ваш 100 % переход на удаленную работу, используя нашу проверенную технологию и многолетний опыт работы

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

Композиция - это...

Для тех, кто слышит это словосочетание впервые, поясню: композиция – это предмет (или наука) о правильной компоновке разных элементов в пределах одного пространства (на одной странице буклета, на одной стороне визитки, на одном слайде презентации, на одном баннере, на одной странице сайта и т.д.). И, каким бы ни было это пространство (вертикальным или горизонтальным, маленьким или большим), правила композиции будут одинаковыми. Итак…

Основные правила композиции

  1. Правило равновесия элементов

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

1

2

При асимметричном равновесии:

3

4

  1. Правило контрастности элементов

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

5

  1. Правило значимости элементов

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

6

  1. Правило единства

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

7

  1. Правило движения

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

8

  1. Правило пространства

Элементы в пределах одного пространства можно располагать таким образом, чтобы они создавали ощущение пространства. Иногда полезно приблизить элемент к зрителю (например, сделать макро снимок), но иногда тот же элемент можно приблизить к зрителю совершенно противоположным способом – отдалив его, создав вокруг него пространство.

9

  1. Правило открытости

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

10

Заключение

Друзья! Используя эти несложные секретные фишки, Ваш дизайн усовершенствуется в разы! Он оживёт, станет визуально привлекательным, в нём будто заработает невидимый магнит. Конечно, это далеко не все секретные фишки. Если тема эта окажется полезной и актуальной для Вас, если Вы хотели бы её продолжения, напишите об этом в комментариях.

Всем, кто в теме web-дизайна, предлагаем в помощь следующие статьи:

   
 
Давайте мы подарим Вам
уроки по удаленной работе бесплатно
Просмотр уроков Вас ник чему не обязывает. Мы просто даем Вам возможность познакомиться с удаленной работой и понять, как Вы можете работать удаленно на постоянной основе
* Ваши данные не будут переданы третьим лицам

Здорово

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

Внесите Ваши данные в форму прямо сейчас - и мы свяжемся с Вами по телефону

Ваши данные никогда не будут переданы 3-м лицам.