КОМПОЗИЦИЯ
— это упорядоченная компановка элементов в пространстве, когда все элементы гармоничны друг с другом и со своим окружением.
ОСНОВНЫЕ ЗАКОНЫ ПОСТРОЕНИЯ КОМПОЗИЦИИ
1. Группировка
2. Выравнивания
3. Контраст
4. Повторение и единство
5. Форма и контрформа
6. Баланс
S
.
1. ГРУППИРОВКА
Схожие по смыслу элементы необходимо собрать в группы
Элементы, расположенные рядом друг с другом, образуют визуально группу. Это упрощает пользователю восприятие информации.
2. ВЫРАВНИВАНИЯ
Все элементы сайта должны быть выровнены относительно друг друга
Выравнивание элементов создается при помощи модульных сеток и направляющих
3. КОНТРАСТ
Позволяет выделить элементы и избежать «монотонности».
Большой — малый
Темный — светлый
Основной — второстепенный
4. ПОВТОРЕНИЕ И ЕДИНСТВО
Для достижения единства стиля следует повторять стили схожих элементов
Стиль иконок
Стиль кнопок
Стили текста
Оформление изображений
5. КОНТРФОРМА
Улучшает восприятие элементов в пространстве страницы
Делает макет более «воздушным» и легким
6. БАЛАНС
Элементы должны быть сбалансированы между собой, как на весах
То, что сильнее привлекает внимание, имеет больший визуальный вес.
СИММЕТРИЧНЫЙ
Зеркальное расположение элементов относительно центральной линии
Элементы располагаются не симметрично относительно центральной линии
АСИММЕТРИЧНЫЙ
РАЗМЕР
Крупный, но пустой объект может быть уравновешен с маленьким, но более плотным
Характеристики баланса
РАСПОЛОЖЕНИЕ
За счет расположения можно уравновесить элементы с разными характеристиками. Чем легче — тем ближе к центру
Характеристики баланса
ФОРМА
Сложная нестандартная форма тяжелее, чем простая, потому что выглядит интереснее и притягивает больше внимания
Характеристики баланса
Сложная нестандартная форма тяжелее, чем простая
ЦВЕТ
Более насыщенный и темный объект воспринимается как более тяжелый.
Характеристики баланса
Made on
Tilda