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

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

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

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

Линия

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

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

Фигура

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

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

Цвет

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

Дизайн элементов в подходящем цвете

Существует всего 3 основных цвета: желтый; красный; синий. При смешивании этих основных цветов, получаются три вторичных цвета: оранжевый; зеленый; фиолетовый. Также существуют и промежуточные цвета. Они получаются путем смешивания основных и вторичных цветов. На цветовом круге мы их как раз и видим (рисунок выше). Еще есть дополнительные цвета — это противоположные цвета на цветовом круге, то есть зеленый и напротив его оранжевый цвет, фиолетовый и напротив его темно-желтый цвет.

Текстура

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

Света-тень

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

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

Zavitushka-dlya-sayta

 
rss-1Следить за новыми статьями на этом блоге!

 Нажимая на кнопку, вы соглашаетесь с нашей политикой конфиденциальности и пользовательским соглашением.

Комментарии 2

  • Мне так нравиться 3D рисунки и фильмы, обязательно хочу научиться рисовать такие! Так интересно, смотришь на картинку, а она такая реальная!

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

А что вы думаете по этому поводу?

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

Нажимая на кнопку «Отправить», вы соглашаетесь с нашей политикой конфиденциальности и пользовательским соглашением.