Термины дизайн: Термины графического дизайна — Графический дизайн Ana’s Design

Термины графического дизайна — Графический дизайн Ana’s Design

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

Айдентика

Айдентика — это русская производная от английского слова identity (идентичность). Необходимость введения такого понятия вызвана ростом конкуренции на рынке. Компаниям нужна узнаваемость в социуме

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

Айдентика направлена на формирование отношения к компании, впечатления от нее, ее образа в глазах потребителей. Она, как правило, не меняется на протяжении истории компании.

Фирменный стиль

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

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

Логотип

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

Логотип выражает индивидуальность компании. Успешная разработка логотипа определяет эффективность всего фирменного стиля.

Брендбук

Брендбук— это документ, в котором приводятся стандарты официального стиля компании, правила, соответствующие ценностям компании, целям ее развития и другим характеристикам.

Как правило, брендбук включает в себя три обязательных раздела.

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

В разделе о фирменном стиле дается подробное описание элементов фирменного стиля, логотипа, фирменных шрифтов, цветов, слоганов и других объектов стиля компании.

В разделе «Правила взаимодействия» приводятся правила, по которым происходит общение компании с окружающим миром и потребителем, производимого товара. Это и описания языка и манер общения, стили оформления писем, документации, блогов и социальных платформ.

Иными словами, брендбук — это книга, в которой приведено подробное описание айдентики.

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

Гайдлайн

Гайдлайн — это инструкция, которая определяет правила использования фирменного стиля, его элементов, логотипа, фирменных шрифтов, цветов.

Он используется при разработке печатной, рекламной продукции, деловой документации, сайтов.

Мокап

Мокап — это специализированное понятие, используемое дизайнерами.

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

Сегодня мокап — это специально разработанные программы позволяющие создавать в трехмерном изображении практически любые шаблоны.

Использование мокап упрощает взаимодействие дизайнера и заказчика и уже на стадии разработки позволяет увидеть и внести необходимые доработки и изменения.

Паттерн

Паттерн — это часто используемый дизайнерами узор из повторяющихся элементов.

Паттерн или фирменный узор является одним из часто используемых элементов фирменного стиля.

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

Для разнообразия в оформлении фирменного стиля патерн может быть использован в нескольких цветовых гаммах.

Фавикон

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

Фавикон сегодня тоже один из важных элементов фирменного стиля. Разработка фавикона подчиняется специфическим требованиям — минимум размера и минимум деталей.

Фирменный шрифт

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

Фирменный шрифт — это набор букв цифр, знаков препинания и других символов, определяющих начертание, ширину, интервалы, размеры и другие параметры.

При разработке фирменного стиля дизайнеры пользуются еще несколькими понятиями.

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

Леттеринг — это рисование букв, или рисунок из букв. Своего рода ручная работа. И иногда в фирменном стиле используются рисунки из букв.

Каллиграфия — это искусство письма, способ красиво написать букву.

При разработке фирменных стилей необходимо также учитывать расстояние между буквами и строками. Они определяются следующими понятиями.

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

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

Интерлиньяж — это расстояние между строками текста. Расстояние необходимо учитывать, что бы достичь оптимального баланса в тексте.

Форматы и цвета в терминах графического дизайна

Фирменные цвета

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

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

Модель RGB — эта аббревиатура расшифровывается как Red, Green, Blue (красный, зеленый, синий). Из этой тройки составляются все оттенки цветов на экранах компьютера.

Цветовая модель CMYK используется в типографии. В этой модели формирование палитры цветов осуществляется смешиванием четырех красок: голубого (Cyan), пурпурного (Magenta), желтого (Yellow) и черного (ключевого цвета, Key color).

Многие цвета модели RGB не могут сформироваться в модели CMYK — при печати они изменяются, и цвет может отличаться от выводимого на экран компьютера.

Для исключения этих изменений при печати разработана цветовая модель Pantone. Бумажные каталоги Pantone имеются в каждой типографии. Эти каталоги служат для визуализации получаемого при печати цвета. Для каждого оттенка цвета в каталоге Pantone указывается точное содержание цветов из модели CMYK. Остается только выбрать необходимый цвет в каталоге Pantone для получения требуемых цветов при печати.

Форматы изображений

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

Сегодня используются следующие форматы изображения, это Растровая и Векторная графики.

Растровое изображение

Растровое изображение состоит из множества маленьких ячеек – пикселей, которые содержат информацию о цвете. Наиболее знакомые растровые форматы — это JPEG, PNG.

Использование растрового формата позволяет создать изображение любой сложности с множеством деталей и большой палитрой цвета.

Изображения в растровом формате наиболее часто встречаются, так как сегодня имеется достаточно много программ, позволяющих создавать и редактировать их.

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

Векторное изображение

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

Популярные векторные форматы SVG, AI.

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

Векторные изображения можно изменять в масштабе без потерь. Они занимают малый объем памяти для хранения. Это хороший инструмент для создания фавикона.

Но создание и редактирование векторного изображения требует определенных знаний и сложных вычислительных процессов.

---

В настоящей статье приведена только часть используемых дизайнерами терминов графического дизайна и инструментов. Искусство создания айдентики постоянно развивается, усложняется.

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

41 термин в дизайне, полезный для UX-исследователя / Хабр

Работа с UX-дизайнерами и знакомство с их словарным запасом — это почти изучение нового языка. Давайте посмотрим на 41 часто используемый дизайнерский термин. Для лучшего взаимопонимания в команде.

Flat Design (Плоский дизайн)

Flat Design — это минималистский стиль дизайна пользовательского интерфейса. Он характеризуется фокусированием на использовании простых двухмерных элементов с яркими цветами.

Ник Бабич (Nick Babich) из UX Planet называет flat design «более сложным кузеном минимализма», поскольку все элементы пользовательского интерфейса основаны на простоте.

Отличным примером плоского дизайна является целевая страница Dropbox Basic. Как видите, элементы пользовательского интерфейса настолько минимальны, что освещают содержание страницы.

Interaction Design (Интерактивный дизайн)

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

Material Design (Материальный дизайн)

Material Design, часто называемый просто материалом, — это язык дизайна, разработанный Google и используемый на устройствах Android.

Вот краткое вводное видео об этом от Google:

Iterative Design (Итеративный дизайн)

Iterative Design — это методология проектирования, которая не ограничивается четким началом или остановкой. Вместо этого это циклический метод проектирования, который включает в себя создание прототипа, планирование, реализацию, тестирование, а затем повторение этого процесса. По результатам тестов вносятся изменения для подготовки дизайна, наиболее подходящего пользователям.

Design sprints (Дизайн-спринты)

В гибкой разработке программного обеспечения спринт определяется как периоды времени, отведенные для выполнения определенных задач «спринтов». Их продолжительность может варьироваться, но обычно составляет около 1–3 недель. Однако в дизайне спринт — это уникальный пятидневный процесс проверки идей и решения больших проблем путем создания прототипов и тестирования идей с клиентами.

Brand Identity (Фирменный стиль)

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

Mood board (Доска настроения)

Mood board — это набор материалов и полезностей, которые помогают определить определенный стиль продукта (например, веб-сайта или приложения) с помощью изображений, текста, цветов и других элементов брендинга. Это дает представление о голосе, направлении, языке и стиле конкретного проекта, дизайна или бренда. В отличие от большинства других пошаговых методов сбора данных, мудборд по своей природе свободен.

Доска настроения используется всеми дизайнерами, в том числе теми, кто занимается дизайном UX, графики, моды и т.д.

Storyboard (Раскадровка)

Storyboard — это визуальное представление пользовательского опыта работы с продуктом или проблемным пространством. Эту технику дизайнеры переняли, и она очень похожа на создание комиксов.

User Journey Maps / UX Flow / Flowchart

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

Есть ли различия между картами пути пользователя и потоками UX? — Да.

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

В то время как UX-потоки имеют более формальные правила (вероятно, из-за их происхождения в виде блок-схем).

Wireframe (Каркас)

Думайте о каркасах как о проекте экрана. Они представляют собой низкокачественное представление макета и содержания веб-сайта.

Wireflow

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

Чуть больше про Wireflow

Wireflow — это не скетч. Wireframe-ы специально никак не связаны с дизайном, чтобы демонстрировать как сайт/приложение будет работать, а не выглядеть. В wireframe все выглядит схематично, но за этими чертежами стоят многие часы раздумий. Каждый небольшой блок должен быть спланирован и расположен в нужном месте. Каждая ссылка должна куда-то вести. Каждая страница должна быть доступна по ссылке с другой страницы. Каждая кнопка должна быть там, где она нужна пользователю, и не быть там, где от нее нет толку. Лишь 10% создания wireframe-ов приходится на рисование; 90% занимает процесс продумывания.

Mockup (Макет)

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

MVP

MVP или минимально жизнеспособный продукт(minimum viable product) относится к основному набору функций, с которыми мы можем запустить продукт, чтобы начать работу. Это не означает, что мы не будем развивать дальнейшие элементы или части. Продукты часто запускаются как MVP для быстрого выпуска и сбора ценных отзывов пользователей.

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

Low and High-fidelity protos

Прототипы с низкой и высокой точностью

На ранних этапах вы можете создавать бумажные прототипы (с низкой точностью Low protos) карандашом и бумагой для проверки концепций или течений. Позже, после проверки алгоритмов и концепций, вы можете перейти на программное обеспечение для проектирования, такое как Sketch, для создания прототипа с высокой точностью (High-fidelity protos). Прототипы будут выглядеть не как каракули, а как приложения на вашем мобильном устройстве, и их можно будет использовать для точной настройки деталей вашего пользовательского интерфейса.

Adaptive design (Адаптивный дизайн)

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

Responsive design (Отзывчивый веб-дизайн)

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

Про разницу Адаптивного и Отзывчивого

Читать тут

Affordance (Ухватистость или провоцировательность)

Affordance — это подсказки, которые говорят нам, как элемент может взаимодействовать с нами. Представьте себе дверь. Ручка — это «подсказка», которая сообщает нам, что её можно тянуть или толкать.

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

Picker (Сборщик)

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

Bar (Панель навигации)

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

Панель вкладок (Tab bar) — в различных приложениях устройства она отображается в нижней части экрана приложения и дает возможность быстро переключаться между различными разделами приложения.

UI Element

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

UI Pattern

Шаблоны пользовательского интерфейса — это многократно используемые решения распространенных проблем удобства использования в продуктах или в Интернете, выраженные в виде набора элементов пользовательского интерфейса.

Подумайте об экране входа в систему. Обычный шаблон пользовательского интерфейса входа в систему состоит из двух полей ввода, одного для имени пользователя и одного для пароля, и кнопки для их отправки. Мы называем этот набор элементов — шаблоном входа в систему.

Widget (Виджет)

Виджет — это просто экранный элемент, с которым взаимодействуют пользователи. Примеры виджетов: ползунки, инструменты календаря, кнопки, контактные формы…

Pixel (Пиксель)

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

Hierarchy (Иерархия)

Иерархия — это визуальное расположение элементов дизайна, подчеркивающее важность.

Breadcrumbs (Хлебные крошки)

Хлебные крошки — это вспомогательные средства навигации, которые сообщают пользователям, где они находятся на веб-сайте. Это позволяет пользователям повторять свои шаги на многоуровневых веб-сайтах. Несмотря на свой второстепенный статус, крошки используются с 1995 года, помогая сделать дизайн более удобным для пользователя.

API

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

Onboarding (Адаптация)

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

Lorem Ipsum (Текст рыба)

Также известное как «фиктивная копия», lorem ipsum — это общий текст-заполнитель, используемый, когда настоящий текст недоступен. Он используется в качестве текста-заполнителя, чтобы продемонстрировать, как будет выглядеть дизайн после того, как будет добавлен реальный основной текст.

Legibility (Разборчивость)

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

Microcopy (Микрофотокопия)

Это небольшие фрагменты текста, которые вы видите в приложениях или на веб-сайтах, которые помогают вам перемещаться по нему. Подумайте о ярлыках на кнопках, сообщениях об ошибках, тексте-заполнителе в полях ввода и тексте во всплывающих подсказках. Небольшие фрагменты текста — большое влияние на UX вашего продукта.

Grid System (Сетка)

Системы сеток — это организационные инструменты, которые помогают дизайнерам (особенно графическим дизайнерам) размещать контент на экране. Они состоят из вертикальных и горизонтальных линий, образующих то, что мы называем столбцами и строками.

Scale (Масштаб)

Масштаб характеризует изменение размера объекта при сохранении его формы и пропорций. Большой масштаб может создать драму, а маленький может создать мелкие детали.

Color Theory (Теория цвета)

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

Cool Colors (Холодные цвета)

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

Warm Colors (Теплые цвета)

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

Gradient (Градиент)

Как видно на двух картинках выше, это постепенное изменение цвета от одного тона к другому.

Opacity (Прозрачность)

Степень прозрачности элемента. Чем ниже непрозрачность, тем прозрачнее элемент.

Resolution (Разрешение)

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

Contrast (Контраст)

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

Saturation (Насыщенность)

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

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

Основные термины графического дизайна простыми словами

Основные термины графического дизайна

Если вы не работаете в сфере графического дизайна, то некоторые понятия и термины могут сбить вас с толку. Например, такие слова как кернинг, лигатура или вектор, могут не иметь для вас смысла при разговоре с дизайнером, но они встречаются довольно часто.

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

Чтобы найти в тексте какое-то конкретное слово, лучше воспользоваться поиском, нажав сочетание клавиш Ctrl + F (для windows) или Command + F (Mac OS).

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

Если Вас интересует разработка логотипа от профессионального дизайнера, узнать стоимость и заказать логотип можно на странице соответствующей услуги, нажав на кнопку ниже:

Разработка логотипов

Графический дизайн

Графический дизайн

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

Растровое изображение

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

Наиболее популярные растровые форматы: *jpg, *png, *bmp, *psd.

Векторное изображение

Векторное изображение (Вектор) — изображение, построенное из кривых, линий и точек в специальном графическом редакторе, предназначенном для работы с векторными изображениями.

Основные векторные форматы: *eps, *ai, *cdr, *svg.

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

Эскиз

Эскиз. Эскиз представляет собой набросок концепции дизайна, не обязательно подробный. Он помогает дизайнерам визуализировать и отшлифовать идеи перед тем, как начать работу на экране.

Рис. 1. Подробный эскиз логотипа и готовый лого, разработанный в Fire-logo.ru

Фавикон (favicon)

Фавикон (favicon) — иконка сайта, отображаемая слева от него во вкладке браузера или в поисковой выдаче.

Рис. 2. Фавикон сайта

Паттерн

Паттерн — это узоры, с повторяющимися линиями, формами и цветами, которые работают согласованно друг с другом. В бесшовном шаблоне все элементы паттерна, независимо от того сколько раз они повторяются, объединяются в единое целое.

Паттерны часто служат элементом фона на веб сайтах, также они служат неотъемлемой частью дизайна обоев.

Рис. 3. Паттерн

Текстура

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

Рис. 4. Текстура мрамора

Мокап, макет (Mockup)

Мокап, макет (Mockup) — это реалистичное и, как правило, трехмерное представление дизайна. Оно используется для того, чтобы показать, как будет выглядеть дизайн в реальном мире.

Рис. 5. Мокап вывески

Маскот

Маскот — персонаж (талисман), которого используют в логотипах или независимо от них.

Рис. 6. Маскот логотип, разработанный в Fire-logo.ru

Негативное пространство

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

Рис. 7. Логотип, использующий негативное пространство

Размытие

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

Рис. 8. Эффект размытия заднего фона

Насыщенность

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

Рис. 9. Эффект насыщенности

Читаемость

Читаемость — степень легкости чтения текста.

Плоский дизайн (flat дизайн)

Плоский дизайн (flat дизайн) — минималистичный подход к дизайну, ориентированный на простоту и удобство использования. В плоском дизайне обычно применяют 2D иллюстрации, яркие цвета и четкие края.

Рис. 10. Пример плоского дизайна

PPI / DPI

PPI / DPI — Два измерения, используемые для измерения разрешения.

PPI означает количество пикселей на дюйм, в то время как DPI означает количество точек на дюйм — они относятся к количеству пикселей или точек, соответственно, которые могут быть размещены в линию через один линейный дюйм.

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

Оверпринт (Overprint)

Оверпринт (Overprint) — метод наложения одного цветного объекта на другой без образования выворотки (непропечатанном месте) в процессе допечатной подготовки полиграфической продукции.

Рис. 11. Без оверпринта (сверху) и с оверпринтом (снизу)

Треппинг

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

Рис. 12. Треппинг

Логотипы и брендинг

Многие люди не знают, в чем заключается разница между логотипом и товарным знаком.

Логотип

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

Товарный знак

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

Логомарк

Логомарк — это логотип компании, Который не содержит самого названия бренда. Как правило, это символ или графический элемент, используемый для визуального представления компании.

В качестве примера подобных логотипов можно назвать лого таких крупных компаний, как Twitter и Apple.

Лигатура

Лигатура. Под лигатурой понимается объединение двух и более символов в один знак.

Рис. 13. Лигатура

Монограмма

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

Рис. 14. Монограммы

Айдентика

Айдентика — построение образа бренда в глазах потребителей, главная цель которого — повышение узнаваемости и степени лояльности.

К основным элементам айдентики относятся: Фирменный стиль, Логотип и Брендбук.

Фирменный стиль

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

Гайдлайн

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

Брендбук

Брендбук — официальный документ компании, где описан весь бренд, его концепция и идеи, потенциальная аудитория, позиционирование фирмы, фирменный стиль и правило его использования.

Брендбук призван помочь менеджерам и маркетологам в развитии бренда и построении правильной коммуникации с потребителем.

Логобук

Логобук. Логобук можно назвать мини версией брендбука. Логобук содержит информацию только о логотипе, правилах его использования и цветах.

Шрифты и типографика

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

Вот некоторые из широко встречаемых терминов:

Типографика

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

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

Системный шрифт

Системный шрифт — основной шрифт, используемый операционной системой компьютера или мобильного телефона.

Каллиграфия

Каллиграфия — процесс ручного создания красивых букв и символов, а также их гармоничное объединение в слова.

Рис. 15. Каллиграфия

Скрипт

Скрипт — это шрифт, имитирующий почерк.

Леттеринг

Леттеринг — вырисовывание букв и символов в единую гармоничную композицию. Главное отличие леттеринга от каллиграфии в том, что в леттеринге буквы именно рисуются а в каллиграфия не терпит дорисовок. Все буквы должны быть четко выверены и выполнены в едином стиле.

Рис. 16. Пример леттеринга, разработанного в Fire-logo.ru

Кегль

Кегль — это размер шрифта, его высота. Измеряется в пунктах (пт).

Кернинг

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

Рис. 17. кернинг и трекинг

Трекинг

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

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

Интерлиньяж

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

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

Рис. 18. Интерлиньяж

Гарнитура

Гарнитура — набор из одного и более шрифтов, имеющий общий дизайн и отличающихся между собой по толщине, наклону и стилю.

Засечки

Засечки — это небольшая линия, которая появляется в конце буквы в некоторых гарнитурах — эти гарнитуры известны как шрифты с засечками. Шрифты с засечками легче читать в печатном дизайне, поскольку засечки делают буквы более различимыми, а их форма облегчает распознавание даже букв. Известные примеры шрифтов с засечками включают Baskerville, Times New Roman и Garamond.

Рис. 19. Засечки

«Lorem Ipsum»

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

Цвета и цветовые профили

Цвет является очень важным фактором в дизайне. Вот несколько терминов графического дизайна, относящихся к цветам.

Градиент

Градиент — это постепенное изменение цвета. Градиент является одним из самых часто употребляемых терминов графического дизайна. Обычно используют 2 типа градиентов — линейный и радиальный.

Рис. 20. Линейный и радиальный градиенты

Монохромный

Монохромный — палитра оттенков одного цвета. Например, серая шкала является примером монохромности. Монохромной оттенок всегда приятен для глаз.

Рис. 21. Монохромные цвета

Непрозрачность

Непрозрачность — степень прозрачности элементов дизайна. Более низкая непрозрачность означает высокую прозрачность элемента. Твердые объекты имеют непрозрачность 100%. С помощью непрозрачности можно создавать теневые эффекты в дизайне.

Hex

Hex — код, представляющий собой комбинацию из шести цифр и букв. Hex содержит в себе информацию о трех цветах RGB пространства.

Цветовая модель (Цветовое пространство)

Цветовая модель (Цветовое пространство) — это определенный диапазон цветов.

CMYK

CMYK является цветовой моделью (пространством) и расшифровывается как C — Cyan (голубой), M — Magenta (пурпурный), Y — Yellow (желтый) и K — Key color (черный). Это 4 основных цвета, из которых печатается вся полиграфическая продукция.

Рис. 22. Цветовые модели RGB и CMYK

RGB

RGB тоже является цветовой моделью и очень похож на своего собрата CMYK.

RGB расшифровывается как R — Red (красный), G — Green (зелёный), B — Blue (синий).

RGB, путем смешения цветов, образует более широкий спектр цветовых оттенков, нежели CMYK и применяется в создании цифрового дизайна.

Pantone

Система соответствия Pantone — стандартная цветовая схема для печати, используемая в ряде отраслей, включая дизайн продукции и производство. Каждому цвету дается определенный номер и название, что позволяет идентифицировать их и воспроизводить позже.

Итог

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

Поделиться

Словарь популярных терминов в дизайне

• Линки
• Исходник или файл, сбитый (слитый) в один слой
• Разрешение
• Резкость
• Фокус / расфокус
• Шум
• Припуски / поля под обрез / вылеты
• Обрезной формат

Профессиональные термины из интернет-маркетинга и дизайна простым понятным языком. Углубленный курс. После прочтения вы сократите время на словесный пинг-понг. 7 терминов, 4 минуты 52 секунды на прочтение.

Линки

Есть такая программа: «Adobe Illustrator». С большой вероятностью дизайнер работает в ней: в этой программе очень удобно готовить макеты т.к. есть возможность подлинковывать внутрь одного файла другие файлы. Подлинковать — это поместить сторонний файл, другого формата, внутрь программы.
Т.к. физически файл лежит отдельно — веса готового макета в самой программе он не увеличивает и программа быстро работает. Макет хранит только ссылку на нужный файл — линк. Не будет линка = программа не сможет ничего разместить в этом месте макета. Как показать то, что не лежит по указанному адресу?

Поэтому, если вы отдаёте в работу иллюстраторовский (.ai) файл, следите, чтобы в папочке links были приложены все линки, которые используются в макете.

*Макет может вообще не содержать линков, если это простой векторный файл, но лучше всё-таки уточнить. Особенно удобно, если линк остаётся по слоям, а не сбитым в один слой, в чём выгода — читайте ниже.

Исходник или файл, сбитый (слитый) в один слой

В исходник можно быстро и просто вносить изменения: передвинуть объекты местами, уменьшить или увеличить размер текста, в освободившееся место дописать что-то. В сбитый файл — нет. Потому что исходник хранит всю информацию по слоям (картинка ниже), объекты не связаны между собой, одно можно изменять, не вредя другому. Чтобы сделать такое в сбитом файле, придётся обвести один объект, передвинуть, в появившейся дырке дорисовать «заплатку» из фона. Послойный файл — это коллаж из наложенных, но не склеенных друг с другом объектов. Файл, сбитый в один слой — это, пусть и хороший, но рисунок на цельном листе бумаги.

Слои в исходнике:
Файл, сбитый в один слой:

Разрешение

А теперь загадка, о чём здесь речь?
Конечно, о разрешении. Разрешение — это количество маленьких точек при печати на дюйм: dpi («dots per inch — точек на дюйм»). Чем выше разрешение, тем больше можно увеличить картинку, а она будет оставаться в хорошем качестве. Однако не стоит гнаться за неоправданно огромными числами в файлах. К чему вам качество внутри компьютерного файла 3 000 dpi, если принтер в лучшем случае способен выдать картинку в 300 dpi? Это лишь лишний вес файла.

Оптимальное разрешение для полиграфии = 300 dpi, для наружки = 72 dpi (хотя сами печатники признаются, что и того меньше, эти макеты смотрят на расстоянии, высокое качество здесь не требуется, главное — сделайте перед итоговой печатью цветопробу, типография предоставляет её бесплатно).

Резкость

Понятие «резкость» плотно связано с разрешением. Если очень упрощённо, то резкость отвечает за различимость деталей на изображении. Степень контрастности между соседними точками. Особенно это важно при работе с текстурами ткани. Как раз на воспринимаемую резкость изображения влияют два фактора: разрешение и чёткость.

Фокус / расфокус

Чтобы после обработки получить картинку отличного качества, нужно позаботиться о высоком качестве самого снимка. Ретушь только «вытягивает» и украшает уже данное кадру. Косметика, а не пластическая хирургия. Коммуникации требуют и высокого разрешения (бОльшего количества точек), и высокой чёткости (чёткие границы между этими точками). Однако камера имеет ограничение и может сфокусироваться (сделать резким) только конкретный план (близкий объект, средний, дальний). Если часть изображения в фокусе (на нём хорошая резкость), то часть уходит в расфокус (потеря резкости, размытость), как быть в таком случае? Когда нужен полностью резкий кадр, фотографы создают композитное изображение. Поочерёдно взяв в фокус разные планы, а затем объединив изображение в одну картинку, где взяты самые резкие детали.

Шум

Помните чёрно-белую дребезжащую картинку по ТВ, когда один из каналов не работает? Теперь представьте, что такая картинка накладывается на рабочее изображение, в тенях начинают проявляться непонятные точки, которые появились не из-за фактуры в кадре и точно лишние. Это и есть шум.
Такое происходит из-за несовершенства техники и недостатка света. Обычно шум негативно влияет на изображение, словно бы невпопад «бьёт» его на мелкие кусочки, однако небольшое количество шума может повысить ощущение резкости (картинка ниже). Такое сознательное добавление шума могут использовать для искусственного повышения резкости, борьбы с «замыленными» текстурами не очень хорошего качества (трава, кирпичи, картон), или при ретуши, когда пришлось убрать средние частоты и появилось слишком большое ощущение гладкости и пластика.

Припуски / поля под обрез / вылеты

Вы видите готовые визитки вот так:
а печатник и дизайнер видят макет так:
Видите сколько макета добавилось по периметру? Ровно по 5 мм с каждой стороны. Добавленное — и есть поля под обрез. Они же припуски. Они же вылеты. Если после печати визитки будут разрезаны неровно (а так и будет), это не бросится в глаза: по краю не останется противной белой полосочки: ведь мы печатали фон с запасом. Какими поля должны быть, точно укажет в технических требованиях типография, но обычно в пределах 5 мм. Информация важная, нужная, её лучше уточнить.

Обрезной формат

То, что остаётся после того, как поля срежут. Он же — размер готового изделия.
Вот и всё! 7 терминов графического и не только дизайна. 4 минуты 52 секунды. Если вам понравилось, не забудьте прочитать ещё

одну часть

.

65 терминов дизайна, которые вам следует знать — Оди. О дизайне

Дизайнерам бывает непросто описать визуальную часть проекта, поскольку не все разбираются в дизайне. Будучи фрилансером, вам необходимо донести свою идею до потенциальных клиентов и объяснить (или продать) свой дизайн. К тому же умение давать обратную связь и понимание заказчиком того, о чем вы говорите, делает вас дизайнером, которому можно доверять.

В этой статье мы рассмотрим 65 терминов дизайна, которые помогут доносить суть концепций дизайна простыми словами. Язык дизайна очень обширен и может быть сложным для понимания, особенно для тех, кто не является специалистом в этой области. Поэтому, возможно, этот список определений поможет вам разобраться в том, как можно объяснить термины дизайна так, чтобы вас понимали.

10 основных терминов дизайна

Композиция (Composition)

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

Баланс (Balance)

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

Выравнивание или Выключка (

Alignment)

Под выравниванием понимается расположение элементов в макете в одну линию. Выравнивание может быть по левому краю, по правому краю, по ширине или по центру.

Чтобы получить больше информации на эту тему, рекомендуем ознакомиться с серией статей Игоря Штанга про выключку:

Памятка верстальщика

Выключка по формату

Выключка по левому краю

Выключка по центру

Выключка по знаку

Выключка по правому краю

Повторение (Repetition)

Повторение создает последовательность за счет многократного повтора одного и того же элемента в макете.

Контраст (Contrast)

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

Свободное пространство (

Negative Space)

Свободное пространство — это пустая область вокруг элемента дизайна. Оно используется для того, чтобы выделить определенные части макета и обратить внимание на конкретный элемент.

Иерархия (Hierarchy)

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

Разница между Симметрией и Асимметрией (

Symmetry / Asymmetry)

Симметрия означает равное количество элементов, расположенных на странице. Если провести вертикальную линию через центр страницы, то элементы будут либо зеркально отражены по отношению друг к другу, либо визуальный вес каждой половины будет одинаковым.

Противоположностью симметрии является асимметрия. Элементы по обе стороны от центральной линии неравны и могут нарушать баланс в дизайне.

Сетка (Grid)

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

Если вы хотите узнать больше о композиции и терминах дизайна, возможно, вы найдете полезной эту статью: The Principles of Design

11 важных терминов цвета

Разница между схемами CMYK и RGB

Давайте рассмотрим некоторые термины цвета. Аббревиатура CMYK расшифровывается как голубой (Cyan), пурпурный (Magenta), желтый (Yellow) и базовый (черный) (Key (Black)). Это четыре основных цвета, которые используются для печати. Цвета CMYK не такие яркие, как RGB. Дело в том, что схема CMYK является субтрактивной. Это означает, что цвета работают с отражаемым светом. (Отражаемый свет — это свет, который «отскакивает» от поверхности объекта, отражается от него. Излучаемый свет — это свет, который исходит из какого-либо активного источника: лампочки, экрана монитора, телевизора).

Цвета RGB используются только на экране. Аббревиатура RGB расшифровывается как красный (Red), зеленый (Green) и синий (Blue). Эта цветовая модель является аддитивной, то есть, комбинация этих трех цветов создает большой диапазон различных оттенков.

Цветовая модель Grayscale

В лексике графического дизайна Grayscale — это монохроматическая палитра, в которой используются различные оттенки серого.

Непрозрачность (Opacity)

Это уровень прозрачности элемента. Чем меньше значение непрозрачности, тем прозрачнее элемент. Если значение непрозрачности установлено на 100%, это означает, что объект является полностью непрозрачным.

Насыщенность (Saturation)

Насыщенность — это интенсивность цвета. Можно заметить, что насыщенные изображения выглядят более яркими и красочными. Ненасыщенные — тусклые и почти бесцветные.

Разница между Тоном (Hue), Тональностью (Tone) Оттенком (Tint) и Тенью (Shade)

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

Тональность (Tone) — это тон с добавлением серого. Тональность снижает интенсивность цвета, и он может стать тусклым.

Оттенок (Tint) — это тон с добавлением белого, чтобы осветлить его и сделать более бледным. Оттенок может варьироваться от чуть более светлого цвета до полностью белого, почти бесцветного.

Тень (Shade) означает добавление к цвету черного. Она является противоположностью оттенку — вместо того, чтобы сделать цвет светлее, тень затемняет его.

Цветовая палитра

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

Цветовая модель Пантон

Цветовая модель Пантон (PMS или Pantone Matching System) — это наиболее широко применяемая система сочетания цветов, отличная от CMYK. Каждому оттенку присвоен номер, который дизайнерам легко использовать и воспроизводить при печати.

Узнать больше об определениях цвета можно в этой статье: The basic elements of design

8 технических терминов дизайна

Разрешение

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

Пиксели

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

Разница между PPI и DPI

В терминологии графического дизайна понятие PPI (pixels per inch) означает количество пикселей на дюйм. Это измерение, используемое для определения разрешения экрана, чаще всего мониторов, камер и сканеров.

DPI (dots per inch) аналогично PPI, но используется для печати и означает количество точек на дюйм. Принтеры создают изображения, состоящие из мелких точек, которые влияют на качество печати изображения.

Разница между Кадрированием и Обтравкой элемента

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

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

Обрезка

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

Правило третей

Эта техника используется для определения фокусных точек изображения или дизайна. Представьте себе сетку 3×3 поверх изображения или дизайна. Четыре точки, в которых пересекаются линии, являются фокусными. Именно в этих областях следует размещать наиболее важные элементы.

Узнать больше о сетках можно в этой статье: How to Create Layout Templates in InDesign (For Magazines, Newsletters, and More!)

18 терминов типографики

Разница между шрифтом с засечками (Serif) и шрифтом без засечек (Sans Serif)

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

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

Рукописный шрифт

Рукописные шрифты — это шрифты, выполненные от руки или имитирующие их. Они могут относиться к прошлому или быть современными. Рукописные шрифты обладают большей плавностью по сравнению с другими традиционными шрифтами.

Брусковый шрифт или Брусковая антиква

Это еще один ключевой термин типографики, который необходимо знать. Брусковые шрифты характеризуются более толстыми и мощными засечками по сравнению с обычными шрифтами с засечками. В зависимости от шрифта засечки могут быть квадратными, угловатыми или закругленными.

Моноширинный шрифт

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

Разница между Кернингом и Трекингом

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

Как и кернинг, трекинг относится к расстоянию между символами. В то время как кернинг относится к паре символов, трекинг применяется ко всей группе букв.

В этой статье можно узнать больше о ключевых терминах типографики: Readability and Typesetting Basics: Kerning, Tracking, Leading, and More!

Межстрочный интервал или Интерлиньяж

Межстрочный интервал определяет расстояние между базовыми линиями шрифта соседних строк. Он обеспечивает достаточное место между строками для комфортного чтения.

Начертание

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

Размер шрифта (Размер в пунктах)*

Это ещё один ключевой термин типографики: шрифт измеряется в пунктах, которые определяют высоту символа. В 1 дюйме или в 2,54 см содержится 72 пункта.

*Прим.пер. Размер шрифта измеряют и в других единицах, например, в пикселях.

Разница между Верхним и Нижним регистрами

Символы верхнего регистра используются в начале предложений или в качестве первой буквы имен собственных. Их также называют прописными или заглавными. Название «верхний регистр» пришло из старых типографий. Типографы хранили прописные символы в верхнем ящике стола.

Строчные глифы — это не заглавные буквы. Они составляют остальную часть текстового блока. Название «нижний регистр» происходит от старинного способа набора текста на печатных станках. Типографы хранили строчные буквы в нижнем ящике стола.

Малые прописные буквы или Минускул

Малые прописные буквы — это прописные символы, которые короче обычных прописных букв шрифта. Некоторые шрифты содержат малые прописные буквы, а другие — нет, и их генерирует используемое программное обеспечение. Когда малые прописные буквы являются частью шрифта, они обычно имеют ту же высоту, что и строчные символы, или могут быть чуть выше.

Lorem Ipsum или «Рыба»

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

Разница между Удобочитаемостью и Разборчивостью текста

Удобочитаемость определяется расположением блоков текста на странице. Разборчивость характеризуется тем, насколько хорошо можно отличить один символ от другого.

Вдовы и сироты

Вдовы и сироты встречаются при наборе текста, и их следует избегать. Вдова — это одно слово на целой строке в конце абзаца или очень короткая строка в конце текста или страницы. Сирота — это висячая строка, которая попадает на начало новой страницы или колонки.

Если вы интересуетесь типографикой, обязательно загляните сюда: The Ultimate Guide to Basic Typography и The Different Types of Fonts: When to Use Each Font Type and When Not

8 стилей дизайна логотипов

Буквенный логотип или Монограмма

Буквенный логотип — это логотип, который состоит из нескольких букв. Его часто используют, если название компании состоит из двух или более слов. Логотип в виде монограммы сокращает название компании. В нем используются только ее инициалы, что помогает упростить восприятие наименования бренда. Например, слово NASA легче произнести и запомнить по сравнению со словосочетанием National Aeronautics and Space Administration.

Словесный логотип

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

Графический логотип

В его основе лежит графическая форма. Как правило, это иконка, которую упростили и стилизовали для представления бренда. Например, иконка Twitter — это птица, и во всем мире ее знают как Twitter.

Абстрактный логотип

Абстрактный логотип отличается от графического тем, что в его основе нет реального объекта. Вместо этого компанию представляет абстрактное геометрическое изображение. Логотип Adidas не содержит в себе ни одного элемента из реального мира. Вместо этого дизайнеры воплотили свои идеи в геометрической форме, которая наилучшим образом представляет бренд.

Эмблема

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

Логотип-маскот (персонаж/талисман)

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

Комбинированный логотип

Это сочетание словесного, абстрактного, графического логотипа или маскота. Композиция этого логотипа может варьироваться в зависимости от элементов, которые в нем используются. Вспомните логотип Victoria’s Secret или Puma.

Фавикон

Это иконка быстрого доступа: логотип, основой которого является главный логотип. Фавикон очищен от лишних элементов и используется на веб-сайтах в целях брендинга и в качестве изображений профиля в социальных сетях. Некоторые узнаваемые фавиконы — это «a» для Amazon и «W» для Wikipedia.

10 обязательных форматов файлов изображений

Растровое изображение

Растровые изображения представляют собой сетку пикселей, которые вместе составляют цельную картинку. Если растянуть растровое изображение, оно станет пиксельным и размытым.

GIF

GIF расшифровывается как Graphics Interchange Format (Формат для обмена графикой). Этот формат поддерживает анимацию и прозрачность. Он может отображать до 256 цветов, что позволяет создавать небольшие файлы, идеальные для размещения в сети.

JPEG

JPEG — это наиболее известный растровый формат. Он используется в Интернете повсеместно. JPEG расшифровывается как Joint Photographic Experts Group — Объединенная группа экспертов по фотографии. Это название американской организации, в которой был разработан данный формат. В отличие от PNG, у JPEG отсутствует возможность быть прозрачным. Он подходит как для веба, так и для печати.

PNG

Если необходимо сохранить качество при сжатии изображения, PNG — это то, что нужно. PNG расшифровывается как Portable Network Graphics (Переносимая графика для работы в сети). Он был создан для улучшения качества GIF-изображений.

TIFF

Изображения TIFF используются в основном в верстке и InDesign. Он расшифровывается как Tagged Image File Format (Тегированный формат файла изображения). Он позволяет получить изображение более высокого качества по сравнению с вышеперечисленными форматами.

PSD

PSD — Photoshop Document (Документ программы Adobe Photoshop). Этот формат представляет собой несжатый файл растрового изображения.

Вектор

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

AI

AI расшифровывается как Adobe Illustrator. Этот формат был разработан компанией Adobe для представления одностраничных векторных изображений внутри форматов EPS и PDF.

EPS

EPS означает Encapsulated PostScript — файл, формат которого описан на языке Postscript. Это изменяемый формат, который содержит векторы. В основном они используются для логотипов, чтобы их можно было масштабировать по мере необходимости в любом проекте.

PDF

PDF расшифровывается как Portable Document Format (Формат электронных документов). Он был разработан компанией Adobe и является самым распространенным форматом для загрузки и просмотра на любом компьютере.

Вот и все!

В этой статье собраны 65 терминов дизайна, о которых вам следует знать. Эти определения помогут описывать и обосновывать свои проекты клиентам и проявить себя в качестве эксперта. Объяснение терминов дизайна заказчикам также поможет вам быть с ними на одной волне.

ТОП-10 терминов, необходимых для дизайнера в 2021

05.04.2021

Новости школы

Постоянно появляются новые термины веб дизайна. Если вы хотите держаться на плаву и развиваться как специалист, знать их вы просто обязаны. Но уследить за всеми обновлениями рынка достаточно сложно. Ведь постоянно появляются новые явления, как результат – непонятные сложные термины. Чтобы вам было проще разобраться в современном UI/UX-дизайне, далее мы разберем 10 основных понятий, которые появились за последние два года.

 

Мондрианизм

 

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

 

Он идеальный во всех планах: 

• На одной странице ресурса можно расположить сразу нескольких таких объектов, подав клиентам всю необходимую им информацию. 

• Текст хорошо читается и воспринимается. 

 

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

 

Аффорданс 

 

Сложный термин, но суть проста. Это свойства всех элементов интерфейса, с которыми может взаимодействовать пользователь, чтобы добиться того или иного результата. Самый банальный пример – кнопка «Купить». 

Использовать этот термин специалисты разных отраслей начали не так давно. 

 

Гельветизация

 

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

 

Как видите, за каждым словом спрятана новая возможность в дизайне. Чтобы развиваться в сфере, вы должны знать эти термины в веб дизайне. 

 

Дадаизм 

 

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

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

 

Дип флэт

 

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

 

Открытая композиция 

 

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

 

Earth tones 

 

Рассказывая о том, какие термины по веб-дизайну сегодня используются очень активно, попросту невозможно обойти вниманием earth tones. Это особый стиль оформления интерфейса, при котором используют спокойные природные цвета. Они могут имитировать цвет травы, листьев или неба. Отсюда – ассоциация у пользователей с экологичностью и чистотой. 

 

Outline

 

Оформление сайтов, когда фон нейтрального цвета, тогда как текст оформлен контрастно. Благодаря этому внимание пользователей фокусируется именно на информации. 

 

Сквиркл

 

Этот термин предполагает использование в оформлении интерфейса прямоугольника, края которого закруглены. Такие используют в интерфейсе iOS.  

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

52 Термины и определения графического дизайна для недизайнеров

Когда я только начинал заниматься маркетингом, я не совсем предвидел, что тоже буду дизайнером на полставки.

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

К счастью, мы живем в прекрасном мире, где каждый может перейти от новичка к среднему и создавать хорошо продуманные изображения для социальных сетей. Существуют такие инструменты, как Pablo и Canva, которые делают этот дизайн достижимым (и красивым).

Однако, помимо инструментов, если вы хотите вывести свои маркетинговые навыки на новый уровень, необходимо улучшить свое понимание дизайна.

Задумывались ли вы когда-нибудь о том, что может быть возможно, если у вас в заднем кармане всего лишь немного дополнительных знаний о дизайне?

Оказывается, превратить ваши изображения в социальных сетях из хороших в великолепные — это разумный скачок. И все это начинается с хорошей основы и понимания некоторых ключевых терминов и принципов дизайна.

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

—

1. Золотое сечение

Золотое сечение встречается с двумя объектами, которые при делении большего на меньшее дают число 1,6180 (или около того). Самым известным золотым сечением является золотой прямоугольник, который можно разделить на идеальный квадрат и прямоугольник с тем же соотношением сторон, что и исходный прямоугольник. Вы можете увидеть это в композиции изображения или дизайне веб-сайта и макете сетки.

(через)

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

Ниже приведен еще один пример, когда все ключевые элементы дизайна соответствуют разным частям золотого сечения:

2. Правило третей

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

(через)

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

4. Засечка

Засечка — это небольшой дополнительный штрих или кривые на концах букв.

5. Без засечек

«Sans» буквально означает «без засечек», а шрифт без засечек не содержит дополнительных штрихов на концах букв.

Хотя нет установленных правил, когда следует использовать шрифт с засечками или без засечек, рекомендуется использовать шрифты без засечек для основного текста в Интернете, а шрифты с засечками — для заголовков и печати.

6. Script

Шрифты Script — это шрифты или шрифты, основанные на исторических или современных стилях почерка, и они более плавные, чем традиционные шрифты.

Несколько примеров скриптовых шрифтов включают:

Alex Brush;

And, Grand Hotel:

7. Шрифты с засечками

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

Прекрасным примером шрифта с засечками является Museo Slab:

8. Моноширинный

Моноширинный шрифт, (также известный как шрифт с фиксированным шагом, фиксированной шириной или непропорциональный шрифт). буквы и символы занимают одинаковое пространство по горизонтали.

9. Иерархия

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

tuts+объяснение:

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

Вот пример, иллюстрирующий важность иерархии:

10.

Кернинг

Кернинг относится к пробелу между двумя конкретными буквами (или другими символами: числами, знаками препинания и т. д.), и процесс настройки этого пробела улучшает разборчивость.

11. Интерлиньяж

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

12. Трекинг

Трекинг аналогичен кернингу в том смысле, что он касается расстояния между буквами или символами. Однако вместо того, чтобы сосредотачиваться на расстоянии между отдельными буквами (кернинг), отслеживание измеряет расстояние между группами букв.

13. Высота по оси X

Высота по оси X относится к расстоянию между базовой линией и средней линией строчных букв в гарнитуре.

14. Верхний/нисходящий элементы

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

15. Сироты/Вдовы

Вдовы и Сироты — это строки текста, которые появляются в начале или в конце абзаца, но остаются в одиночестве вверху или внизу строки. Существуют некоторые споры о точных определениях этих терминов, но, как правило:

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

16. Lorum Ipsum

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

Цвета

17. RGB

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

18. Шестнадцатеричный

Шестнадцатеричный — это шестизначное число, используемое в HTML, CSS и приложениях для дизайна для представления цветов.

19. Палитра

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

20. Монохромный

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

21. Аналоговый

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

22. Дополнительные

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

23. Триадный

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

24. CMYK

CMYK — это цветовая модель, используемая для печати. Цвета CMYK начинаются как белые, а затем становятся темнее по мере комбинирования большего количества цветов.

(через)

25. Pantone

Система соответствия Pantone (PMS) представляет собой стандартизированную систему воспроизведения цвета. Каждому оттенку присваивается номер, что позволяет людям легко ссылаться и воспроизводить одни и те же цвета.

26. Теплые цвета

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

27. Холодные цвета

Холодные цвета, такие как синий, зеленый и светло-фиолетовый, успокаивают и успокаивают.

28. Теория цвета

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

Хотите узнать больше о теории цвета? Проверьте: Почему Facebook синий? Наука о цветах в маркетинге.

29. Градиент

Градиент — это постепенное изменение цвета (например, постепенное превращение зеленого в синий) или переход цвета в прозрачность. Существует два распространенных типа градиентов: радиальный и линейный.

30. Непрозрачность

Непрозрачность позволяет сделать элемент дизайна прозрачным. Чем ниже непрозрачность, тем более прозрачным является элемент. Например, непрозрачность 100 % означает, что объект сплошной.

31. Оттенок

По сути, оттенок — это способ описания цвета. И оттенок может быть любым цветом на цветовом круге. Например, красный, синий и желтый — это все оттенки.

32. Оттенок

Оттенок – это разновидность цвета. Craftsy объясняет, что оттенков создаются, когда вы добавляете белого к любому оттенку на цветовом круге. Это осветляет и обесцвечивает оттенок, делая его менее интенсивным.

Брендинг и логотипы

33. Логотип

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

34. Логотип/торговая марка

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

35. Иконка

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

36. Руководство по стилю

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

В качестве примера вы можете ознакомиться с нашим руководством по стилю буфера здесь.

37. Сетка

Сетка состоит из равномерно разделенных столбцов и строк. Смысл сетки в том, чтобы помочь дизайнерам последовательно расположить элементы. Вот пример сетки, которую мы используем в Buffer:

Используя сетку дизайна Buffer, страницу можно разделить на пятые, четвертые, третьи и половинки — и любую их комбинацию. Каждая строка сетки должна содержать части, которые в сумме составляют одно целое. Например, одна четвертая + одна половина + одна четвертая.

38.

Масштаб

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

При создании дизайна подумайте о том, как вы можете использовать масштаб, чтобы помочь вам проиллюстрировать смысл вашего изображения. Возьмите приведенный ниже пример; больший круг кажется более влиятельным и важным, чем меньший. Можно даже сказать, что меньший круг может быть немного робким или застенчивым.

39. Соотношение сторон

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

• ширина:высота
• Это означает, что соотношение 4 дюйма в ширину и 3 дюйма в высоту будет составлять 4:3

40.

Текстура

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

41. Кноллинг

Кноллинг — это расстановка различных объектов под углом 90 градусов друг к другу с последующим фотографированием их сверху. Эта техника создает очень симметричный вид, приятный для глаз. Изображения с кноллингом, как правило, размещаются на контрастном сплошном фоне.

(через)

42. Пустое пространство

Белое пространство, часто называемое негативным пространством, относится к области дизайна, оставленной пустой. Это пространство между графическими элементами, изображениями, текстом и всем остальным на странице. Несмотря на то, что это пространство известно как белое пространство, оно может быть любого цвета.

Отличным примером пустого пространства является домашняя страница Google. Он почти заполнен пробелами, чтобы пользователи могли сосредоточиться на строке поиска:

43.

Разрешение

Разрешение изображения определяет его качество. Как правило, чем выше разрешение, тем выше качество. Изображение с высоким разрешением будет четким и четким, тогда как изображение с низким разрешением будет выглядеть немного пиксельным и размытым.

44. Контраст

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

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

45. Насыщенность

Насыщенность относится к интенсивности или чистоте цвета. Чем насыщеннее цвет, тем ярче он кажется. В то время как ненасыщенные цвета кажутся немного тусклыми.

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

46. Размытие

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

47. Кадрирование

При обрезке изображения вы отсекаете и отбрасываете ненужные части изображения. Обрезка позволяет изменить акцент или направление изображения.

48. Пиксель

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

49. Скевоморфизм

Скевоморфизм — это когда цифровой элемент выглядит как копия физической работы. Например, подумайте о калькуляторе iPhone или газетном киоске Apple, где книжная полка и журналы выглядят так же, как и в реальной жизни.

50. Плоский

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

(через)

51. Растр

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

52. Вектор

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

Приветствую вас

Надеюсь, это знакомство с терминами и определениями дизайна было полезным для вас. Удивительно, как быстро маркетологи могут освоить такие инструменты, как Canva и Pablo, для создания красивых изображений.

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

Дополнительная литература:

• 50 терминов дизайна, которые просто объясняются для недизайнеров из блога Canva
• 10 терминов цифрового дизайна, которые вам нужно знать, из Design Shack

Предоставлено вам

Эта статья была вам полезна? Вам также может понравиться наш набор инструментов для работы с социальными сетями.

Начните бесплатно прямо сейчас

120 терминов в области графического дизайна, которые помогут избавиться от жаргона

Графический дизайн — это не просто профессия, это еще и язык. И, если вы не в курсе дизайнерского жаргона, то разговор с дизайнером может сбить с толку. «Крип» определенно не то, что вы думаете, разве базовая линия не связана с баскетболом? А что такое кернинг?

Не волнуйтесь, мы составили этот список из 120 дизайнерских терминов — от выравнивания до x-height — чтобы помочь вам разобраться в жаргоне и заговорить на (дизайнерском) языке в кратчайшие сроки. Этот своего рода словарь написан как для дизайнеров, так и для недизайнеров, этот список поможет вам разобраться в любой терминологии графического дизайна, которую вы, возможно, не сможете понять.

Список расположен в алфавитном порядке, но если вы ищете какие-либо конкретные термины графического дизайна, используйте CMD + F, чтобы найти то, что вам нужно!

1.

Выравнивание

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

2. Аналоговые (Цвета)

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

3. Диафрагма

Пробел в конце открытого счетчика в типографике.

4. Вершина

В типографике верхняя точка, в которой соединяются два штриха.

5. Рычаг

Когда горизонтальный ход не прикреплен к штоку на одном конце.

6. По возрастанию

По возрастанию относятся части строчных букв, которые выходят за пределы x-высоты гарнитуры. Если вы оглянетесь на это первое предложение, вы увидите их множество — и это тоже. В большинстве шрифтов строчные буквы b, d, f, h, k и l являются надстрочными. Однако будьте осторожны, буква t не является надстрочной. В некоторых шрифтах, таких как Garamond, надстрочные элементы возвышаются над высотой прописной буквы.

7. Соотношение сторон

Соотношение сторон проще всего объяснить как отношение ширины к высоте прямоугольника, который обычно, с точки зрения дизайна, представляет собой изображение или экран. Соотношение сторон обычно выражается в виде математического соотношения, но, не бойтесь, здесь нет никакой математики — это просто два числа, разделенные двоеточием. Обычно это ширина: высота, поэтому, например, соотношение сторон для iMac составляет 16: 9 — 16 дюймов в ширину и 9 дюймов в высоту.

8. С наклоном назад

Курсив с наклоном назад.

9. Шаровой наконечник

Шаровидное расширение буквы.

10. Базовая линия

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

11. Выпуск за обрез

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

12. Основной текст

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

13. Жирный

Большой вес любого заданного шрифта, часто используемый для выделения.

14. Чаша

Обычно круглые или эллиптические формы, которые являются основной формой корпуса букв, таких как C, G, O в верхнем регистре и b, c, e, o, p в нижнем регистре.

15. Кронштейн

Изогнутое соединение между стержнем и засечками некоторых шрифтов. Не все засечки являются засечками в квадратных скобках.

16. Фирменный стиль

Визуальная версия бренда. Идентичность бренда состоит из всего, что относится к бренду: логотипы, шрифты, цветовые палитры, слоганы, тон голоса, веб-сайт, упаковка и другие маркетинговые материалы. Когда дизайнеры говорят о «брендинге», они обычно включают в себя разработку всех аспектов фирменного стиля.

17. Каллиграфия

Искусство написания букв очень специфическим инструментом (например, широким пером, пером-кистью и т. д.).

18. Высота прописных букв

Вернемся к нашему другу, базовой линии — высота прописных букв — это высота верхней части заглавной буквы в любом заданном шрифте над базовой линией. Высота заглавной буквы относится конкретно к буквам с плоским верхом, таким как H и I. Круглые буквы, такие как «O», и заостренные, такие как «A», могут подниматься выше высоты заглавной буквы в их заглавных формах.

19. Выравнивание по центру

Когда текст выравнивается по центру текстового фрейма, а лоскуты располагаются по левой и правой сторонам текстового фрейма.

20. Символ

Буква, цифра, знак препинания или символ.

21. Набор символов

Полный набор символов для любого заданного веса шрифта.

22. CMYK

Печатный брат RGB, CMYK, представляет собой цветовой режим, который следует использовать при проектировании для печати. Четыре цвета, обозначаемые названием: голубой, пурпурный, желтый и ключевой (черный) — являются четырьмя цветами, наиболее широко используемыми в печати. Подобно RGB, эти четыре цвета можно комбинировать множеством различных способов для получения большинства цветов при печати, хотя, в отличие от RGB, эти цвета являются субтрактивными, поэтому при комбинировании они становятся темнее. Key/black добавляется поверх остальных трех, так как их смешивание никогда не даст чистого черного.

23. Дополнительные (цвета)

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

24. Контраст

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

25. Счетчик

Пустое пространство, заключенное в буквенную форму, полностью закрытое, как в «d» или «o», или частично, как в «c» или двухэтажном «a».

26. Ползучесть

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

27. Метки обрезки

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

28. Перекладина

Штрих поперек стержня (как в горизонтальной линии буквы «Т», «Н», «Е» и т. д.).

29. Спусковые элементы

Спусковые элементы противоположны восходящим элементам, это конец буквы — часть буквы, которая опускается ниже базовой линии. Как правило, только строчные буквы g, j, q, p и y являются нисходящими. Хотя в некоторых шрифтах строчные буквы f, заглавные Q и J и некоторые цифры также являются нисходящими. И восходящие, и нисходящие элементы повышают узнаваемость слов до такой степени, что британские дорожные знаки перестали использовать все заглавные буквы и вместо этого выбрали свой специализированный шрифт.

30. Дисплей

Тип дисплея — это шрифты, которые предназначены для того, чтобы производить впечатление и привлекать внимание — они используются для вещей, которые должны выделяться: заголовки, плакаты, рекламные щиты, логотип. Известные примеры типа дисплея часто можно увидеть в разных средах — трафарет, например, использовался для телешоу The A-Team, M A S*H и Recess, а также в логотипе The Home Depot и на 2001/ 02 формы «Реал Мадрид».

31. Ушко

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

32. Многоточие

Символ, состоящий из трех точек…

33. Тиснение и выдавливание

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

34. Расширенный

Символ увеличенной ширины такой символ, как знак ударения.

35. Фольгирование

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

36. Цвет шрифта

Используется в веб-дизайне для указания цвета.

37. Размер шрифта

Высота шрифта. Обычно измеряется в баллах (8, 10, 12 и т. д.) от исходного уровня до исходного уровня.

38. Толщина шрифта

Толщина шрифта в буквальном смысле означает толщину шрифта с точки зрения как отдельного шрифта, так и различных стилей шрифта — черный, полужирный, светлый и т. д. Толщина шрифта варьируется от 100 до 900 с « нормальный» шрифт равен 400, поэтому 100 — это очень светлый или эквивалентный, а 900 — очень черный или эквивалентный. Тем не менее, вам редко придется использовать числа, поскольку Adobe Creative Cloud и подобные программы указывают вес шрифта в качестве своего имени.

39. Золотое сечение

Впервые изученное древними греками в 5 веке до нашей эры, золотое сечение — это когда вы берете два объекта, делите большее на меньшее и получаете результат 1,6180 (или около того). Мы могли бы получить намного больше математики, чем это, но мы просто запутаем себя. Самый известный пример золотого сечения — золотой прямоугольник — его можно разделить на идеальный квадрат и прямоугольник с одинаковым соотношением сторон. Золотое сечение можно использовать, чтобы сделать дизайн хорошо отформатированным и привлекательным.

40. Градиент

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

41. Оттенки серого

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

42. Сетка

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

43. Рукописный шрифт

Создание заказных писем с нуля под конкретную цель/клиента.

44. Hard Return / Soft Return

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

45. Шестнадцатеричный

Хотя дизайнеры обычно находят свои цвета, используя вышеупомянутые RGB или CMYK, шестнадцатеричный термин по-прежнему важен для понимания. Шестнадцатеричный код — это шестизначный код, используемый для представления цвета. Например, желтый цвет Симпсонов имеет шестнадцатеричный код FCD901. Шестнадцатеричные коды встречаются наряду с RGB и CMYK во многих дизайнерских приложениях, но чаще всего используются в HTML и CSS.

46. Иерархия

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

47. Крючок

Изогнутая арка (например, на букву «f»).

48. Иконка

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

49. Курсив

Знаки с наклоном вперед, разработанные в начале 1500-х гг.

50. Соединение

Ход, который соединяется со штоком.

51. По ширине

Случаи, когда текст выравнивается по левому и правому краю в пределах текстового фрейма, без выравнивания по обеим сторонам.

52. Кернинг

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

53. Интерлиньяж

Произносится как «леддинг», а интерлиньяж — это жаргон графического дизайна, означающий «межстрочный интервал». Это относится к пространству между двумя базовыми линиями текста. Чем больше интерлиньяж, тем больше расстояние между текстом, что дает ему больше пространства для дыхания и, в целом, делает его лучше. Дополнительный факт: термин происходит от полосок свинца в пишущих машинках, которые использовались для равномерного распределения строк.

54. Выровнено по левому краю

Текст, выровненный по левому полю.

55. Нога

Короткий ход вниз.

56. Высокая печать

Высокая печать – это особый тип печати, история которого насчитывает более 500 лет, но истоки которой насчитывают не менее 1000 лет. Это разновидность рельефной печати, при которой пресс используется для нанесения прямого оттиска рельефной поверхности, в данном случае букв, покрытых чернилами на бумаге. В последнее время популярность этого ремесла возродилась после спада после появления компьютеров в 19 веке.70-е годы.

57. Лигатура

Лигатура возникает, когда две или более буквы соединяются вместе в один символ.

58. Звено

Ход, соединяющий чашу и петлю строчной ж.

59. Logomark

Логотип компании, который не содержит самого названия бренда — обычно форма или символ, используемые для визуального представления компании. Логотипы легче показать, чем описать, поэтому подумайте о птице Twitter (которую, если вы не знали, зовут Ларри в честь легенды баскетбола Ларри Берда) или культовом яблоке Apple с укусом.

60. Логотип

Логотип, также известный как словесный знак, представляет собой торговую марку, оформленную в виде логотипа и разработанную визуально уникальным образом для компании. Обычно они очень очевидны и быстро ассоциируют бизнес с его визуальной идентификацией. Некоторые известные и узнаваемые примеры включают Disney, Coca Cola и Google.

61. Строчные буквы

Строчные буквы — это не заглавные буквы алфавита. Они составляют большую часть письменного текста, причем прописные или заглавные буквы используются в основном только для начала предложений или имен собственных. Термин «нижний регистр» происходит от дней металлического шрифта, когда наиболее часто используемые буквы хранились под рукой в ​​нижнем регистре, а менее часто используемые заглавные буквы хранились в труднодоступном верхнем регистре.

62. Поля

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

63. Заголовок

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

64. Макет

Макет — это реалистичное, обычно трехмерное представление дизайна, используемое для демонстрации того, как дизайн будет выглядеть в реальном мире. Есть макеты для всего, от больших сумок до iPad, поэтому их можно использовать, чтобы показать, как будет выглядеть вся кампания или продвижение бренда. Ознакомьтесь с нашим списком из 50 бесплатных макетов, которые помогут воплотить ваши проекты в жизнь.

65. Монохромный

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

66. Моноширинный

Моноширинный шрифт — это шрифт, в котором все символы имеют одинаковую ширину и занимают одинаковое пространство по горизонтали. Их также можно назвать шрифтами с фиксированным шагом, фиксированной шириной или непропорциональными шрифтами.

67. Доска настроения

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

68. Сирота

Соучастник преступления вдовы (см. ниже), сироты — это одно слово (или очень короткая строка из двух или трех слов), которое находится отдельно на новой строке или новой странице/столбце. Как и вдовы, они могут сильно разочаровывать, но любой достойный дизайнер знает, что всегда нужно обращать внимание на эти хитрые фрагменты текста.

69. Палитра

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

70. Pantone (PMS)

Система соответствия Pantone представляет собой стандартизированную цветовую схему, используемую для печати, помимо графического дизайна, она используется в ряде других отраслей, включая дизайн и производство продуктов и одежды. Каждый цвет имеет свой индивидуальный номер и название. Цветом года по версии Pantone в этом году стал «Живой коралл» с номером Pantone 16-1546. Цифры упрощают воспроизведение и сопоставление цветов.

71. Pilcrow

Pilcrow — это название символа, на этот раз ¶, который используется для обозначения начала нового абзаца или раздела текста. Pilcrows также отображаются в некоторых программах в виде значка на панели инструментов — он используется в Adobe Photoshop в качестве значка для вкладки абзаца, что позволяет пользователю вносить изменения в структуру абзаца. Это также отличный лакомый кусочек, который нужно знать для любых будущих викторин в пабе.

72. Пиксель

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

73. Текст-заполнитель

Вы, наверное, видели слова «Lorem Ipsum» раньше и думали: «Эмм, что?» — ну, это текст-заполнитель, который также можно назвать текстом-заполнителем или фиктивным текстом. Текст-заполнитель используется для целей тестирования — он заполняет пробел, где будут слова, чтобы показать, где и как будет располагаться окончательная копия. Сами слова «Lorem Ipsum» были отраслевым стандартом с 1500-х годов и были случайно изобретены неизвестным типографом.

74. Размер кегля

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

75. PPI / DPI

Два измерения, используемые для измерения разрешения (см. ниже). PPI означает количество пикселей на дюйм, а DPI означает количество точек на дюйм — они относятся к количеству пикселей или точек, соответственно, которые могут быть размещены в строке на одном линейном дюйме. PPI используется для описания разрешения цифрового изображения, а DPI используется для описания количества чернильных точек на дюйм в печатном изображении. PPI также может влиять на размер печати и качество дизайна, но DPI не влияет на цифровой дизайн.

76. Проверка печати

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

77. Быстрые клавиши / ярлыки

Как бы вы их ни называли, быстрые клавиши или ярлыки — одна из самых важных вещей, которые должен знать дизайнер! Они относятся к определенным клавишам на вашей клавиатуре, которые позволяют выполнять определенные функции одним щелчком мыши, а не выполнять более длительный и сложный процесс. Большинство сочетаний клавиш сочетают в себе нажатие клавиши cmd ⌘ на Mac или клавиши Ctrl в Windows и комбинации одной или двух букв, цифр или символов. Вот один из вариантов: наведите курсор на слово «ярлыки» и нажмите ⌘+ctrl+D.

78. Ragged Edge/Rag

Не имеет ничего общего с R&B-группой начала 2000-х. Jagged Edge, рваные края — это когда основная копия в элементе дизайна имеет неравномерную длину линий и форму, которую это создает. Их относительно легко очистить с помощью кернинга и отслеживания, определения которых также можно найти в этой статье!

79. Растр

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

80. Читабельность

Степень легкости чтения текста.

81. Повторение

Повторение просто означает использование одного и того же элемента в дизайне более одного раза. Повторение просто означает использование одного и того же элемента в дизайне более одного раза. Повторение просто означает использование одного и того же элемента в дизайне более одного раза. Это может создать ощущение единства, сплоченности и последовательности.

82. Разрешение

Термин «разрешение» относится к числу единиц, измеренных в DPI или PPI, которые занимают линейный дюйм изображения как на экране, так и при печати. Разрешение используется для обозначения качества изображения — обычно можно предположить, что чем выше разрешение, тем лучше качество изображения. Вы можете сказать, если разрешение слишком низкое, так как изображение будет выглядеть размытым или пиксельным.

83. RGB

Не следует путать с RBG (судья Верховного суда США Рут Бадер Гинзберг). RGB означает красный, зеленый, синий. Это цветовой режим, который следует использовать при разработке цифровых приложений. Три цвета, красный, зеленый и синий, можно комбинировать в самых разных пропорциях, чтобы создать любой цвет в видимом спектре, и поскольку каждый цвет относится к свету, они становятся ярче, чем больше их комбинируют — это не волшебство, это дизайн.

84. Выравнивание по правому краю

Когда текст выровнен по правому полю с лоскутом на левой стороне текстового фрейма.

85. Правило третей

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

86. Sans Serif

Sans по-французски означает «без», поэтому вы, вероятно, догадались, что шрифты San Serif — это шрифты без засечек на конце букв. Обычно шрифты без засечек легче читать в Интернете и на цифровых экранах — например, Apple использует шрифт без засечек Helvetica Neue во всех своих операционных системах. Наряду с Helvetica Neue, одними из самых известных примеров шрифтов без засечек являются Futura и Brandon Grotesque.

87.

Насыщенность

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

88. Масштаб

Масштаб — это относительный размер объекта или различных объектов в рамках одного дизайна. Масштаб — это то, что можно очень разумно использовать в дизайне и даже использовать для доставки сообщения. Два объекта одного масштаба обычно рассматриваются как равные, в то время как если один объект значительно больше, то он может рассматриваться как более важный. Его можно использовать для создания иерархии или драмы.

89. Шрифт

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

90. Serif

Serif — это маленькая линия, которая появляется в конце буквы в некоторых гарнитурах — эти гарнитуры известны как шрифты с засечками. Шрифты с засечками легче читать в печатном дизайне, поскольку засечки делают буквы более различимыми, а их форма облегчает распознавание даже букв. Известные примеры шрифтов с засечками включают Baskerville, Times New Roman и Garamond.

91. Плечо

Изогнутый ход, соединенный со штоком.

92. Скевоморфизм

Слово, которое забавно и произносить, и писать. Скевоморфизм — это когда что-то, чаще всего цифровой элемент, спроектировано так, чтобы выглядеть как физическая копия этой вещи, но не вести себя таким же образом или обязательно имеющие ту же функцию. Apple Mac имеет несколько примеров скевоморфов в своей операционной системе — взгляните на значок телефонной книги для приложения «Контакты» для одного из таких примеров.

93. Гладкая засечка, тип

Мы еще не закончили с засечками. Шрифты Slab Serif являются ответвлением шрифтов с засечками, для которых характерны толстые засечки — засечки могут быть либо блочными, либо закругленными. Одним из популярных примеров закругленного шрифта с засечками является Courier, который широко использовался в пишущих машинках. Гладкие засечки стали популярными в девятнадцатом веке, когда широко распространилась печатная реклама.

94. Стебель

Вертикальный штрих в форме буквы. Можно найти как строчными, так и прописными буквами.

95. Stock Photo

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

96. Ударение

Диагональное или вертикальное изменение ширины штриха в букве.

97. Штрих

Любой линейный элемент на букве.

98. Руководство по стилю

Руководство по стилю является важной частью брендинга. Они определяют правильный набор стандартов для брендинга бизнеса или публикации — от визитной карточки до многостраничного веб-сайта. Руководство по стилю используется для обеспечения того, чтобы все активы бренда имели полное единообразие и всегда выглядели безупречно. Теперь вы знаете, что такое руководство по стилю, и вы обязательно будете замечать, когда оно появляется у брендов!

99. Swash

Добавление декоративного штриха в типографике.

100. Симметрия

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

101. Системный шрифт

Основной шрифт, используемый операционной системой компьютера.

102. Терминал

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

103. Текстура

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

104. Миниатюра

Миниатюра — это небольшой грубый набросок того, как дизайнер хочет, чтобы его дизайн выглядел. Их можно использовать для принятия решения о макете или о том, как будет выглядеть дизайн. Обычно они выполняются вручную на самых ранних стадиях проектирования, поэтому все различные варианты можно изучить до того, как какая-либо работа будет выполнена на компьютере.

105. Заголовок

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

106. Тофу

Вероятно, самое вкусное слово в этом списке. Тофу — это сленговое название маленьких квадратиков, которые отображаются, когда шрифт не загружен на компьютер или когда в шрифте нет определенного глифа. Noto — это семейство шрифтов, целью которого является полное удаление тофу из Интернета — это сокращение от «No tofu».

107. Трекинг

Хотя они похожи, будьте осторожны, не путайте трекинг с кернингом. Отслеживание — это расстояние между целым словом или абзацем (а не только между двумя буквами) — действие отслеживания изменяет расстояние между каждой буквой в слове/абзаце одновременно. Его можно использовать для изменения плотности и структуры слова или абзаца.

108. Триада (Цвета)

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

109. Классификация типов

Тип символов в зависимости от стиля.

110. Свойства типа

Особые свойства, которые позволяют символам помещаться в сетку.

111. Дизайн шрифта

Процесс создания полного набора символов в определенном стиле. Это могут быть прописные и строчные буквы, математические символы, знаки препинания, цифры и т. д.

112. Набор текста

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

113. Тип Размер

Расстояние от верха самого высокого зажима до низа самого нижнего спускового элемента. Обычно измеряется в баллах.

114. Типографика

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

Хотите узнать больше о типографике? Ознакомьтесь с глубоким погружением преподавателя Shillington New York Никиты Прохорова в типографику, ее историю, правила и термины (некоторые из которых включены в эту статью).

115. Прописные буквы

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

116. Вектор

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

117. Вершина

Нижняя точка соединения двух штрихов.

118. Белое пространство

Белое пространство, несмотря на его кажущееся вводящим в заблуждение название, не обязательно должно быть белым. Это пространство, которое может быть любого цвета, узора или текстуры между различными элементами дизайна, имеет важное значение для создания успешного дизайна. Думайте о пустом пространстве как о визуальной передышке дизайна, своего рода дизайнерской медитации. Его также можно назвать негативным пространством, что немного менее обманчиво.

119. Окна

В наборе окна — это строки текста, которые отделены от основной части абзаца — обычно конец абзаца, который переходит на новую страницу или столбец, или наоборот, начало абзаца, который находится в самом низу страницы. Они проклятие жизни дизайнера.

120. X-Height

X-Height буквально относится к высоте строчной буквы x в определенном шрифте. Вы можете спросить, почему такая конкретная высота так важна, но x-height влияет на пропорции любого шрифта и, в свою очередь, на его разборчивость. Обычно можно предположить, что по мере увеличения x-height читаемость улучшается.

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

Этот список вызвал у вас желание узнать больше? Подумайте о том, чтобы пройти онлайн-курс графического дизайна в Shillington и начать свою творческую карьеру!

Talk the Talk: 100 терминов графического дизайна, которые вы должны знать

 

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

Хотя поначалу это может показаться немного запутанным, изучение жаргона не только позволит вам почувствовать себя наравне с опытными дизайнерами, но и даст вам словарный запас, необходимый для точного описания вашей работы. Мы здесь, чтобы помочь превратить неточный язык, такой как «те вещи на письме», в их более точное описание (в данном случае с засечками). Мы составили полезный список из 100 терминов и концепций графического дизайна, с которыми вы, вероятно, столкнетесь в свое время в качестве начинающего дизайнера.

100 Общие термины графического дизайна, которые вы должны знать

Хотя это не исчерпывающий список терминов графического дизайна, это отличное место для начала. Читайте дальше, чтобы начать расширять свой словарный запас по графическому дизайну.

Термины оформления: Основы

1. Основной текст

Основной текст любого вида оформления. Основной текст отличается от логотипа, заголовка или подзаголовка. Вы читаете основной текст прямо сейчас!

2. Comp

Грубая версия вашего дизайна, которая часто создается в виде карандашного наброска, но может быть и цифровой. Сокращение от «всесторонний макет».

3. Макет

Реалистичное представление того, как будет выглядеть дизайн — масштабная или полноразмерная модель дизайна, используемая для демонстрации, продвижения и проверки дизайна. Это также можно назвать «доказательством» дизайна.

4. Мудборд

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

5

. Типография

Дизайн и выделение букв на печатной странице. С изобретением печатного станка и той центральной ролью, которую технологии играют в современном мире, типографика стала одним из основных аспектов графического дизайна. Многие дизайнеры действительно увлечены этим — чтобы узнать больше, ознакомьтесь с «6 распространенных типографских ошибок, которые опытные дизайнеры ненавидят видеть».

6. Соотношение сторон

Количественное отношение ширины изображения к его высоте. Возможно, наиболее распространенное соотношение сторон, о котором вы слышали, — это 16:9, так как это соотношение используется в большинстве телевизоров высокой четкости и компьютерных мониторах.

Термины дизайна: изображения и форматы

7.

Файл AI

Формат векторного изображения (см. ниже), используемый для исходных файлов дизайна Adobe® Illustrator.

8. DPI

Акроним, означающий «точек на дюйм». Более высокое разрешение означает более детальное изображение, но ограничения могут оставаться в зависимости от типа формата, в котором будет отображаться изображение.

9. EPS

Формат векторного изображения (см. ниже), часто используемый для печати с высоким разрешением.

10. GIF

Независимо от того, произносите ли вы это с твердой или мягкой G, это формат растрового изображения (см. ниже), который лучше всего подходит для анимации и прозрачности в ограниченном количестве цветов.

11. JPEG

JPEG (или jpeg, или jpeg) — это пример файла графического изображения, который содержит растровые изображения. Он создан для сжатия полноцветных или полутоновых цифровых изображений реальных сцен.

12. PDF

Формат растрового изображения (см. ниже), который лучше всего подходит для печати файлов и веб-документов.

13. Пиксель

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

14. PNG

Формат растрового изображения (см. ниже) с миллионами доступных цветов.

15. PPI

Относится к «пикселям на дюйм» и измеряет плотность пикселей, используемых в электронных устройствах, таких как экраны камер или мониторы.

16. PSD

Формат растрового изображения (см. ниже), который лучше всего подходит для многослойных файлов дизайна Adobe Photoshop.

17. Растровое изображение

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

18. RAW

Формат растрового изображения (см. выше), который лучше всего подходит для необработанных данных с цифровых камер.

19. Разрешение

Показатель качества изображения, основанный на количестве точек на дюйм для печатных работ и пикселей на дюйм для цифровых работ. Чем выше разрешение, тем четче будет изображение.

20. Стоковая фотография

Лицензионные изображения, доступные для использования дизайнерами, избавляют дизайнера от необходимости координировать всю фотосессию.

21. Текстура

Может относиться либо к реальному физическому ощущению дизайна, либо к тому, как зрители представляют дизайн. Используя текстурированную графику, дизайн может визуально имитировать реальную текстуру.

22. Эскиз-миниатюра

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

23. TIFF

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

24. Векторное изображение

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

Условия оформления: Макет

25

. Каркас

Каркас, также известный как «каркас», представляет собой низкоточное представление, отображающее основные функции веб-сайта.

26. Выравнивание

Это относится к способу расположения отдельных элементов дизайна. Это обычно наблюдается при размещении текста — например, большинство строк текста в документе Microsoft Word® по умолчанию выравниваются по левому краю, где текст образует однородную линию слева.

27. Заголовок

Графическое изображение в верхней части печатной или электронной страницы.

28. Баланс

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

29. Выход за обрез

Область за пределами обозначенных «линий обрезки» дизайна, которая все еще печатается, если разрезы не точны. По сути, немного «лишнего» за пределами краев рисунка, который страхует от неточной обрезки отпечатка.

30. Сползание

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

31. Сетка

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

32. Кноллинг

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

33. Поля

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

34. Негативное пространство

Пространство, окружающее слова и фигуры в вашем дизайне. Некоторые дизайнеры предпочитают использовать пустое пространство для создания дополнительного дизайна, например, стрелки между буквами «E» и «X» в логотипе FedEx®.

35. Радиальный

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

36. Золотое сечение

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

37. Правило третей

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

38. Масштаб

Размер одного объекта по отношению к другому элементу дизайна. Крайние различия в масштабе могут привлечь внимание и создать драму.

39. Скевоморфизм

Стиль дизайна, создающий цифровую имитацию физического объекта. Например, кнопки в приложении калькулятора на вашем телефоне напоминают кнопки реального калькулятора. Скевоморфные дизайны создают иллюзию глубины, поэтому скевоморфная кнопка выглядит так, будто ее можно нажать «внутрь» или «отпустить».

40. Плоский

Плоский дизайн является противоположностью скевоморфизма. Это имеет тенденцию быть минимальным с большим вниманием к пространству, четким краям и двумерным изображениям.

41 Пустое пространство

Белое пространство включает любую часть дизайна без изображения или текста.

Термины оформления: Цвет

42. Аналогичные цвета

Комбинация цветов, построенная из оттенков, близких друг к другу на цветовом круге. Например, красный и оранжевый.

43. Теория цвета

Исследование того, как цвета воздействуют на зрителей умственно и эмоционально, что может различаться в зависимости от фона аудитории. Это используется для определения того, какие цвета создают энергию, которую ищет бренд.

44. Дополнительные цвета

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

45. Холодные цвета

Холодные цвета, такие как синий, зеленый и фиолетовый, оказывают успокаивающее действие. Придать дизайну более прохладный вид легко, выделив синие тона. (См. также «Теплые цвета».)

46. CMYK

Эта аббревиатура, также известная как «четырехцветный процесс», означает голубой, пурпурный, желтый и ключевой, что означает черный цвет. Это цветовая модель, которая относится к четырем чернилам, используемым в некоторых видах цветной печати. (См. также «RGB».)

47. Градиент

Постепенный переход от одного цвета к другому на основе цветового круга.

48. Оттенки серого

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

49. Шестнадцатеричный код

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

50. Оттенок

Чистейшая форма исходных цветов — красного, оранжевого, желтого, зеленого, синего и фиолетового.

51. Монохромный

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

52. Непрозрачность

Мера прозрачности цвета. Чем выше непрозрачность, тем меньше вы можете видеть, что скрывается за ней. Чем меньше непрозрачность, тем более прозрачен элемент. Черный круг, например, имеет высокую непрозрачность.

53. Палитра

Выбор цветов для дизайна — обычно они дополняют друг друга и хорошо представляют бренд.

54. Pantone®

Система соответствия Pantone представляет собой стандартизированную числовую классификацию точной идентификации цвета для цветной печати, которая упрощает для дизайнеров поиск точных цветовых оттенков.

55. RGB

Эта аббревиатура означает красный, зеленый и синий. Это цветовой режим для всех изображений, отображаемых на электронном дисплее, таком как компьютер или телевизор. (См. также «CMYK».)

56. Насыщенность

Интенсивность цвета изображения. Повышенная насыщенность делает цвета более чистыми и яркими, а пониженная насыщенность делает цвета более размытыми.

57. Оттенок

Результат чистого оттенка с добавлением черного.

58. Оттенок

Результат получения чистого оттенка с добавлением белого. Например, пастельные тона, такие как розовый или светло-голубой.

59. Тон

Светлый или темный элемент дизайна. Тон оттенка можно изменить, увеличив уровень нейтрального серого.

60. Triadic

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

61. Теплые цвета

Теплые цвета относятся к красному, оранжевому и желтому, которые обычно обладают бодрящим эффектом. (См. также «Классные цвета».)

Термины дизайна: типографика

62. Подъем

Восходящий стержень некоторых строчных букв, таких как «d», «b» или «h», выходящий за пределы середины буквы.

63. Базовая линия

Невидимая линия, на которую опираются буквы и с которой выравниваются. Базовая линия определяет, где находится x-линия и что является нисходящим или восходящим элементом.

64. Descender

Нисходящие основы строчных букв, таких как «p», «g» или «j», которые простираются ниже базовой линии.

65. Тип дисплея

Крупный, заметный шрифт, привлекающий внимание зрителя. Например, названия фильмов на афишах, заголовки газет и заголовки статей.

66. Толщина шрифта

Указывает толщину шрифта. Например, полужирный шрифт имеет больший вес шрифта.

67. Иерархия

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

68. Кернинг

Процесс настройки интервала между определенными символами в шрифте, помогающий создавать пропорциональную и сбалансированную типографику.

69. Интерлиньяж

Произносится как «леддинг», интерлиньяж — это расстояние между строками шрифта. Когда интерлиньяж слишком мал, содержимое может быть трудночитаемым. С другой стороны, слишком свободное ведение может показаться бессвязным.

70. Разборчивость

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

71. Lorem ipsum

Lorem ipsum — это форма «заполнителя», используемая в качестве заполнителя для текста в дизайне. Этот зашифрованный «латинский» текст позволяет дизайнерам создавать дизайн-макеты, не имея доступа к окончательной письменной копии.

72. Сирота

Этот термин относится к словам или коротким строкам в начале абзаца. Эти слова изолированы от остального контента, часто вызывая нежелательный фокус.

73. Вдова

Это слова или короткие строки в конце абзаца, которые могут стать нежелательным акцентом.

74. Пика

Наборная единица измерения, равная одной шестой дюйма.

75. Цитата

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

76. Без засечек

Стиль шрифта, в котором нет маленьких линий в конце каждого штриха символа. Распространенные шрифты без засечек включают Arial, Helvetica и Verdana.

77. Script

Тип шрифта, который напоминает рукописный почерк и может казаться более изысканным или случайным в зависимости от деталей. Примеры сценариев включают Milasian, Leckerli One и Good Vibes.

78. С засечками

Небольшие края, выступающие из букв в некоторых гарнитурах. Например, в конце буквы «Т» вверху слева, вверху справа и в основании буквы. Распространенные шрифты с засечками включают Times New Roman, Georgia и Garamond.

79. Гладкая засечка

Категория шрифта, состоящая из толстых, прочных линий, часто используемая для заголовков. Примеры включают Archer, Rockwell и Neutraface Slab.

80. Отслеживание

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

81. Ухо

Небольшой штрих, идущий от верхнего правого края строчной буквы «g» или строчной буквы «r».

82. Pilcrow

Символ (¶), используемый для обозначения нового абзаца или раздела текста.

83. Swash

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

84. Лигатура

Набор из двух или более символов, которые сливаются в набор.

85. Моноширинный

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

86. Терминал

Любой штрих, который не заканчивается засечкой.

87. Заголовок

Небольшой отличительный знак, например, точка на строчной букве «i» или «j».

Термины дизайна: Брендинг

88. Бренд

Концептуальное восприятие вашей компании — ее ценности, тон, устремления и дух. Эти идеи воплощаются во многих эстетических элементах, которые учитывают дизайнеры.

89. Торговая марка

Особый тип логотипа, в котором вместо названия компании используется символ, например Nike Swoosh®.

90. Фирменный стиль

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

91. Эмблема

Логотип, включающий название компании с использованием различных форм и рамок, например, логотип НФЛ в виде щита.

92. Lettermark

Логотипы со стилизованными буквами, обычно инициалами компании, чтобы зритель мог определить, с каким брендом он взаимодействует, всего по двум или трем буквам, например, IBM и CNN.

93. Графический знак

Специфические, чисто визуальные значки, представляющие бренд, такие как яблочко Target или арки McDonald’s.

94. Руководство по стилю

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

Термины проектирования: Отделочные процессы

95. Высечка

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

96. Тиснение фольгой

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

97. Тиснение

Практика использования металлических пластин печатного станка для создания объемных углублений путем поднятия области вверх.

98

. Тиснение

Противоположное тиснению, этот процесс опускает выбранную область, создавая отступ.

99. Обрезка

Здесь ваша напечатанная деталь будет обрезана до нужного размера. Обрезка представляет окончательные размеры вашего проекта.

100. Пробный отпечаток

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

Готовы применить эти условия графического дизайна?

Если вы находите эти термины и концепции графического дизайна захватывающими, вы, вероятно, обладаете сердцем дизайнера. Для многих профессионалов в области дизайна эта терминология является языком их повседневной работы.

Говорить на словах — это одно, но преуспевающие графические дизайнеры не просто разбираются в этих инструментах и ​​методах, они используют их для творчества. А в графическом дизайне есть много разных навыков, инструментов и платформ для повышения эффективности вашей работы. Узнайте больше в нашей статье «Передовые навыки графического дизайна, которые ищут работодатели».

Pantone является зарегистрированным товарным знаком Pantone LLC.
Adobe Illustrator и Photoshop являются зарегистрированными товарными знаками Adobe Systems, Inc.
Microsoft Word является зарегистрированным товарным знаком корпорации Microsoft.
FedEx — зарегистрированная торговая марка Federal Express Corporation.
Nike Swoosh является зарегистрированным товарным знаком Nike, Inc.

ПРИМЕЧАНИЕ РЕДАКТОРА. Эта статья была первоначально опубликована в 2017 году. Недавно она была обновлена ​​и включает информацию, относящуюся к 2022 году.

Введение

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

 

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

 

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

 

Взгляните, чтобы расширить свой словарный запас по графическому дизайну

Типографика и текст.

Термины графического дизайна

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

1. Типографика

Внешний вид и стиль печатных слов. Весь визуальный текст, отображаемый на бумаге, рекламных щитах и ​​экранах, включает типографику. Проще говоря, это искусство расположить печатные слова так, чтобы сделать дизайн привлекательным. Хороший дизайнер знает, как использовать типографику для лучшей визуальной передачи своих идей в своих проектах. Ознакомьтесь с нашей бесплатной электронной книгой, чтобы узнать, какие типы шрифтов являются трендовыми в 2021 году!

2. Тип сценария

Шрифт, основанный на традиционном или современном почерке. Рукописные шрифты можно разделить на два типа: повседневные и формальные. Подумайте о легких мазках, округлых символах и декоративном дизайне.

Повседневный

Повседневный шрифт создает впечатление мокрых мазков кисти. Они стали популярными в конце 19 века и часто используются в современном графическом дизайне. Очень похоже на каллиграфию.

Формальный

Это традиционные рукописные шрифты, основанные на буквенных формах 17 и 18 веков. Эти шрифты имеют более элегантный вид и широко используются в сертификатах, дипломах и других официальных документах.

3. Типографская иерархия

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

4. Кернинг

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

5. Интерлиньяж

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

6. Трекинг

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

7.

По возрастанию

По возрастанию — это те части строчных букв, которые превышают среднюю высоту шрифта. Например, в большинстве шрифтов такие буквы, как d, h и k, являются надстрочными.

8. Нисходящий элемент

Будучи противоположными восходящим элементам, нижний элемент относится к частям букв, которые простираются ниже базовой линии шрифта. Например, такие буквы, как g, p и y, являются нисходящими элементами.

9. X-Height

Как видно из самого термина, x-высота относится к фактической высоте строчной буквы x в любом конкретном шрифте. Как правило, этот термин используется для обозначения средней высоты всех строчных букв в шрифте.

10. Сироты

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

11. Вдовы

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

12. Текст-заполнитель

Вы наверняка уже видели текст «Lorem Ipsum», верно? Это фиктивный текст, который в основном используется для тестирования. Проще говоря, это слова-заполнители, используемые вместо текста, чтобы показать размещение окончательной копии. Вы можете увидеть это в некоторых наших шаблонах в Мастере дизайна.

13. Размер в пунктах

Размер в пунктах — это общее расстояние между вершиной самого верхнего выносного элемента и низом нижнего выносного элемента любого конкретного шрифта. Это действительно размер шрифта.

Цвета

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

14. Прохладные цвета

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

15. Теплые цвета

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

16.

Hex

Hex относится к числу, состоящему из цифр, которое обычно используется в CSS и HTML для обозначения цветов. Этот цветовой код также присутствует в большинстве программ для проектирования. Мы используем шестнадцатеричные цвета в Design Wizard.

17. CMYK

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

18. RGB

RGB означает красный зеленый синий. Он похож на цифрового брата CMYK и часто используется для создания цифровых дизайнов. Используя эти три основных цвета, можно получить целый ряд цветов. Смешайте немного этого с небольшим количеством того и бум, у вас есть новый оттенок!

19. Триадические

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

20. Аналоги

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

21. Палитра

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

22. Дополнительные

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

23. Pantone

Система соответствия Pantone — это стандартная цветовая схема для печати, которая используется в ряде отраслей, включая производство и дизайн продукции. Каждому цвету присваивается определенное имя и номер, что облегчает их идентификацию и воспроизведение в более позднее время.

24. Монохромный

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

25. Градиент

Постепенное изменение цвета называется градиентом. Это один из наиболее широко используемых терминов графического дизайна. Два наиболее часто используемых типа градиента — линейный и радиальный. Градиенты почти текут и на них приятно смотреть.

26.

Непрозрачность

Непрозрачность относится к степени прозрачности элемента дизайна. Более низкая непрозрачность означает высокую прозрачность элемента. Точно так же твердые объекты имеют 100% непрозрачность. Может использоваться для создания эффектов теней на рисунках.

27. Оттенок

Оттенок – это оттенок цвета. Например, добавление белого к любому цвету дает его оттенки. Можно просто сказать, что разные тона цвета — это оттенки цвета.

28. Оттенок

Оттенок — это простой термин, используемый для описания любого цвета. Таким образом, все цвета, которые вы видите на цветовом круге, являются оттенками. Все дело в цвете и оттенках.

Логотип и брендинг

Многие люди не знают разницы между логотипом и логотипом. Вы знаете? Если нет, взгляните на эти термины графического дизайна. Логотип или не логотип, вот в чем вопрос!

29.

Логотип

Знак символа бренда, не включающий название компании. Это графика или изображение, обычно без текста. Просто поместите значок или дизайн без слов.

30. Логотип

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

31. Иконка

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

Термины и методы графического дизайна

В дизайне используется несколько различных методов. Чтобы лучше понять определения дизайна, вы должны знать следующие термины. Создайте прочную основу для понимания терминов, и методы будут следовать!

32.

Текстура

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

33. Белое пространство

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

34. Кноллинг

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

35. Размытие

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

36. Резолюция

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

37. Насыщенность

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

38. Сетка

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

39. Обрезка

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

40. Контраст

Использование двух разных элементов на одной странице создает контраст. Например, это могут быть светлые и темные цвета. Использование контраста в дизайне может сделать его более привлекательным.

41. Пиксели

Пиксель — это наименьшая программируемая единица изображения, отображаемая на экране. Он также известен как элемент изображения. Изображение отображается, когда тысячи (может быть, даже миллионы) пикселей тесно связаны друг с другом, образуя рисунок.

42. Плоский дизайн

Это минималистский подход к дизайну, ориентированный на удобство использования и простоту. Плоский дизайн обычно включает яркие цвета, четкие края и 2D-иллюстрации.

43. Вектор

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

44. Растровые

Растровые изображения обычно состоят из прямоугольной сетки пикселей. Изменение размера таких изображений может сделать их размытыми.

45. Соотношение сторон

Соотношение сторон — это дизайнерский термин, который относится к соотношению ширины и высоты изображения или экрана.

46. Масштаб

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

47. Правило третей

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

48. Поле

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

49. Высечка

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

50. Эскиз миниатюры

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

В конце

Ну вот. Эти 50 слов графического дизайна, несомненно, пополнят ваши знания.

 

Являетесь ли вы дизайнером или работаете с ним, теперь вам будет намного проще. Однако это еще не все, и вам предстоит еще многому научиться.

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

 

С этими терминами графического дизайна в вашем словарном запасе вы сможете вести любой разговор!

графический дизайнтерминология графического дизайнатермины графического дизайна

50 терминов графического дизайна, которые помогут вам разобраться в данной области

рисунки: Samantha Pires/My Modern Met

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

Мы включили несколько очень специфических терминов, которые дадут вам представление о некоторых технических вещах, о которых думают графические дизайнеры. Некоторые другие термины представляют собой более общие идеи о дизайне, которые пересекаются с фотографией и другими формами искусства, но мы думаем, что вы узнаете что-то новое в последнем глоссарии по искусству и дизайну My Modern Met.

Если вам понравился этот список и вы хотите проверить свои знания в других областях дизайна, обязательно прочитайте нашу статью о 100 архитектурных терминах, которые помогут вам лучше описывать здания.

Вот 50 терминов, которые помогут вам лучше понять графический дизайн!

 

Выравнивание/выравнивание

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

По ширине означает, что текст или другие элементы выровнены по обеим границам. Это стало возможным благодаря тому, что промежутки между словами или элементами различаются по размеру, чтобы одно слово или элемент соответствовали границе с обеих сторон.

 

Аналог

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

 

Восходящий/нисходящий

Подъем и Спуск — это термины, используемые для описания определенных элементов букв. Сначала нам нужно понять, что x-высота буквы — это высота строчной буквы x. Надстройка — это все, что идет выше этой высоты, например, верхняя часть буквы «t». Нижний элемент — это любой элемент, который находится ниже этой высоты, например, нижняя часть буквы «p».

 

Соотношение сторон

Рисунки: Саманта Пирес/My Modern Met

Соотношение сторон — это просто количественное отношение ширины к высоте. Соотношения сторон обычно определяются распространенными типами мультимедиа. Например, обычное соотношение сторон для смартфонов — 16:9.а обычное соотношение сторон для цифровых зеркальных камер составляет 3: 2.

 

Прокачка

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

 

CMYK

CMYK , или голубой, пурпурный, желтый и черный, являются основой цветов, запланированных для печати. Эта цветовая система похожа на другой термин в этом списке, RGB. Подобно RGB, сочетание этих цветов в разном количестве создает широкий диапазон цветов.

 

Теория цвета

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

 

Дополнительный

Дополнительные цвета часто называют противоположными цветами из-за их резкого контраста. Если смешать дополнительные цвета, получится что-то среднее между белым и черным. Например: красный и зеленый являются дополнительными цветами.

 

Состав

Композиция — это общий, но важный термин для понимания графического дизайна. Это относится к общему расположению и тексту, изображениям и графическим элементам произведения. Хорошая композиция часто включает в себя другие общие термины графического дизайна, в том числе баланс и иерархия .

 

Контраст

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

 

Тиснение/тиснение

Рисунки: Саманта Пирес/My Modern Met

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

 

точек/дюйм

PPI, или пикселя на дюйм , и DPI, или точки на дюйм , являются единицами измерения, которые определяют, сколько пикселей или точек существует на одном дюйме. Чем выше это число, тем лучше разрешение работы.

 

Фольгирование

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

 

Шрифт

Шрифт относится к возможным вариациям шрифта. Например, Times New Roman Bold или Times New Roman 10 pt (относительно размера текста) — это два разных шрифта. Шрифт tern часто путают с термином , шрифт , который также определен в этом списке.

 

Золотое сечение

Рисунки: Саманта Пирес/My Modern Met

Золотое сечение — это математическое соотношение, встречающееся в природе, которое сильно повлияло на дизайн. Использование золотого сечения в искусстве и дизайне помогает создать хорошо сбалансированную работу, которая кажется естественной. Несмотря на классическую идею, золотое сечение и его упрощенные версии до сих пор используются в графическом дизайне. Одно упрощенное представление о золотом сечении — 9. 0083 Правило третей и также определено в этом списке.

 

Градиент

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

 

Сетка

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

 

Шестнадцатеричный код

Шестнадцатеричные коды — это метод определения определенных цветов. Эти шестизначные коды используются во многих форматах, включая HTML и CSS. Они также связаны с другим термином в этом списке, RGB . Первые две цифры в шестнадцатеричном коде относятся к количеству красного в цвете, следующие две цифры определяют количество зеленого, а последние две цифры определяют количество синего.

 

Иерархия

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

 

Оттенок

Проще говоря, оттенок — это чистый цвет. Оттенки включают первичные (красный, желтый и синий) и вторичные цвета (оранжевый, зеленый и фиолетовый). Третичные цвета не являются оттенками, потому что они создаются путем смешивания цветов, которые не являются первичными. Другие термины, связанные с оттенком в этом списке, включают оттенок , оттенок и тон . Многие из этих других терминов создаются путем добавления чего-то к оттенку.

 

Кернинг

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

 

Ведущий

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

 

Лорем Ипсум

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

 

Маржа

Рисунки: Саманта Пирес/My Modern Met

Поля очень важны в графическом дизайне. Это граница страницы или монтажной области, используемая для того, чтобы текст и графика не располагались слишком близко к краю страницы.

 

Макет

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

 

Монохромный

Хотя некоторые люди считают, что монохроматический означает черно-белый, черно-белая дизайнерская работа является лишь одним из примеров монохроматических цветов. Монохромный дизайн может быть выполнен из одного цвета.

 

Доска настроения

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

 

Непрозрачность

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

 

Сирота/Вдова

Рисунки: Саманта Пирес/My Modern Met

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

 

Надпечатка

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

 

Палитра

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

 

Растр

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

 

Разрешение

Разрешение — это качество изображения. Разрешение изображения определяется тем, сколько единиц включено, обычно измеряется в DPI или PPI , термины также определены в этом списке. Изображения с высоким разрешением имеют более высокое качество, а изображения с низким разрешением — более низкое качество. Последний будет выглядеть пиксельным или нечетким.

 

RGB

RGB , или красный, зеленый и синий, являются основой популярной цветовой модели. В сочетании эти три цвета способны создавать множество цветов. Цвета RGB включают код для каждого из трех цветов от 0 до 255.

 

Правило третей

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

 

Насыщенность

Насыщенность — это общий термин, используемый для описания цветов. Насыщенность описывает, насколько интенсивным и ярким является оттенок.

 

С засечками/без засечек

Рисунки: Саманта Пирес/My Modern Met

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

Без засечек  относится к тексту без засечек.

 

Абажур

Подобно тому, как оттенок цвета создается при добавлении белого, оттенок возникает при добавлении черного к цвету, который делает оттенок более темным.

 

Руководство по стилю/фирменная упаковка

Руководство по стилю , руководство по стилю , графические стандарты или 9Пакет брендинга 0083 представляет собой набор стандартов для проекта, компании или частного лица. Это могут быть шрифты, цвета, текстуры, логотипы или любые другие элементы дизайна, представляющие индивидуальность. Руководства по стилю обеспечивают согласованность в наборе работ. Например, у НАСА есть Руководство по графическим стандартам, которое упрощает все официальные документы и графические проекты.

 

Образец

В цифровом дизайне образец представляет собой цифровую палитру цветов и текстур. Полезно отслеживать элементы, используемые в работе.

 

Оттенок

Подобно тому, как создается тон цвета , оттенок возникает, когда к цвету добавляется белый, что делает оттенок светлее.

 

Тон

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

 

Отслеживание

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

 

Триада

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

 

Гарнитура

Гарнитура относится к дизайну шрифта и включает все варианты этого дизайна. Например, Times New Roman — известный шрифт. Термин «гарнитура» часто путают с термином «шрифт » , который также определен в этом списке.

 

Типография

Типографика — еще одна форма искусства, отличная от более общего графического дизайна. Это искусство всех типов вещей, включая дизайн реальных букв, их размеры, выравнивание, интервалы, ориентацию и все остальное, что превращает точки и линии в разборчивый текст.

 

Вектор

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

 

Масса

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

 

Белое пространство

Рисунки: Саманта Пирес/My Modern Met

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

 

X-высота

Для x-высота , определение прямо в названии. Для любого шрифта высота x относится к высоте строчной буквы «x». Хотя это может показаться слишком конкретным, важно понимать, потому что этот размер помогает определить, насколько разборчивым является шрифт.

 

Статьи по теме:

100 архитектурных терминов, которые помогут вам лучше описать здания

Графический дизайнер создал более 1200 минималистичных постеров к фильмам

Графический дизайнер переосмысливает культовые логотипы в эпоху коронавируса

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

Более 200 плакатов Золотого века графического дизайна теперь можно загрузить бесплатно

Список из 87 распространенных терминов в области дизайна продуктов, которые вам необходимо знать

Написано Аллан Керр | 22 августа 2020 г.

88 Термины, которые необходимо знать при разработке продуктов

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

Например, расшифровка BOM может шокировать тех, кто не знает, что BOM – это спецификация, а ее расшифровка просто означает отображение списка всех компонентов в одном представлении!

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

---

1. Псевдоним
   Марка программного обеспечения САПР, чаще всего используемого для моделирования и визуализации в свободной форме. Становится менее распространенным.
2. Анимация
   Визуализация, состоящая из движущихся изображений, обычно создаваемых с помощью 3D CAD, что позволяет «видео» дизайна без использования физических образцов. Качество анимации может сильно различаться в зависимости от приложения.
3. Антропометрия
   Изучение измерений человека. Используется для информирования эргономики.
4. Сборка
   Набор компонентов, которые связаны между собой и имеют взаимосвязи. Части, соединенные вместе, образуют сборку. Может быть, физически, также в рамках САПР.
5. Backend
   Последние этапы программы проектирования, ближе к производству. В некоторых организациях некоторые из этих видов деятельности определяются как инженерные.
6. Ведомость материалов (BOM)
   Таблица, содержащая список компонентов и их количество, необходимое для производства сборки. Спецификация с указанием стоимости включает информацию о ценах. Спецификация с отступом указывает, как различные компоненты и узлы связаны друг с другом и в каком порядке они собираются.
7. Краткая информация
   Инструкции и запросы, предоставленные группе разработчиков до начала проекта. Формат может варьироваться от неформального и устного до всеобъемлющего документа.
8. CAD
   Компьютерное проектирование — это программное обеспечение, используемое для помощи в проектировании и документации.
9. CMF
   Цвет, материал, отделка.
10. ЧПУ
    С числовым программным управлением. Относится к различному оборудованию, используемому для производства прототипов, инструментов и компонентов.
11. Коммерциализация
    Коммерциализация – это процесс или цикл вывода на рынок нового продукта или метода производства. Многие технологии зарождаются в лаборатории и в зачаточном состоянии не пригодны для коммерческого использования.
12. Компонент
    Деталь. Одиночный дискретный элемент в сборке.
13. Концептуальный проект
    Проект на ранней стадии, не все аспекты решены, однако общее намерение или направление должны быть очевидны.
14. Контрактный производитель (CM)
    Внешняя компания, которая производит детали или продукты на заказ.
15. Контрольный чертеж
    2D-представление проекта, используемое для облегчения производства. Часто используемый в сочетании с данными 3D CAD, контрольный чертеж может предоставить такую ​​информацию, как размеры, допуски и примечания, которые нелегко получить только из 3D-данных. Также называется 2D-чертежом, инженерным чертежом или техническими чертежами. Аналогичен архитектурному «плану»
16. Дизайн-мышление
    Подход к решению проблем, основанный на методологии, используемой дизайнерами, но (обычно) применяемый к другим дисциплинам, таким как бизнес и образование.
17. Рабочий проект
    Определение и точное документирование всех аспектов проекта, в значительной степени связанных с производительностью и изготовлением детали. В зависимости от организационной структуры эту работу могут выполнять инженеры.
18. ДИА
    Проектный институт Австралии.
19. Размер
    Расстояние или измерение.
20. Чертеж
    Обычно относится к точному черно-белому «линейному» изображению, часто создаваемому в САПР в распознаваемом формате и используемому для передачи технических аспектов проекта. См. также контрольный рисунок.
21. Эко-дизайн
    Дизайн с особым вниманием к окружающей среде, также называемый зеленым дизайном.
22. E.E.
    Электротехника (или электроника).
23. Эргономика
    Применение принципов, учитывающих эффективное, безопасное и удобное использование конструкции людьми. Примером может служить проектирование ручки на основе антропометрических данных и с последующим тестированием на удобство использования.
24. Покомпонентное изображение
    Визуальное представление сборки, показывающее некоторые или все компоненты, разделенные для иллюстрации частей и их взаимосвязей друг с другом.
25. FEA
    Конечно-элементный анализ: компьютеризированный инженерный инструмент для оценки структурных аспектов механической конструкции.
26. Технико-экономическое обоснование
    Технико-экономическое обоснование представляет собой оценку и анализ потенциала предлагаемого проекта, основанные на всестороннем исследовании и исследованиях для поддержки процесса принятия решений.
27. Отделка
    Обработка поверхности компонента. Возможно функциональные и/или косметические, примеры включают полировку, покраску и анодирование.
28. Форма
    Трехмерный эквивалент формы.
29. Форма исследования
    Тип прототипа, используемый для оценки внешней формы конструкции, обычно в натуральную величину, часто в одном цвете или с минимальной косметической отделкой. Примером могут служить «глины», используемые в автомобильном дизайне.
30. Внешний вид
    Предварительные этапы процесса проектирования, обычно на которых определяются общая конфигурация и желаемый внешний вид.
31. Общая сборка (GA)
    Чертеж или модель САПР, иллюстрирующая все компоненты готового продукта и их связь друг с другом. Может включать спецификацию материалов (BOM).
32. Человеческий фактор
    Фраза, в значительной степени взаимозаменяемая с «эргономикой», человеческий фактор относится к учету людей-пользователей при разработке продукта и окружающей среды. Некоторые люди различают, что эргономика более конкретно связана с физической связью между людьми и продуктами.
33. ID
    См. промышленный образец; также внутренний диаметр (например, расстояние поперек отверстия в бублике).
34. IDEA
    Международная награда за выдающиеся достижения в области дизайна. Представлено IDSA.
35. Идеи
    Генерация идей, как правило, в начале проекта и в относительно свободной/абстрактной форме. Мозговой штурм — это метод формирования идей.
36. IDSA
    Американское общество промышленных дизайнеров
37. Illustrator
    Компьютерное программное обеспечение, часто используемое для 2D-дизайна. Также широко используется графическими дизайнерами.
38. Промышленный дизайн (ID)
    Термин, обозначающий профессию, например, в дизайне товаров промышленного производства. Некоторые приписывают происхождение фразы киви ок. 19 г.20, и с тех пор общественность в значительной степени неправильно его понимает…
    ID, как правило, взаимозаменяем с дизайном продукта, хотя промышленный дизайн (или ID) чаще используется «осведомленными людьми». Если провести различие, то, как правило, несмотря на то, что существует много общего, промышленный дизайн в большей степени ориентирован на более ранние этапы процесса проектирования
.
39. Интеллектуальная собственность (ИС)
    Характеристики дизайна, которые владелец может пожелать защитить от несанкционированного использования. Стратегии включают коммерческую тайну и официальную юридическую охрану ИС, такую ​​как патенты на полезные модели и регистрацию промышленных образцов.
40. Интерфейс
    Элементы продукта, через которые пользователь получает и вводит информацию. На смартфоне это может быть так же просто, как сенсорный экран и несколько кнопок. На мотоцикле это гораздо сложнее, управление осуществляется обеими руками и обеими ногами, а также визуальное отображение информации.
41. IP
    См. интеллектуальную собственность.
42. МЭ
    Машиностроение.
43. Модель (включая САПР)
    Представление дизайна. Может относиться к физическому предмету или представлению в компьютерном программном обеспечении, например. САПР модель
44. Пресс-форма (или пресс-форма на американо-английском языке)
    Инструмент, используемый для изготовления пластиковых деталей. Обычно из металла.
45. Доска настроения
    Коллекция изображений, собранных в начале проекта, чтобы помочь прояснить и передать аспекты эстетики еще не разработанного продукта. Взаимозаменяем с тематической доской.
46. Собственный
    Тип файла, используемый данной программой при обычном использовании (создание и сохранение файлов) Пример «.docx» для MS Word. Собственные файлы часто не используются для передачи проектных данных, поскольку форматы перевода, такие как STEP, обеспечивают защиту от несанкционированного доступа, контроль версий и не имеют взаимозависимости, характерной для данных САПР.
47. Представление нового продукта (NPI)
    Представление нового продукта — это полный процесс вывода нового продукта на рынок.
48. Изготовитель оригинального дизайна (ODM)
    Компания, которая разрабатывает и производит товары для продажи под другими торговыми марками. Дизайн может быть инициирован ODM или может соответствовать спецификации, предоставленной брендом.
49. Изготовитель оригинального оборудования (OEM)
    Контрактный производитель, производящий полную готовую продукцию. Производит товары для других брендов (по дизайну и спецификациям этих брендов), которые бренд затем распространяет. Общая бизнес-модель, при которой многие бренды передают часть или все свое производство на аутсорсинг (производителям оригинального оборудования).
50. Образец без инструмента (OTS)
    Исходный образец, созданный с использованием производственных инструментов. Используется для проверки конструкции и «настройки» инструментов перед серийным производством. Обычно используется как минимум 2 поколения OTS (OTS1, OTS2 и т. д.), поскольку первый OTS часто не имеет косметической отделки, нанесенной на инструмент.
51. Органический
    Описывает форму. Мягкие, неправильные формы, какие встречаются в природе.
52. OTS
    См. образец без инструмента.
53. Часть
    Отдельный элемент. Некоторые изделия, например скрепка, состоят из одной детали. Часто продукт представляет собой сборку из нескольких частей.
    PCB
    Печатная плата (PCB) механически поддерживает и электрически соединяет электронные компоненты с помощью проводящих дорожек, контактных площадок и других элементов, вытравленных из медных листов, ламинированных на непроводящую подложку. Печатные платы могут быть односторонними (один медный слой), двухсторонними (два медных слоя) или многослойными.
54. Процентиль (как в «5-м процентиле»)
    Термин, используемый в эргономике для обозначения части населения по определенному признаку. Например, используя рост выборочной совокупности, 50-й процентиль будет средней точкой, 5-й процентиль будет 5% самых низких людей в группе выборки, 95-й процентиль будет самым высоким 5%.
55. Фаза
    Период в рамках программы проектирования, который определен как имеющий конкретную направленность деятельности и/или результата.
    Проект может иметь этап пользовательского исследования, этап концепции и т. д. Этот термин обычно используется в США, слово «этап» во многом взаимозаменяемо.
56. Пилотный выпуск
    Первоначальный небольшой производственный цикл, производимый в качестве проверки перед началом полномасштабного производства. Пилотный запуск дает возможность дополнительно усовершенствовать процесс сборки или выявить любые оставшиеся проблемы с конструкцией или изготовленными деталями, тем самым экономя время и деньги при переходе к полному производству.
57. Pro/E
    Торговая марка программного обеспечения CAD, впоследствии названная Wildfire, а теперь Creo (семейство продуктов, до сих пор широко известное как Pro/E). Хорошо зарекомендовавшая себя платформа для механических САПР с большой пользовательской базой.
58. Программа
    Совокупность проектных работ для одной организации, обычно включающая несколько проектов. В качестве альтернативы часть компьютерного программного обеспечения, которое все чаще называют приложениями или приложениями.
59. Проект
    Конкретная, определенная задача проектирования. В этом контексте часто продукт. Также может иметь более узкое определение, например, отдельное исследование или концептуальное исследование, используемое для сбора знаний, не обязательно предназначенное для производства.
60. Предложение
    Заявленный подход к дизайн-проекту. Это ответ на бриф.
61. Прототип
    Модель, созданная в процессе проектирования для оценки аспектов конструкции перед производством. Обычно физически, но может принимать и другие формы, в том числе экранные или даже стикеры. Глоссарий терминов, относящихся к прототипированию, см. в отдельной статье (скоро!)
.
62. Обеспечение качества
    Обеспечение качества (QA) пытается улучшить и стабилизировать производство (и связанные процессы), чтобы избежать или, по крайней мере, свести к минимуму проблемы, которые приводят к дефектам продукта.
63. Контроль качества
    Контроль качества (КК) — это процесс, в ходе которого проверяется качество всех факторов, участвующих в производстве. Особое внимание уделяется тестированию продуктов для выявления дефектов и информированию тех, кто принимает решение о разрешении или отказе в выпуске продукта.
64. Системы менеджмента качества
    Система менеджмента качества (СМК) представляет собой совокупность бизнес-процессов, ориентированных на достижение целей в области качества для удовлетворения требований потребителей. Он выражается как организационная структура, политика, процедуры, процессы и ресурсы, необходимые для достижения желаемого стандарта качества.
65. Быстрое прототипирование (RP)
    Различные технологии создания прототипа непосредственно из данных 3D CAD, позволяющие получить результат гораздо быстрее (обычно в течение нескольких дней), чем при традиционном моделировании.
66. Рендеринг
    Изображение предлагаемого дизайна, которое может быть создано различными способами, включая маркеры на бумаге, 2D-программы или программы 3D-визуализации CAD. Детали, представленные в рендеринге, могут варьироваться от довольно абстрактных и наводящих на размышления до фотореалистичных. Говоря простым языком, «впечатление художника». Я понятия не имею, почему используется термин «рендеринг»…
67. Исследования
    Могут проводиться в разное время проекта по разным причинам. Распространенными типами являются исследования пользователей, исследования конкурентов и исследования материалов и процессов.
68. Rhinoceros (Rhino)
    Марка программного обеспечения САПР, обычно используется для моделирования и визуализации в произвольной форме.
69. Образец
    Предмет, демонстрирующий одну или несколько характеристик дизайна. Может отличаться от прототипа тем, что образец может представлять материал или процесс, не обязательно в форме незавершенного проектирования.
70. Масштаб
    Соотношение размера, позволяющее документировать проекты, которые слишком велики или малы для эффективного документирования в реальном размере. Например, стул можно нарисовать в масштабе 1:5 (одна пятая от полного размера). Масштаб также может относиться к линейке с градуировкой, позволяющей легко измерять чертежи в масштабе, но это более распространено в архитектуре.
71. Схема
    Структурная или процедурная схема, особенно электрической или механической системы.
72. Эскиз
    Изображение, которое быстро создается и не содержит полных деталей. Также используется как прилагательное, например. эскизная модель.
73. SolidWorks
    Марка программного обеспечения САПР. Широко используемая платформа для механических САПР.
74. Этап
    См. этап.
75. Файл STEP
    Компьютерный формат файла для межплатформенной передачи данных 3D CAD.
76. Styling Freeze
    Момент времени, после которого дальнейшее изменение внешнего вида не предполагается. Это может быть неявным и формально не идентифицированным.
77. Подузел
    Узел, являющийся частью более крупного узла. Например дисплей смартфона.
78. Поставщик
    Компания, которая предоставляет товары или услуги, относящиеся к разрабатываемому изделию, обычно прототипы или производственные компоненты. Для дизайна этот термин в значительной степени взаимозаменяем с «поставщиком» (хотя это может быть оспорено специалистом по закупкам!). Поставщик чаще используется в Австралии и Великобритании.
79. Системный архитектор
    Архитекторы систем определяют архитектуру сложной системы для выполнения технических требований. Такой дизайн включает в себя разбивку системы на компоненты, то, как эти компоненты взаимодействуют друг с другом и, как правило, какие технологии они используют.
80. План архитектуры системы
    Это концептуальная модель, которая определяет структуру, поведение и другие виды системы.[1] Описание архитектуры — это формальное описание и представление системы, организованное таким образом, чтобы поддерживать рассуждения о структурах и поведении системы.
81. Тематическая доска
    См. доску настроения.
82. Управление температурным режимом
    Тепло, выделяемое электронными устройствами и схемами, должно рассеиваться для повышения надежности и предотвращения преждевременного выхода из строя[1]. Методы отвода тепла могут включать радиаторы и вентиляторы для воздушного охлаждения, а также другие формы охлаждения компьютеров, такие как жидкостное охлаждение.
83. Тепловое моделирование
    Тепловое моделирование вычисляет теоретическую температуру и теплопередачу внутри и между компонентами вашей конструкции и окружающей среды. Это важное соображение при проектировании, поскольку свойства многих продуктов и материалов зависят от температуры. Также следует учитывать безопасность продукта: если продукт или компонент перегреваются, вам, возможно, придется разработать для них защитный кожух.
84. Допуск
    Различия в размерах, которые могут возникать между номинально «идентичными» компонентами во время производства. Допуск может относиться к подходу к определению размеров, чтобы определить это, или к отклонениям, наблюдаемым в деталях.
85. Инструмент, оснастка
    Общая фраза для специальных элементов производственного оборудования, используемого для массового производства компонентов. Оснастка — это общий термин, который включает формы, используемые для литья под давлением пластиковых деталей, и штампы, используемые для литых металлических деталей. Инвестиции в инструменты часто представляют собой основные капитальные затраты и временной компонент программ разработки новых продуктов.

    No related posts.