Web-Дизайн

Основы композиции для web

Что такое композиция?

Композиция — объединение отдельных графических элементов в единое целое. Композиция строится на взаимном соподчинении всех графических элементов.

Свойства графических элементов композиции.

1. Параметры формы графического элемента для web

Величина формы графического элемента

— определяется соотношением размеров по трем координатам
— оценивается по отношению к размерам человека или других форм или как соотношение величин элементов одной и той же формы

Выделяются два вида формы:

а. объем — характеризуется относительным равенством всех трех измерений
б. плоскость — определяется полной уменьшенностью размеров по одной из координат измерения

Средства приведения формы к композиционному единству:

1. пропорции — соотношение размеров по трем координатам пространства
2. масштабность — соотношение размеров граф. элемента относительно окружения
3. ритм — чередование графических элементов в определенном порядке
4. контраст — сочетание элементов с сильно отличающимися параметрами (например желтый круг-зеленый треугольник)
5. нюанс — сочетание незначительно отличающихся элементов (например синий круг — темносиний круг)

2. местоположение и ориентация графических элементов на страничке относительно друг друга

Желатнльно располагать элементы композиции связанно друг с другом и выбирать сходную динамическую направленность для всех элементов — каждый элемент композиции должен быть «привязан» к ближайшему элементу. Тоесть каждый элемент должен быть выровнен по горизонтальной или вертикальной направляющей относительно заметного ближайшего элемента

3. визуальная масса графического элемента относительно окружения

Желательно, соблюдать пропорциональные соотношения между элементами композиции, когда есть главный элемент (за счет выделяющейся формы, фактуры, преобладающей массы или контрастного цвета) и остальные элементы ему подчинены и группируются относительно его

4. текстура граф. элемента

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

5. цветовая совместимость граф. элемента с окружением>

Цвет

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

Характеристики цвета:

— как цветовой тон (различные оттенки цвета)
— насыщенность (степень яркости цвета)
— светлота (отражающая способность цветовой поверхности)

Цветовые ряды:

1. черно-белый — в пределах от белого до черного цвета

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

3. ряды, идущие от цвета к черно белому тону — от зеленого к белому, от зеленого к серому, от зеленого к черному

6. динамика граф. элемента

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

Back to top button