Основные элементы веб-дизайна

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

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

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

Пространство может быть двухмерное (плоская картинка) и трехмерное (объемное изображение). Двухмерное и трехмерное пространство проще всего представить на примере кинотеатра. Сейчас часто стали показывать фильмы в 3D — это и есть трехмерное пространство.

А обычные кинотеатры, которые были раньше — это пример двухмерности. Объекты в трехмерном пространстве в отличие от двухмерного имеют глубину и объем. Это, пожалуй, основное их отличие.

Линия

Вторые основные элементы дизайна сайта — это линии. Линия — это самый базовый элемент дизайна. Линия получается из последовательно соединенных точек на поверхности.

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

Вы наверняка знаете, что линии могут быть:

• прямые;
• кривые;
• волнистые;
• горизонтальные;
• вертикальные;
• параллельные;
• пунктирные.

Фигура

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

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

Цвет

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

Цвет очень хорошо передает эмоции.

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

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

Существует всего 3 основных цвета: желтый; красный; синий. При смешивании этих основных цветов, получаются три вторичных цвета: оранжевый; зеленый; фиолетовый.

Также существуют и промежуточные цвета. Они получаются путем смешивания основных и вторичных цветов. На цветовом круге мы их как раз и видим (рисунок выше).

Еще есть дополнительные цвета — это противоположные цвета на цветовом круге, то есть зеленый и напротив его оранжевый цвет, фиолетовый и напротив его темно-желтый цвет.

Текстура

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

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

Света-тень

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

Света-тень способна придать практически любому объекту глубину и объем. Она придает картинке наибольшую реалистичность. Сейчас многие используют света-тень для создания хорошего веб-дизайна. Так смотрится очень зрелищно и красиво.

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