Дизайн. Курс статей - Наталья Алленова

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

Принципы Дизайна

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

Целесообразность

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

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

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

Единство

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

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

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

Равновесие

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

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

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

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

«Один из» обозначает, что бывают разные виды симметрии. Зеркальная, инвертированная, осевая, радиальная, и т. д.

Симметрию можно выстраивать вокруг точки (радиальная), вокруг одной оси, вокруг нескольких осей.

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

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

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

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

Доминанта

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

Не следует воспринимать слово «центр» буквально, под этим словом вовсе не имеется в виду центр листа или экрана. Место размещения смыслового или визуального центра внутри нашего рабочего пространства (экрана, листа) может быть любым.

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

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

Соподчинение

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

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

Как это обеспечить? Отдельные элементы композиции объединяют в группы. Соответственно, должны быть признаки связи между этими группами (например, мы объединяем их общей осью симметрии, однако при этом симметрии внутри группы элементов быть не должно). Группы могут перекликаться друг с другом между собой своими элементами (допустим на сайте: иконки, цвета заголовков, размер иллюстраций и т. д.).

Естественно, при всем этом наша композиция должна восприниматься, как единое целое.

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

Динамизм

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

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

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

Направление взглядов девушек, их позы (как они сидят, как лежат их руки, как повернуты головы) — все это управляет нашим взглядом.

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