WikiDer > Элементы и принципы визуального дизайна - Википедия

Visual design elements and principles - Wikipedia

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

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

Элементы дизайна искусства

Смотрите также: Элементы искусства

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

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

Цвет

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

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

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

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

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

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

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

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

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

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

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

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

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

Линия

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

Точка

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

Форма

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

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

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

Типы фигур

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

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

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

Текстура

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

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

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

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

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

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

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

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

Шаблон

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

Космос

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

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

Форма

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

Принципы дизайна искусства

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

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

Единство / гармония

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

Методы

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

Баланс

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

Виды баланса в визуальном дизайне

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

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

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

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


Масштаб / пропорция

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

Сходство и контраст

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

Подобная среда

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

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

Контрасты

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

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

Смотрите также

Примечания

  1. ^ Уильям Лидвелл; Критина Холден; Джилл Батлер (2010). Универсальные принципы дизайна, пересмотренные и обновленные: 125 способов улучшить юзабилити, повлиять на восприятие, повысить привлекательность, принимать лучшие дизайнерские решения и обучать через дизайн. Издательство Rockport. п.13. ISBN 978-1-59253-587-3.
  2. ^ а б Ловетт, Джон. «Дизайн и цвет». Получено 3 апреля 2012.
  3. ^ Шарлотта Джирусек. Искусство, дизайн и визуальное мышление. Интерактивный онлайн-учебник. Cornell.edu, 1995.
  4. ^ Мартин, Джон Генри. Оценка принципа эстетического порядка Мейтленда Грейвса. Магистерская диссертация, Университет Конкордия, 1972 год.
  5. ^ Грейвс, Мейтленд, Э. Искусство цвета и дизайна. 2-е изд. Нью-Йорк, Нью-Йорк: Макгроу-Хилл, 1951.
  6. ^ а б c d е ж грамм час я j k л м п о п q р s т ты Э., Маллой, Каоимэ (26 сентября 2014 г.). Театральное оформление: элементы визуальной композиции, приемы, практика.. Нью-Йорк. ISBN 9781138021501. OCLC 882620042.
  7. ^ "основная теория цвета". цвет имеет значение. Получено 1 марта 2019.
  8. ^ а б Джаспер, Адам (4 мая 2014 г.). «Теория цвета». Обзор архитектурной теории. 19 (2): 119–123. Дои:10.1080/13264826.2014.991017. ISSN 1326-4826. S2CID 218640469.
  9. ^ а б c d е ж грамм час Visual Color Design, 16-я Международная конференция Информация по визуализации (IV 2012 г.): Монпелье, Франция, 11-13 июля 2012 г. (PDF). Компьютерное общество IEEE. Лос-Аламитос, Калифорния: Компьютерное общество IEEE. 2012 г. ISBN 9781467322607. OCLC 823906734.CS1 maint: другие (связь)
  10. ^ а б c d е ж грамм час я j Белый, Алекс (2011). Элементы графического дизайна. Нью-Йорк, штат Нью-Йорк: Allworth Press. С. 81–105. ISBN 978-1-58115-762-8.
  11. ^ а б c d е «Процесс архитектурного цветового дизайна: оценка последовательных медиа с помощью семантических рейтингов». ResearchGate. Получено 2018-11-12.
  12. ^ Луо, Мин Ронье (01.06.2006). «Применение науки о цвете в цветовом дизайне». Оптика и лазерные технологии. 38 (4–6): 392–398. Дои:10.1016 / j.optlastec.2005.06.025. ISSN 0030-3992.
  13. ^ а б c Тантанатевин, Варакул; Инкароджрит, Ворапат (01.06.2016). «Влияние цвета и освещения на впечатление и идентичность розничной торговли». Журнал экологической психологии. 46: 197–205. Дои:10.1016 / j.jenvp.2016.04.015. ISSN 0272-4944.
  14. ^ Синди Ковалик, Ph.D. и Пегги Кинг, M.Ed. «Визуальная грамотность». Получено 2010-03-27.CS1 maint: несколько имен: список авторов (связь)
  15. ^ а б c d е ж грамм час я Видел, Джеймс. «Заметки разработчика». Паломарский колледж. Получено 3 апреля 2012.

Рекомендации

внешняя ссылка