Рубрика: Дизайн
Просмотров: 2 655
Рейтинг статьи: 5

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

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

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

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

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

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

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

1

2

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

3

4

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

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

5

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

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

6

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

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

7

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

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

8

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

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

9

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

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

10

Заключение

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

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

  
Оцените статью, пожалуйста:
5

А что Вы думаете об этом материале? Напишите в комментариях:

Ваш e-mail не будет опубликован

Мир интернет рекламы стремительно растет, все предприниматели стараются дать как можно больше информации о себе
Как часто Вы пользуетесь интернетом на своих мобильных девайсах? Наверняка, очень часто. С каждым годом
Знаете ли Вы выражение: «Картина стоит тысячи слов?» А картинки в Интернете стоят тысячи рублей...
Скажите, Вам нравятся красивые фотографии? Яркие, безупречные, на них Вы моложе, чем на самом деле?
Текст-кирпич, сплошной стеной, без картинок – брр! Ну, кто его будет читать? Разве что какой-нибудь
Доброе и дооолгое утро! На связи Ирина. В Первом Интернет Сообществе Профессиональных Удаленных Сотрудников STAFF-ONLINE
Интернет сегодня легко можно сравнить с полем боя, где каждый бьется не за территорию, но
Одной из самых популярных профессий в последнее время стала профессия web-дизайнера. Оно и понятно: интернет