Элементы дизайна.

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

Рассмотрим основные элементы дизайна.

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

Пространство

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

Линии могут быть прямые, ломаные, кривые, волнистые, параллельные, вертикальные и горизонтальные, сплошные и пунктирные.

Линия

Линия может управлять взглядом, создавать динамику, ритм.

Линия

Третий элемент – фигура. Фигуры могут быть простыми и сложными. К простым можно отнести элементарные геометрические фигуры – круг, квадрат, прямоугольник, треугольник. Несмотря на их простоту, такие фигуры широко используются в искусстве, в том числе и дизайне. Каждая из этих фигур имеет определенный художественный смысл (вспомните «Черный квадрат» К. Малевича).

Фигура Фигура

Сложные фигуры – это изображения каких-либо предметов, тех, которые мы видим вокруг себя или создаем сами.

Фигура

Еще один важнейший элемент дизайна – цвет. Цвет создает первое впечатление об изображении. Представьте, как много мы потеряли бы, если бы видели мир черно-белым.

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

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

Цветовой круг

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

Текстура бумага Текстура дерево Текстура кожа

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

Узорная текстура Текстура кирпич

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

Светотень Светотень

Именно светотень придает изображению предмета глубину и объем.  Тени, полутени, блики, рефлексы создают ощущение реальности изображаемого предмета. Например, несколько бликов, тень делают обыкновенную кнопку на сайте более объемной и привлекательной.

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


Один из лучших курсов для изучения программы Adobe Photoshop — видеокурс Зинаиды Лукьяновой «Фотошоп с нуля в видеоформате».

Если вас заинтересовала статья, или вам есть, что добавить, оставьте комментарий.

Проголосуйте за статью, нажмите кнопку социальной сети.

Еще советую почитать по этой теме:

Оптимизация изображений в формате PNG
Здравствуйте, уважаемые читатели! В сегодняшней небольшой статье я хочу вернуться к теме оптимизации изображений в формате PNG. Дело в том, что этот формат набирает популярность, ...
Оптимизация изображений в формате JPEG.
Рассмотрим более подробно процесс оптимизации изображений в различных форматах. Оптимизировать изображение можно используя разные программы, но наибольшими возможностями обладает, конечно, графический редактор Adobe Photoshop. ...
Форматы графических файлов или оптимизация изображений – часть 3.
Итак, как уже было сказано, размер графического файла и качество изображения зависит от выбора формата, в котором он будет сохранен. Форматов графических файлов сейчас ...
Оптимизация изображений – часть 2.
Продолжим разговор об оптимизации изображений. Основная цель, которую преследует оптимизация изображений – уменьшение размера графического файла с наименьшей потерей качества. Достигается это несколькими путями. ...
Оптимизация изображений.
Большое значение для посетителей сайта, да и для его разработчиков имеет скорость загрузки страниц. А зависит она в большей мере от параметров рисунков, расположенных ...
Очень плохоПлохоСреднеХорошоОтлично (голосов: 1 в среднем: 5,00 из 5)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *