Из Википедии, бесплатной энциклопедии
  (Перенаправлено с элементов и принципов дизайна )
Перейти к навигации Перейти к поиску

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

Элементы оформления искусства [ править ]

Также: Элементы искусства

Элементы дизайна - это базовые единицы любого визуального дизайна, которые формируют его структуру и передают визуальные сообщения. [1] [2] Художник и теоретик дизайна Мейтленд Э. Грейвс (1902-1978), который попытался развить фундаментальные принципы эстетического порядка в визуальном дизайне, [3] в своей книге «Искусство цвета и дизайна» (1941) , определила элементы дизайна как линию, направление, форму , размер , текстуру , значение и цвет , сделав вывод, что «эти элементы являются материалами, из которых строится весь дизайн». [4]

Элементы искусства и дизайна
Цветная звезда, содержащая первичный, вторичный и третичный цвета.

Цвет [ править ]

Цвет - это результат отражения света от объекта к нашим глазам. [5] Цвет, который воспринимают наши глаза, определяется пигментом самого объекта. [5] Теория цвета и цветовое колесо часто используются при изучении цветовых сочетаний в визуальном дизайне. [6] Цвет часто считается важным элементом дизайна, поскольку это универсальный язык, который представляет бесчисленные возможности визуальной коммуникации. [7]

Оттенок , насыщенность и яркость - три характеристики, описывающие цвет. [8]

  • Оттенок может быть просто обозначен как «цвет», как красный, желтый или зеленый. [9]
  • Насыщенность придает цвету яркость или тусклость, что влияет на насыщенность цвета. [9]
  • Значения , оттенки и оттенки цветов создаются путем добавления черного к цвету для оттенка и белого для оттенка. Создание оттенка или оттенка цвета снижает насыщенность . [9]

Теория цвета в визуальном дизайне [ править ]

Теория цвета изучает смешение цветов и сочетания цветов. Это одна из первых черт прогрессивного подхода к дизайну. [7] В визуальном дизайне дизайнеры ссылаются на теорию цвета как на совокупность практических рекомендаций по достижению определенных визуальных эффектов с помощью определенных цветовых комбинаций. [ необходима цитата ] Теоретические знания о цвете используются в дизайне для достижения успешного цветового дизайна. [10]

  • Цветовая гармония

Гармония цвета , часто называемая «мерилом эстетики» [10], изучает, какие цветовые сочетания являются гармоничными и приятными для глаз, а какие - нет. [8] Гармония цвета является главной заботой дизайнеров, учитывая, что цвета всегда существуют в присутствии других цветов в форме или пространстве. [10]

Когда дизайнер гармонизирует цвета, отношения между набором цветов улучшаются, чтобы они лучше дополняли друг друга. Цвета гармонизируются для достижения сбалансированного, унифицированного и эстетичного эффекта для зрителя. [8]

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

  • Цветовые контрасты

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

Йоханнес Иттен представил семь видов цветовых контрастов: контраст света и темноты, контраст оттенка, контраст температуры, контраст насыщенности , одновременный контраст, контраст размеров и контраст дополняющий. [8] Эти семь видов цветовых контрастов вдохновили прошлые работы с использованием цветовых схем в дизайне. [8]

  • Цветовые схемы

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

Удовлетворительный дизайн продукта часто сопровождается удачной цветовой гаммой. Со временем инструменты цветового дизайна с функцией создания цветовых схем были разработаны, чтобы облегчить цветовое согласование для дизайнеров. [11]

Использование цвета в визуальном дизайне [ править ]

  • Цвет используется для создания гармонии, баланса и визуального комфорта в дизайне [10]
  • Цвет используется, чтобы вызвать у зрителя желаемое настроение и эмоции [5]
  • Цвет используется для создания темы в дизайне [8]
  • Цвет имеет значение и может быть символическим. В определенных культурах разные цвета могут иметь разное значение. [5]
  • Цвет используется, чтобы выделить желаемые элементы и создать визуальную иерархию в произведении искусства [12]
  • Цвет может создать индивидуальность для определенного бренда или дизайнерского продукта [12]
  • Цвет позволяет зрителям по-разному интерпретировать визуальный дизайн. Один и тот же цвет может вызывать разные эмоции или иметь разное значение для разных людей и культур [5]
  • Цветовые стратегии используются для организации и последовательности в дизайнерском продукте [9]
  • В архитектурном дизайне торговой среды цвета влияют на принятие решений, что побуждает потребителей покупать определенные продукты [12]
Точно так же звезды в созвездии, соединенные воображаемыми линиями, являются естественным примером использования линий в композиции.

Линия [ править ]

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

Point [ править ]

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

Форма [ править ]

Основная статья: Форма и форма (изобразительное искусство)

Форма определяется как двумерной области , которая выделяется из пространства рядом или вокруг него из - за определенный или подразумеваемых границей, или из - за различий в стоимости, цвета или текстуры. [13] Формы - это узнаваемые объекты и формы [5], которые обычно состоят из других элементов дизайна. [14]

Например, квадрат , нарисованный на листе бумаги, считается фигурой. Он состоит из ряда линий, которые служат границей, формирующей квадрат и отделяющей его от пространства вокруг него, которое не является частью квадрата. [5]

Типы фигур [ править ]

Геометрические или механические формы - это фигуры, которые можно рисовать с помощью линейки или циркуля, например квадраты , круги , треугольники , эллипсы , параллелограммы , звезды и т. Д. [5] Механические формы, простые или сложные, создают ощущение контроля и порядка. [14]

Органические формы - это неправильные формы [5] , которые часто бывают сложными и напоминают формы, встречающиеся в природе . [14] Органические формы можно рисовать вручную, поэтому они иногда субъективны и существуют только в воображении художника. [5]

Криволинейные формы состоят из изогнутых линий и гладких краев. Они придают фигуре более естественное ощущение. Напротив, прямолинейные формы состоят из острых краев и прямых углов и создают ощущение порядка в композиции . Они выглядят более искусственными, структурированными и искусственными . Художники могут создать композицию, которая в основном вращается вокруг одного из этих стилей формы, или они могут комбинировать оба. [5]

Текстура [ править ]

Основная статья: Текстура (изобразительное искусство)
Это всего лишь двухмерное изображение дерева, но имеет текстуру трехмерной коры.

Текстура относится к физическим и визуальным качествам поверхности. [ необходима цитата ]

Использование текстуры в дизайне [ править ]

  • Текстура может использоваться для привлечения или отражения интереса к элементу в зависимости от того, насколько приятной кажется текстура. [14]
  • Текстуру также можно использовать для добавления сложных деталей в композицию дизайна. [5]
  • В театральном дизайне поверхностные качества костюма формируют внешний вид персонажа, что влияет на то, как аудитория реагирует на персонажа. [5]
Типы текстуры

Тактильная текстура , также известная как «фактическая текстура», относится к физической трехмерной текстуре объекта. Тактильную текстуру можно ощутить наощупь. Человек может ощутить тактильную текстуру скульптуры, проведя рукой по ее поверхности и ощупывая гребни и вмятины. [5]

  • Художники используют импасто для создания пиков и создания текстуры в своих картинах. [14]
  • Текстуру можно создать с помощью коллажа . Это когда художники собирают трехмерные объекты и наносят их на двухмерную поверхность, например, лист бумаги или холст, для создания одной окончательной композиции. [5]
  • Папье-колле - еще одна техника коллажирования , при которой художники приклеивают бумагу к поверхности, чтобы создать на ней разные текстуры. [5]
  • Сборка - это техника, которая состоит из сборки различных трехмерных объектов в скульптуру, которая также может раскрывать текстуры для зрителя. [5]

Визуальная текстура , также называемая «подразумеваемой текстурой», определяется не осязанием, а нашим зрением. [ необходима цитата ] Визуальная текстура - это иллюзия реальной текстуры на двухмерной поверхности. [5] Любая текстура, воспринимаемая на изображении или фотографии, является визуальной текстурой. Фотография грубой коры дерева считается визуальной текстурой. Это создает впечатление настоящей текстуры на двухмерной поверхности, которая остается гладкой на ощупь, независимо от того, насколько грубая изображенная текстура. [14]

В живописи используются разные краски для получения разных типов фактур. Такие краски, как масляные , акриловые и энкаустические , более густые и непрозрачные и используются для создания трехмерных отпечатков на поверхности. Другие краски, такие как акварель , как правило, используются для визуальных текстур, поскольку они более тонкие и прозрачные, а также не оставляют на поверхности особой тактильной текстуры. [5]

Шаблон [ править ]

Кажется, что многие текстуры повторяют один и тот же мотив . [5] Когда мотив повторяется снова и снова на поверхности, получается узор . [14] Узоры часто используются в модном или текстильном дизайне , где мотивы повторяются для создания декоративных узоров на ткани или других текстильных материалах. [ необходима цитата ] Шаблоны также используются в архитектурном дизайне , где декоративные структурные элементы, такие как окна , колонны или фронтоны , включаются в дизайн здания. [цитата необходима ]

Пробел [ править ]

В дизайне пространство связано с областью, находящейся глубоко внутри момента обозначенного дизайна, в котором дизайн будет иметь место. В двухмерном дизайне пространство касается создания иллюзии третьего измерения на плоской поверхности: [14]

  • Наложение - это эффект, при котором объекты кажутся поверх друг друга. Эта иллюзия заставляет верхний элемент выглядеть ближе к наблюдателю. Нет возможности определить глубину пространства, только порядок замкнутости.
  • Затенение добавляет метки градации, чтобы объект на двухмерной поверхности казался трехмерным.
  • Highlight, Transitional Light, Core of the Shadow, Reflected Light и Cast Shadow придают объекту трехмерный вид. [14]
  • Линейная перспектива - это концепция, касающаяся того, насколько объект кажется меньше, чем дальше он удаляется.
  • Атмосферная перспектива основана на том, как воздух действует как фильтр, изменяющий внешний вид удаленных объектов.

Форма [ править ]

В визуальном дизайне форма описывается как способ, которым художник размещает элементы во всей композиции. [5] Его также можно описать как любой трехмерный объект. Форму можно измерить сверху вниз (высота), из стороны в сторону (ширина) и сзади наперед (глубина). Форма также определяется светом и темнотой. Это может определяться наличием теней на поверхностях или гранях объекта. Есть два типа формы: геометрическая (искусственная) и естественная (органическая форма). Форма может быть создана путем объединения двух или более форм. Он может быть усилен тоном, текстурой или цветом. Его можно проиллюстрировать или построить.

Принципы оформления искусства [ править ]

Смотрите также: гештальт-законы группировки

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

Единство / гармония [ править ]

По словам Алекса Уайта, автора книги «Элементы графического дизайна» , достижение визуального единства - основная цель графического дизайна. Когда все элементы согласованы, дизайн считается единым. Ни одна отдельная часть не считается более важной, чем дизайн в целом. Должен быть установлен хороший баланс между единством и разнообразием, чтобы избежать хаотичного или безжизненного дизайна. [9]

Методы [ править ]

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

Баланс [ править ]

Это состояние уравновешенного напряжения и равновесия, которое не всегда может быть спокойным. [9]

Типы баланса в визуальном дизайне [ править ]

Верхнее изображение имеет симметричный баланс, а нижнее изображение - асимметричный баланс.
  • Симметрия
  • Асимметричный баланс создает неформальный баланс, привлекающий внимание и динамичный.
  • Радиальный баланс расположен вокруг центрального элемента. Элементы, расположенные в радиальном равновесии, кажутся «исходящими» из центральной точки по кругу.
  • В целом это мозаичная форма баланса, которая обычно возникает из-за того, что на страницу помещается слишком много элементов. Из-за отсутствия иерархии и контраста эта форма баланса может выглядеть шумной, но иногда и тихой.

Иерархия / Доминирование / Акцент [ править ]

Основная статья: Визуальная иерархия

Хороший дизайн содержит элементы, которые проводят читателя через каждый элемент в порядке их значимости. Тип и изображения должны быть выражены от самого важного до наименее важного. Доминирование достигается за счет контрастирования размера, расположения, цвета, стиля или формы. Фокус должен доминировать в дизайне с помощью масштаба и контраста, не жертвуя единством целого. [9]


Масштаб / пропорции [ править ]

Использование относительного размера элементов друг против друга может привлечь внимание к фокусу. Когда элементы проектируются больше, чем жизнь, масштаб используется для демонстрации драмы. [9]

Сходство и контраст [ править ]

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

Подобная среда [ править ]

Есть несколько способов создать похожую среду: [9]

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

Контрасты [ править ]

  • Космос
    • Заполнено / пусто
    • Рядом / Далеко
    • 2-D / 3-D
  • Позиция
    • Лево право
    • Изолированный / сгруппированный
    • По центру / вне центра
    • Сверху / Снизу
  • Форма
    • Простой / Сложный
    • Красота / Уродливость
    • Целый / Сломанный
  • Направление
    • Стабильность / движение
  • Структура
    • Организованный / Хаотичный
    • Механический / Рисованный вручную
  • Размер
    • Большой маленький
    • Глубокий / Мелкий
    • Жирный / тонкий
  • Цвет
    • Серая шкала / цвет
    • Черно-белый / Цвет
    • Светлый темный
  • Текстура
    • Fine / Coarse
    • Гладкая / Шероховатая
    • Резкий / Тусклый
  • Плотность
    • Прозрачный / непрозрачный
    • Толстый, тонкий
    • Жидкость / твердое тело
  • Сила тяжести
    • Полутяжелый
    • Стабильный / нестабильный

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

См. Также [ править ]

  • Композиция (изобразительное искусство)
  • Дизайн интерьера
  • Ландшафтный дизайн
  • Язык шаблонов
  • Элементы искусства
  • Принципы искусства
  • Теория цвета

Примечания [ править ]

  1. ^ a b Ловетт, Джон. «Дизайн и цвет» . Проверено 3 апреля 2012 года .
  2. ^ Шарлотта Джирусек. Искусство, дизайн и визуальное мышление. Интерактивный онлайн-учебник. Cornell.edu, 1995.
  3. ^ Мартин, Джон Генри. Оценка принципа эстетического порядка Мейтленда Грейвса. Магистерская диссертация, Университет Конкордия, 1972 год.
  4. ^ Graves, Maitland, E. Искусство цвета и дизайна. 2-е изд. Нью-Йорк, штат Нью-Йорк: Макгроу-Хилл, 1951.
  5. ^ a b c d e f g h i j k l m n o p q r s t u E., Маллой, Каойме (26 сентября 2014 г.). Искусство театрального оформления: элементы визуальной композиции, приемы, практика . Нью-Йорк. ISBN 9781138021501. OCLC  882620042 .
  6. ^ "Основная теория цвета" . цвет имеет значение . Дата обращения 1 марта 2019 .
  7. ^ a b Джаспер, Адам (4 мая 2014 г.). «Теория цвета». Обзор архитектурной теории . 19 (2): 119–123. DOI : 10.1080 / 13264826.2014.991017 . ISSN 1326-4826 . S2CID 218640469 .  
  8. ^ a b c d e f g h Visual Color Design, 16-я Международная конференция Информация о визуализации (IV 2012 г.): Монпелье, Франция, 11-13 июля 2012 г. (PDF) . Компьютерное общество IEEE. Лос-Аламитос, Калифорния: Компьютерное общество IEEE. 2012. ISBN  9781467322607. OCLC  823906734 .CS1 maint: другие ( ссылка )
  9. ^ Б с д е е г ч я J White, Алекс (2011). Элементы графического дизайна . Нью-Йорк, штат Нью-Йорк: Allworth Press. С. 81–105. ISBN 978-1-58115-762-8.
  10. ^ a b c d e «Процесс архитектурного цветового дизайна: оценка последовательных медиа с помощью семантических рейтингов» . ResearchGate . Проверено 12 ноября 2018 .
  11. ^ Ло Минг Ronnier (2006-06-01). «Применение науки о цвете в цветовом дизайне». Оптика и лазерные технологии . 38 (4–6): 392–398. Bibcode : 2006OptLT..38..392L . DOI : 10.1016 / j.optlastec.2005.06.025 . ISSN 0030-3992 . 
  12. ^ a b c Тантанатевин, Варакул; Инкароджрит, Ворапат (01.06.2016). «Влияние цвета и освещения на впечатление и идентичность розничной торговли». Журнал экологической психологии . 46 : 197–205. DOI : 10.1016 / j.jenvp.2016.04.015 . ISSN 0272-4944 . 
  13. ↑ Синди Ковалик, доктор философии. и Пегги Кинг, M.Ed. «Визуальная грамотность» . Проверено 27 марта 2010 .CS1 maint: несколько имен: список авторов ( ссылка )
  14. ^ a b c d e f g h Я Пила, Джеймс. «Заметки разработчика» . Паломарский колледж . Проверено 3 апреля 2012 года .

Ссылки [ править ]

  • Килмер Р. и Килмер В. О. (1992). Проектирование интерьеров. Orland, FL: Холт, Райнхарт и Уинстон, Inc. ISBN 978-0-03-032233-4 . 
  • Нильсон, К.Дж., и Тейлор, Д.А. (2002). Интерьеры: Введение. Нью-Йорк: ISBN McGraw-Hill Companies, Inc. 978-0-07-296520-9 
  • Пайл, Дж. Ф. (1995; четвертое издание, 2007 г.). Дизайн интерьера. Нью-Йорк: Гарри Н. Абрамс, Inc. ISBN 978-0-13-232103-7 
  • Салли, Энтони (2012). Дизайн интерьера: теория и процесс . Лондон: Блумсбери. ISBN 978-1-4081-5202-7 . 

Внешние ссылки [ править ]

  • Искусство, дизайн и визуальное мышление . Интерактивный онлайн-учебник Шарлотты Джирусек из Корнельского университета.
  • 6 принципов дизайна