Основные элементы дизайна, участвующие в создании композиции
13
8367330-07-2017
Основные или базовые элементы дизайна являются теми отдельными кирпичиками, из которых строится вся композиция. А различные комбинации элементов и расставленные акценты обеспечивают неповторимость и уникальность всего дизайна. При создании дизайна, для лучшего результата, правильнее всего будет осмыслить и уделить внимание каждому элементу. И также, уже имея конечный результат, можно попытаться посмотреть, насколько органично и гармонично чувствует себя каждый участник композиции.
1. Пространство
Под понятием пространства понимается место или арена действий, площадка, где собственно и находится вся композиция. Может быть двухмерное и трехмерное пространство. Объекты в трехмерном пространстве имеют глубину и объем.
2. Линия
Линия — это базовый элемент дизайна, который представляет собой непрерывную последовательность из точек на поверхности, сделанную карандашом или кистью. С помощью линий задаются контуры или очертания. Линии могут быть кривые, горизонтальные, вертикальные, волнистые, параллельные, пунктирные.
3. Фигура
Когда линия пересекает себя или другую линия, то образуется фигура. Существуют геометрические фигуры (круг, квадрат, прямоугольник, треугольник) и органические фигуры (очертания листа, ракушки, цветка итд).
4. Цвет
Цвет очень хорошо передает эмоции и позволяет объектам выделяться от фона. С помощью цвета можно привлечь внимание к определенной части сайта. Существуют основные цвета (красный, желтый, синий), вторичные цвета (оранжевый, зеленый, фиолетовый) — они получаются путем смешения основных цветов, промежуточные (основной + вторичный) и дополнительные цвета (противоположные цвета на цветовом круге).
5. Текстура
Текстура передает визуальный или тактильный вид поверхности. Текстура может быть гладкой, шероховатой, мягкой. Различают реалистичные текстуры, такие как дерево, бумага, тканевыe текстуры, текстуры кожи итд.
6. Форма
Форма представляет собой трехмерный объект, в отличие от фигуры. У формы можно измерить ширину, высоту и глубину. Также форма передается светотенью. Форма может быть получена путем объединения двух или более фигур.
7. Светотень
Этот элемент определяет соотношение светлых и темных областей применительно к объекту. Светотень создается внешним источником света, который накладывает на объект блики и тени. Именно светотень создает глубину у фотографии.
8. Размер
Каждый дизайнерский элемент, участвующий в композиции, обладает определенным размером, или массой по отношению к другим элементам и ко всему дизайну в целом. Регулируя размер, можно обеспечить внимание, передать настроение, создать необходимый контраст, выделить информацию.
Комментариев 13 комментариев
@Arkadi Austern
Абсолютно согласна! Считаю, что на блоге должны обязательно быть статьи о базовых вещах в веб-дизайне. Это как азбука, как основы языка. Ну и помогает восполнить пробелы образования. С удовольствием публикую у себя подобные статьи. Поэтому обязательно будет что-нибудь еще в том же духе. )))
Отличный пост! Спасибо!
Жаль, что картинки не кликабельные — первый пример с домиками прекрасен.
@Филипп
Вспомнила. Это сайт из замечательной замечательной подборки от Смэшинга «Креатив из Литвы«. Там же есть и другие примеры из этого поста ))
Спасибо автору! Замечательные статьи. Проделана большая работа для сбора и отображения информации. Наташа, не останавливайтесь. У этого блога, безусловно, большое будущее — тема востребована. Я в web-дизайне не новичок, но и для себя открыл очень много интересного. С уважением…
@Эдуард:
Спасибо большое за добрые слова и поддержку! Тоже считаю, что темы про базовые основы веб-дизайна очень полезны и востребованны ))
Все это «элементарно Доктор Ватсон» ничего не дающий практически.Особенно мне понравилось информация о линиях.Если дизайнер не будет знать, что существуют линии и как они называются, то он конечно,ничего создать не сможет.А люди занимающиеся дизайном все это знают на базе детской художественной школы. Я понимаю,что есть люди, не знающие даже этого.
@Валентин:
А вы наверное ждете некое тайное заклинание, известное только избранным и которое сделает любого, кто их произнесет великим дизайнером ))
По мне все просто и понятно, то что надо особенно для новичка как я, спасибо!
@Андрей:
Пожалуйста! Удачи в дальнейшем обучении ))
Наталья, хотелось бы еще статей или ссылок на подобные БАЗИСНЫЕ статьи. Очень полезно и очень хочется. За эту спасибо.