Создайте гармоничную композицию на тему. Правила удачной композиции в скрапбукинге

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

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

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

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

Самыми главными законами композиции я считаю следующие:

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

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

  • Единство
    Закон единства (или целостности) композиции считается соблюденным, если при охвате изображения взглядом оно воспринимается как единое целое и не распадается на отдельные части. Должно ощущаться наличие «притяжения» между элементами, они должны «подходить» друг другу. Также должен ясно различаться смысловой центр композиции.

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

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

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

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

Навыки создания правильной композиции очень важны для графического дизайнера. Хочу подчеркнуть именно слово «навыки «, т.к. знания, которые вы не умеете применять на практике не стоят ничего. Поэтому обязательно упражняйтесь, уделяйте этому от 20 минут до 1 часа каждый день, и результат будет налицо!

Как обычно, я желаю вам успехов в ваших начинаниях, побольше усидчивости и терпения!

Композиция (от латинского слова «compositio» означает «соединять», «располагать», «составлять», «складывать») - это гармоничная компоновка различных элементов, соединеннае в единое изображение. Существует пять законов композиции: закон целостности, закон пропорций, закон симметрии, закон ритма, закон главного в целом. Эти законы создают единую гармоничную систему композиции. Рассмотрим эти законы, используя их как методы построения композиции.

В общей композиции какие-то из этих методов более важные, какие-то менее, но нужно понимать, что в правильно выстроенной композиции не бывает лишних (ненужных) элементов. Все элементы в композиции взаимосвязаны между собой и работают на общий композиционный строй. Если какие-то элементы явно лишние, значит нарушена целостность композиции. Композиционным приемам можно научиться, а построение композиции можно заранее просчитать.

Свойства формы по восприятию

1. Геометрический вид.
Это свойство формы, определяемое соотношением ее размеров по трем пространственным координатам, а также конфигурацией поверхности формы. В зависимости от преобладания одного из трех измерений выделяют три основных типа формы: объемная, плоская, линейная.
2. Величина.
3. Величина - понятие относительное. Человек, оценивая величину формы, соотносит ее с собой или с соседними формами.

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

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

Фактура и текстура

Фактура – свойство, характеризующее внешнее строение поверхности формы (например, шероховатая она или гладкая).

Текстура - материал из которого состоит объект называется текстурой. Например, дерево и полированный камень на ощупь почти одинаковы (это фактура), но рисунок материала у них абсолютно разный (это текстура). Фактура и текстура – мощнейшие средства выразительности. Их воздействие может быть активнее, чем воздействие формы самой по себе. Подчеркнуть, или, наоборот, исказить пропорции, собрать воедино или разбить форму, оторвать от фона или слить с ним – все это может магия фактур.

Цвет и тон

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

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

Приемы композиции

Статика – средство передачи в композиции ощущения покоя.
Вертикальное расположение элементов (вдоль воображаемых вертикальных линий) может оптически уравновесить, утяжелить композицию. Даже маленькому логотипу можно придать монументальность (это нужно учитывать при разработке какого-то конкретного знака, если нужно добавить «весомость», «тяжесть», «значимость»).
Четкий контур, симметрия, прирост сложности к центру, заполненность пространства, многоэлементность - все это признаки закрытого типа композиции. Такой тип композиции логично использовать для передачи недвижимости, монументальности, угнетенности, устойчивости, стабильности и так далее. Часто именно в закрытых композициях используется статика с внутренней динамикой.

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

Симметрия - свойства фигур в композиции, расположенных на одном перпендикуляре к данной плоскости (или прямой), по разные стороны от нее и на одинаковом расстоянии от нее. Эти фигуры симметричны относительно этой плоскости или прямой. Симметрия может быть полной и неполной. Неполная симметрия создает соотносительность масс правой и левой частей, но не идентичность.

Асимметрия - отсутствие симметрии. При асимметричной композиции большая часть элементов смещается в сторону от воображаемой оси симметрии (или от центра). С помощью симметрии мы можем придать статичность изображению, а асимметрия, наоборот, усиливает динамику. Причем хочу заметить, что асимметрия и динамика не означают хаос в композиции. В асимметрических композициях достичь равновесие тяжелее. Достигается за счет уравновешения масс по цвету и форме, расположению в пространстве. Правильно выстроенные элементы приносят гармонию и устойчивость композиции.

Пропорции (в переводе с латинского означает «соотношение», «соразмерность» ). В композиции пропорции - это соотношение величин элементов и всего изображения в целом. Самые простые пропорции основаны на кратких и целочисленных отношениях 1:2; 3:4 и т. д. Мой вам совет - при размещении блока композиции на листе соблюдайте такой тип пропорций. Например, сверху отступ от края листа 1 единица, а снизу 2 (1:2) и т. п. Так она не «завалится вниз» и не «улетит вверх». Самое знаменитое пропорциональное отношение - «золотое сечение». Человеческую фигуру перевязывают поясом, отмеряют потом расстояние от пояса до ступней – это величина пропорционально относится к расстоянию от тела до макушки, а весь рост человека относится к длине от пояса до ступней. «Ряд Фибоначчи»-каждое число является суммой двух предыдущих - 1 ,1 ,2 ,3 ,5,8, 13, 21. Пропорции гармонично держат динамичные и статичные композиции. Динамика всегда определяется двумя разными соотношениями меньшей и большей величинами (3:4), а статика (1:1).

Закономерности композиционных структур

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

Ритмические закономерности композиции:

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

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

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

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

Доминанта - преобладание одной части структуры над другой.
Например преобладание какого-либо цвета или элементов определенной формы и т. п.
Также присущи качества, которые изменяют структуру: цвет, тон, форма, размер, положение.

Есть такая особенность психологии человека, что он не стремится к монотонности и повторяемости, а наоборот, к развитию, совершенствованию, движению. И ту же композицию мы стремимся сделать визуально очень интересной, привнести динамику, чем-то привлечь внимание зрителя.
А достигается это путем применения вышеперечисленных методов. Причем нет жестких правил применения какого-то одного из них. Их можно сочетать между собой. Главное не забывать о гармонично выстроенной композиции и не «засорять» ее лишними «спецэффектами».

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

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

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

4.1. Баланс – это равновесие взаимодействующих или противоположных сил в композиции. В такой композиции не возникает ощущения, что какая то ее часть доминирует над всем остальным. Баланса можно достичь с помощью правильного размещения объектов, размеров объекта и по цвету. Баланс может быть симметричным (верхний рисунок), асимметричным (нижний рисунок), радиальным (объекты расположены кругом и расходятся из одной точки.

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

4.3. Этот принцип предполагает выделение, так называемого, центра интереса, на котором предполагается сосредоточить внимание зрителя. Объекты должны находиться в иерархии по значимости и подчиненности. Если все объекты будут иметь одинаковую значимость, то внимание пользователя рассеивается.

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



4.5. Пропорция – это отношение отдельной части ко всему объекту, а также соотношение отдельных частей друг с другом. В данном примере показано «Золотое сечение».

4.6. Масштаб – это реальный, видимый размер объекта, рассматриваемый в отношении других предметов, людей, окружающей среды.

Повторение и ритм

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

Единство в разнообразии

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

Применение правил композиции.

Подача информации.

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

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

Предоставляемая информация должна находиться в композиционном центре. Для этого ее необходимо выделись одним из существующих способов. Лучше всего подойдет выделение освещенностью. Если объект светлый, расположите его на темном фоне. Если объект темный - наоборот. Старайтесь не использовать пестрый фон, он может отвлечь внимание.

Не забывайте о целостности. Если объектов несколько, не располагайте их хаотично. Лучше всего выстроить их в форме простых геометрических фигур. Старайтесь соблюсти при этом равновесие.

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

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

В любом виде искусства ключевую роль играет правильное расположение элементов произведения, позволяющее наиболее точно передать идею этого произведения. То есть выделить ключевые сюжетные линии, передать необходимое настроение и соблюсти при этом гармонию. Композиция (от латинского compositio) и является соединением (сочетанием) этих элементов в единое целое.

Геометрический и композиционный центр.

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

(совпадение геометрического и композиционного центров)

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

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

Композиционный центр может быть выделен:
- контрастом света и тени
- контрастом цвета
- размером
- формой


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

Диагональные линии в композиции:


График на рисунке слева означает рост. График на рисунке справа означает падение. Так уж сложилось. И, соответственно, в композиции диагональная линия, проведенная от левого нижнего угла к правому верхнему воспринимается лучше, чем линия, проведенная от левого верхнего угла к правому нижнему.

Замкнутая и открытая композиция:

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

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


Правило золотого сечения:

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

Что такое симметрия понятно. А что такое золотое сечение?

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

Части этого отрезка примерно равны 5/8 и 3/8 от всего отрезка. То есть, по правилу золотого сечения зрительные центры в изображении будут располагаться так:

Правило трех третей:

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


Динамика и статика в изображении, движение, ритм.

Динамичная композиция - композиция, при которой создается впечатление движения и внутренней динамики.

Статичная композиция (статика в композиции) - создает впечатление неподвижности.

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

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

Так же можно передать движение, оставив свободное пространство перед движущимся объектом, чтобы наше воображение могло продолжить это движение.


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

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

Ритм в изобразительном искусстве может создаваться повторением цвета, объектов, пятен света и тени.

Симметрия и асимметрия в композиции, достижение равновесия.

Симметрия:

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


Симметрия - это самый простой способ добиться равновесия в композиции. Однако, не единственный.

Асимметрия, достижение равновесия:

Чтобы понять, что такое равновесие можно представить механические весы.


В данном случае работает закон симметрии. Слева и справа на весах на одинаковом расстоянии симметрично расположены два предмета одинаковой формы и размера. Они создают равновесие.

Асимметрия нарушит это равновесие. И если один из объектов будет больше, то он по-просту перевесит меньший.


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


Так же добиться равновесия при асимметрии можно будет, перевесив больший предмет ближе к центру:


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

Заключение.

Правила композиции не являются обязательными для соблюдения. Даже наоборот. Некоторые правила противоречат один другому. Однако, прежде чем нарушать какое-либо правило, его надо знать и уметь им пользоваться. Помните, если Вы нарушаете правила, Вы должны четко осознавать, ДЛЯ ЧЕГО Вы это делаете.

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

Таким образом, можно с уверенностью сказать, что композиция в веб-дизайне крайне важна. Что собой представляет композиция? Говоря простыми словами, это то, как отдельные элементы веб-дизайна формируют общую картину проекта.

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

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

При выборе точки фокуса помните, что главная цель вашего дизайна – «общение» пользователя с сайтом. Правильный выбор фокуса определяет эффективность такого общения.

Существуют некоторые методы для определения фокуса в дизайне, например, масштаб, контраст и т.д. Эти методы мы разберем позже. Сейчас проанализируем пример.

Это работа Мэтью Метца (Matthew Metz) для ретейлера модной одежды Nordstrom, поэтому фокус находится на модели и ее одежде. Поэтому она была помещена в центр, а оранжевая окружность размещена так, что выдвигает на первый план и привлекает внимание к ее лицу, а потом к ее наряду. Кроме этого, на изображении присутствуют белый ведущие линии, которые направляют взгляд пользователя к текстовой информации внизу.

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

Ведите взгляд с помощью направляющих линий

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

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

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

Масштаб и иерархия в композиции

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

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

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

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

Используя контраст масштабов элементов, вы можете создавать разные эффекты.

Баланс элементов

Баланс – это важная вещь во многих отношениях. И ваши проекты – не исключение.

Но как же найти этот совершенный баланс в наших проектах? Для этого рассмотрим два общих типа баланса.

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

Асимметричный баланс достигается пропорциональным рассеиванием и масштабированием элементов.

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

Хорошим способом создания асимметричного баланса является представление, что каждый элемент имеет реальный вес. Маленькие объекты весят меньше, большие наоборот. Также можно представлять, что на вес влияет четкость текстуры объекта (более четкие весят больше). Таким образом, располагая элементы, чтобы они не перевешивали друг друга.

Используйте элементы, которые дополняют друг друга.

Вы слышали о дополнительных цветах в веб-дизайне? Как на счет дополнительных элементов?

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

  • Используйте фото из одной фотосессии;
  • Окрашивайте ваши фотографии в один тон;
  • Используйте фотографии, сделанные одним способом.

Увеличьте (уменьшите) контрастность

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

Оставляйте пустое пространство в проекте

Пустое пространство в дизайне, если оно используется правильно, может помочь повысить «четкость» дизайна и улучшить общий вид, уравновешивая более сложные и оживленные элементы дизайна.

Вот пара способов, как использовать пустое пространство в проекте:

  1. Уменьшите масштаб графических элементов;
  2. Не заполняйте все пространство контентом.

Выравнивание элементов

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

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

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



gastroguru © 2017