Разное

Термины дизайна: 48 терминов из дизайна, которые должен знать каждый маркетолог

Содержание

48 терминов из дизайна, которые должен знать каждый маркетолог

Вы когда-нибудь задумывались, что станет для вас возможным в маркетинге даже с небольшим запасом знаний дизайна? Хотите вывести ваши соцсети на новый уровень, увеличить
количество подписчиков, лайков и шеров? Без хорошего визуального контента не обойтись! К счастью, в эру интернета обучение новому стало доступным каждому, кто умеет
пользоваться поисковиком. Чтобы легче было осваиваться в новой области, изучите эти 48 понятий дизайна и область их применения. Для удобства чтения мы разбили термины на
группы.

Оформление | Шрифты и отступы | Цвета | Брендирование | Работа с дизайном

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

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

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

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

Представьте, что на вашем изображении нарисована сетка, которая своими линиями делит изображение на 3 равных части.

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

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

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

Засечки – это как бы маленький «взмах» или завитушка на буквах. Самый известный представитель – Times New Roman. Шрифты с засечками лучше использовать для
заголовков и других выделяющихся элементов. Они цепляют взгляд читателя.

«Sans» означает «без», соответственно, «sans-serif» – шрифт без засечек на буквах. Типичный представитель – Arial.

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

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

Обычно стили этой категории используются в качестве дисплей-шрифтов. Не рекомендуют использовать slab serif при написании большого объема букв. В таком случае текст

становится нечитаемым.

   Пример такого шрифта – Museo Slab.

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

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

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

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

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

Пример, иллюстрирующий важность иерархии объектов в тексте.

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

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

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

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

Это линии текста, которые остаются «в одиночестве» наверху или внизу абзаца. Есть 2 варианта висячих строк:

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

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

причинами (висячие строки снижают читаемость текста).

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

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

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

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

Hex – модель, состоящая из 6 цветов, которую используют в HTML, CSS и в дизайне приложений программного обеспечения для репрезентации цветов.

CMYK – цветовая модель, которая используется для печати. Цвета CMYK изначально более светлые, чем получаемые при смешении цвета. Чем больше смешений, тем темнее
получаемый цвет.

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

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

Теплые цвета, как красный, оранжевый, желтый или вариации из этих цветов несут дружественный, радостный, уютный настрой.

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

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

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

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

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

Есть 3 базовых понятия в цветовой теории:

  1. Цветовые круги – дают подсказку, какие цвета лучше использовать вместе.
  2. Цветовая гармония – согласованность цветов в результате найденной их пропорциональности форм и объемов использования.
  3. Контекст того, как используются цвета, их влияние на человеческое восприятие.

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

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

гармонично соотноситься с каждым другим.

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

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

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

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

Более прозрачные объекты «весят» меньше. Можно выделять остальные предметы на изображении. С помощью прозрачности «играют» с оттенками цветов.

Тон – способ описания цвета. Любой цвет в цветовом круге – это тон. Красный, синий и желтый – это тона.

Оттенок – вариант цвета. Оттенки создаются при помощи добавления белого к любому цветовому тону в цветовом круге. Осветление и уменьшение тона делают цвет менее
интенсивным.

Насыщенные тона позволяют выделить главное. Использование оттенков делает объекты визуально мягче и легче.

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

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

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

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

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

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

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

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

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

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

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

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

Текстура – это определенный вид «поверхности» изображения. Можно сделать объект на картинке как будто выложенным из кирпича или сделанным из ткани. Текстура придает
изображению объем и реалистичность, делает картинку «вкусной» и продающей.

Это раскладка вещей на картинке так, чтобы они были под углом 90 или 180 градусов друг к другу. Иными словами: предметы лежат параллельно или перпендикулярно друг
другу.

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

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

Хороший пример белого пространства – домашняя страница Google. Все практически состоит из белого цвета, чтобы пользователи могли сконцентрироваться на строке поиска.

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

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

Понятие насыщенности относится к интенсивности и чистоте цвета. Чем более насыщенный цвет, тем более ярким он кажется. Ненасыщенные цвета кажутся бледными.

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

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

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

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

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

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

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

Растровые изображения состоят из сетки пикселей. При изменении размера изображения оно может стать размытым. Скорее всего большинство картинок, которые вы когда-либо
видели, были растровыми.

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

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

Материал подготовлен на основе текста, взятого с сайта blog. bufferapp.com.

Термины графического дизайна — Графический дизайн 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.

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

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

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


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

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

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

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

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

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

Чтобы найти в тексте какое-то конкретное слово, лучше воспользоваться поиском, нажав сочетание клавиш 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 — стандартная цветовая схема для печати, используемая в ряде отраслей, включая дизайн продукции и производство. Каждому цвету дается определенный номер и название, что позволяет идентифицировать их и воспроизводить позже.

Итог

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

Поделиться

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 или графическими дизайнерами.

Термины дизайна — Словарь для начинающих дизайнеров.

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

Alignment (выравнивание) – расположение объектов относительно других объектов. Например слева, справа, по центру и т.п.

Back End (бэкэнд) – в вебе, это часть сайта, которая спрятана от глаз обычного пользователя и выполняется на стороне сервера. Применимо к CMS (смотрите ниже), бэкэндом является административная часть системы.

Baseline (бейзлайн) – термин используется относительно типографики – это воображаемая линия, на которой стоят все буквы в строке.

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

Bezier Curve (кривые Безье) – параметрические кривые, которые представляют векторный путь в компьютерной графике. Зачастую они создаются с помощь Pen Tool, путем соединения точек, которые позволяют изменять форму и направление кривых.

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

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

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

DPI, PPI – количество точек (пикселей для PPI), которые помещаются на один дюйм экрана.

Favicon – это маленькие (обычно 16х16 пикселей, реже 32х32 пикселя) иконки, которые отображаются на вкладке сайта в браузере возле названия сайта.

Font Weight – определяет насыщенность (толщину) символов в тексте.

Front End (фронтэнд) – часть сайта, исполняемая на стороне пользователя. В вебе в качестве фронтэнда выступают HTML-вёрстка, стили CSS и JavaScript. Применимо к CMS, фронтэнд является лицевой частью сайта, которую видит пользователь.

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

HSB – трёхканальная схема формирования цвета. Название происходит от первых букв английских слов: Hue (цветовой тон), Saturation (насыщенность), Brightness (яркость).

Kerning (кернинг) – расстояние между определенными парами символов: LA, Tr, Ta, Ty, Wa, WA, Wo, Ya и другими.

Landing Page (лэндинг, посадочная страница) – это веб-страница, собранная определенным образом, главной задачей которой является сбор контактных данных аудитории или продажа товара.

Layers (слои) – используются в Photoshop для компоновки изображения. Слои напоминают стопку прозрачных листов, через прозрачные области вышележащих слоев можно видеть содержимое нижних слоев.

Margin (внешний отступ) – внешний отступ от элемента.

Mockups (мокапы) – готовый дизайн страницы.

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

Navigation (навигация, меню) – это система ссылок, которая позволяет пользователю перемещаться по сайту либо приложению.

Negative Space (белое пространство, пустое пространство, молоко) – часть страницы, которая не содержит текст или изображения.

Padding (пэдинг, отступ) – внутренний отступ элемента.

Pen Tool (пен тул) – инструмент, который используется для создания кривых Безье в векторной графике.

Photoshop – графический редактор компании Adobe доступный на Windows и Mac OS X. Содержит в себе широкий функционал для работы с растровой графикой и базовый функционал для работы с векторной графики. За неимением конкуренции, ранее широко использовалась дизайнерами для создайна дизайна интерфейсов.

Pixel (пиксель) – самый маленький элемент изображения (как утом в молекуле). Имеет квадратную форму.

Plug-Ins (плагины) – это приложения, написанные сторонними разработчиками для расширения базового функционала программы.

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

Resolution (разрешение, резолюшин) – обозначает количество пикселей отображаемых на экране (например 1280х1024).

Responsive (адаптивный) дизайн – это вид дизайна сайта (приложения), который позволяет отображать сайт (приложение) одинаково корректно на устройствах с любым размером экрана.

RGB – аддитивная схема формирования цвета. Нужный цвет получается путем смешения световых излучений трёх первичных цветов – красного, зелёного и синего (Red, Green, Blue). Смешение 100% первичных цветов даёт белый цвет.

Sketch (приложение) – приложение компании Bohemian Coding для создания векторной графики. Было создано как альтернатива Photoshop для дизайнеров интерфейсов. Доступно только на Mac OS X. Поддерживает множество сторонних плагинов, которые значительно упрощают жизнь дизайнера. Очень тепло принято в кругу дизайнеров, так как не содержит в себе ничего лишнего и нацелено именно на создание дизайна интерфейса (в отличии от Photoshop).

Sketches (скетчи) – быстрые, лишенные деталей зарисовки будущего дизайна.

Sketchpad (альбом) – альбом для зарисовок скетчей. Могут иметь схематически нанесенные изображения различных устройств, для создания более наглядных зарисовок.

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

Tracking (трекинг) – равномерно изменение расстояния между буквами (всеми, в отличии от кернинга).

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

Usability (юзабилити) – это то, насколько просто пользователям использовать ваш сайт (приложение) для достижения определённых целей.

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

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

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

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

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

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

Начинающим дизайнерам, невероятно рекомендую ознакомиться с справочником по дизайну для iOS и справочником по дизайну для Apple Watch (на русском).

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

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

Профессиональные термины из интернет-маркетинга и дизайна простым понятным языком. Углубленный курс. После прочтения вы сократите время на словесный пинг-понг. 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 секунды. Если вам понравилось, не забудьте прочитать ещё

одну часть

.

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

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

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

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

99 Важные слова в дизайне, которые вы должны знать

Логотипы, веб-сайты и многое другое…

Логотипы, веб-сайты, обложки книг и многое другое…

Получить дизайн

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

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

  • Дизайн: композиция, баланс, близость, выравнивание, повторение, контраст, белое пространство, иерархия
  • Фотография и иллюстрации: разрешение , DPI, PPI, обрез, обрезка, пиксели, кадрирование, фото
  • Типографика: с засечками, без засечек, шрифт, надстрочный элемент, базовая линия, подстрочный элемент, кернинг, интерлиньяж, отслеживание, вес
  • Цвет: оттенок, оттенок, тон, оттенок, насыщенность, монохроматический, аналогичный, дополнительный, триадный, непрозрачность, CMYK, RGB
  • Элементы веб-сайта: заголовок, панель навигации, навигационная цепочка, целевая страница, HTML, пользовательский интерфейс, каркас
  • Форматы файлов: AI, EPS, PDF, GIF, JPEG, PNG, PSD, TIFF
  • Типы логотипов: абстрактный знак, эмблема, литерный знак, изобразительный знак, талисман, словесный знак

Дизайн


— Дизайн robbyprada

Композиция и макет

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

Баланс

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

Симметричный логотип от Mad pepperАсимметрично сбалансированный логотип от artsigmaРадиально-симметричный логотип от stevanga
Симметричный

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

Асимметричный

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

Радиальный

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

Близость

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

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

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

Контраст

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

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

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

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

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

Сетка

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

Иерархия

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

Масштаб

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

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

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

Макет

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

Фотография и произведение искусства


Разрешение

Детализация изображения, основанная на количестве пикселей, называется разрешением. Изображение выглядит более четким, когда оно имеет более высокое разрешение.

DPI

DPI означает «точек на дюйм», что является мерой качества принтера. Для качественной печати рекомендуется 300 dpi. Например, изображение с разрешением 300 точек на дюйм и размером 1200×1800 пикселей станет отпечатком 4×6 дюймов.

PPI

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

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

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

Обрезка

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

 

Пиксели

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

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

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

Стоковые фото/искусства

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

 

Типографика


Типы шрифтов

Большинство шрифтов относятся к одному из четырех различных типов шрифтов.

Засечки

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

Sans serif

Sans означает «без». Шрифт без засечек не имеет засечек.

Script

      Шрифты Script используют плавный курсивный штрих.

Гладкие засечки

Гладкие засечки отличаются толстыми блочными засечками.

Компоненты типа

Все шрифты состоят из одних и тех же основных компонентов.

Надстрочный элемент

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

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

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

Выносной элемент

Выносной элемент — это часть строчной буквы, которая опускается ниже основной части буквы. Думайте «g» или «p».

Медиана/x-высота

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

Расстояние между шрифтами

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

Кернинг

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

Интерлиньяж

       Произносится как «ledding», интерлиньяж (также известный как высота строки) — это пространство между двумя строками текста.

Отслеживание

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

Корпус шрифта

Обычно символы доступны в двух формах.

Прописные

Большие заглавные буквы шрифта являются прописными. Их также использует ваша мама, чтобы случайно НАКРАТЬ НА ВАС, КОГДА ОНА ПИШЕТ ВАМ.

Нижний регистр

Нижний регистр относится к строчным буквам шрифта.

Маленькие заглавные

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

Стиль шрифта

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

Размер в пунктах

Размер в пунктах — это размер текста. В одном дюйме примерно 72 (72,272) точки.

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

       Насыщенность шрифта определяет жирность шрифта.

Курсив

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

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

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

Lorem ipsum

Lorem ipsum (также известный как фиктивный текст) используется в качестве заполнителя, который позже будет заменен реальной копией. Текст Lorem ipsum взят из книги «Крайности добра и зла», написанной Цицероном в 45 г. до н. э.

Цвет


Теория цвета

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

Оттенок, оттенок, тон и оттенок

Оттенок — это чистый цвет. Тинт – это оттенок с добавлением белого. Тон — это оттенок с добавлением серого. Тень — это оттенок с добавлением черного.

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

Насыщенность определяется интенсивностью цвета.

Палитра

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

 Теплые и холодные цвета

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

Монохроматическая

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

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

Монохроматическая цветовая палитра на основе серого называется оттенками серого.

 Аналогичный

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

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

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

Триадный

Триадный цвет – это три цвета, равномерно распределенные по цветовому кругу. Один цвет доминирует, второй поддерживает, а третий расставляет акценты.

Градиент

Градиент — это постепенный переход от одного цвета к другому. (Например, синий постепенно переходит в зеленый).

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

Непрозрачность является синонимом непрозрачности. Чем прозрачнее изображение, тем ниже его непрозрачность.

CMYK

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

RGB

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

Pantone

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

Интернет и цифровая версия


Элементы веб-страницы

Большинство дизайнов веб-страниц включают комбинацию этих элементов.

Заголовок

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

Навигация и панель навигации

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

Навигационная цепочка

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

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

Основной текст — это основное письменное содержимое страницы.

Ссылки

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

Боковая панель

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

Баннер

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

Нижний колонтитул

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

HTML

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

Целевая страница

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

Пользовательский интерфейс (UI)

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

Каркас

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

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


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

Векторная графика

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

AI

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

EPS

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

PDF

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

Растровая графика

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

GIF

GIF или Формат обмена графикой — это формат растрового файла, который поддерживает анимацию и прозрачность. GIF-файлы могут отображать только до 256 цветов, что позволяет использовать файлы очень маленького размера. (PS: Это произносится как «JIF», в отличие от общепринятого произношения «GIF», по словам создателя GIF Стива Уилхайта.)

JPEG

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

PNG

PNG означает Portable Network Graphics, веб-формат, который не теряет качество при сжатии. Файлы PNG были созданы для улучшения качества файлов GIF.

PSD

PSD или Photoshop Документ — это несжатый рабочий файл растрового изображения, созданный дизайнерами в Adobe Photoshop.

TIFF

TIFF означает Tagged Image File Format, общий формат для обмена растровыми изображениями между приложениями. TIFF обеспечивает более высокое качество изображения, чем JPEG или PNG, и широко используется в издательской сфере и фотографами. Не путайте это с «размолвкой» или «расколом», что происходит, когда вы отправляете дизайнеру восемь раундов правок.

Типы логотипов


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

Дизайн логотипа-эмблемы Neatlines для Palouse Дизайн логотипа PintLettermark от arkum

Абстрактный знак

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

Эмблема

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

Lettermark

Логотипы Lettermark содержат одну или несколько стилизованных букв (например, инициалы компании) для идентификации торговой марки. Известные фирменные логотипы включают логотипы IBM, CNN, HP и HBO.

Графический дизайн логотипа SpoonLancerМаскотный дизайн логотипа Нико Страйк Wordmark дизайн логотипа nnorth

Графический знак или символ

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

Талисман

Логотипы талисмана полагаются на персонажа или представителя бренда, который представляет бизнес. Известные талисманы включают полковника Сандерса, Kool-Aid Man и мистера Арахиса.

Словесный знак

Словесный знак основан на пользовательской типографской обработке текста для иллюстрации бренда. Вспомните VISA, Google или Coca-Cola.

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

Найти дизайнера

Эта статья была первоначально написана Алексом Бигманом и опубликована в 2014 году. Текущая версия дополнена новой информацией и примерами.

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. Золотое сечение

Впервые изученное древними греками в V веке до нашей эры, золотое сечение — это когда вы берете два объекта, делите большее на меньшее и получаете результат 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. Stock photo

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

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. Pull quote

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

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. Леттермарк

Логотипы со стилизованными буквами, обычно инициалами компании, чтобы зритель мог определить, с каким брендом он взаимодействует, всего по двум или трем буквам — например, 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.
Nike Swoosh является зарегистрированным товарным знаком Nike, Inc.

ПРИМЕЧАНИЕ РЕДАКТОРА. Эта статья была первоначально опубликована в 2017 году. Недавно она была обновлена ​​и включает информацию, относящуюся к 2022 году.

Написано Аллан Керр |

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. DIA
    Проектный институт Австралии.
  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. Интерфейс
    Элементы продукта, через которые пользователь получает и вводит информацию. На смартфоне это может быть так же просто, как сенсорный экран и несколько кнопок. На мотоцикле это гораздо сложнее, управление осуществляется обеими руками и обеими ногами, а также визуальное отображение информации.
  42. IP
    См. интеллектуальную собственность.
  43. МЭ
    Машиностроение.
  44. Модель (включая САПР)
    Представление проекта. Может относиться к физическому предмету или представлению в компьютерном программном обеспечении, например. САПР модель
  45. Пресс-форма (или пресс-форма на американо-английском языке)
    Инструмент, используемый для изготовления пластиковых деталей. Обычно из металла.
  46. Доска настроения
    Коллекция изображений, собранных в начале проекта, чтобы прояснить и передать аспекты эстетики еще не разработанного продукта. Взаимозаменяем с тематической доской.
  47. Собственный
    Тип файла, используемый данной программой при обычном использовании (создание и сохранение файлов) Пример «.docx» для MS Word. Собственные файлы часто не используются для передачи проектных данных, поскольку форматы перевода, такие как STEP, обеспечивают защиту от несанкционированного доступа, контроль версий и не имеют взаимозависимости, характерной для данных САПР.
  48. Представление нового продукта (NPI)
    Представление нового продукта — это полный процесс вывода нового продукта на рынок.
  49. Изготовитель оригинального дизайна (ODM)
    Компания, которая разрабатывает и производит товары для продажи под другими торговыми марками. Дизайн может быть инициирован ODM или может соответствовать спецификации, предоставленной брендом.
  50. Изготовитель оригинального оборудования (OEM)
    Контрактный производитель, производящий полную готовую продукцию. Производит товары для других брендов (по дизайну и спецификациям этих брендов), которые бренд затем распространяет. Общая бизнес-модель, при которой многие бренды передают часть или все свое производство на аутсорсинг (производителям оригинального оборудования).
  51. Образец без инструмента (OTS)
    Исходный образец, созданный с использованием производственных инструментов. Используется для проверки конструкции и «настройки» инструментов перед серийным производством. Обычно используется как минимум 2 поколения OTS (OTS1, OTS2 и т. д.), поскольку первый OTS часто не имеет косметической отделки, нанесенной на инструмент.
  52. Органический
    Описывает форму. Мягкие, неправильные формы, какие встречаются в природе.
  53. OTS
    См. образец без инструмента.
  54. Часть
    Отдельный элемент. Некоторые изделия, например скрепка, состоят из одной детали. Часто продукт представляет собой сборку из нескольких частей.
    PCB
    Печатная плата (PCB) механически поддерживает и электрически соединяет электронные компоненты с помощью токопроводящих дорожек, контактных площадок и других элементов, вытравленных из медных листов, ламинированных на непроводящую подложку. Печатные платы могут быть односторонними (один медный слой), двухсторонними (два медных слоя) или многослойными.
  55. Процентиль (как в «5-м процентиле»)
    Термин, используемый в эргономике для обозначения части населения по определенному признаку. Например, используя рост выборочной совокупности, 50-й процентиль будет средней точкой, 5-й процентиль будет 5% самых низких людей в группе выборки, 95-й процентиль будет самым высоким 5%.
  56. Фаза
    Период в рамках программы проектирования, определенный как имеющий конкретную направленность деятельности и/или результата.
    Проект может иметь этап пользовательского исследования, этап концепции и т. д. Этот термин обычно используется в США, слово «стадия» во многом взаимозаменяемо.
  57. Пилотный выпуск
    Первоначальный небольшой производственный цикл, производимый в качестве проверки перед началом полномасштабного производства. Пилотный запуск дает возможность дополнительно усовершенствовать процесс сборки или выявить любые оставшиеся проблемы с конструкцией или изготовленными деталями, тем самым экономя время и деньги при переходе к полному производству.
  58. Pro/E
    Торговая марка программного обеспечения CAD, впоследствии названная Wildfire, а теперь Creo (семейство продуктов, до сих пор широко известное как Pro/E). Хорошо зарекомендовавшая себя платформа для механических САПР с большой пользовательской базой.
  59. Программа
    Комплекс проектных работ для одной организации, обычно включающий несколько проектов. В качестве альтернативы часть компьютерного программного обеспечения, которое все чаще называют приложениями или приложениями.
  60. Проект
    Конкретная, определенная задача проектирования. В этом контексте часто продукт. Также может иметь более узкое определение, например, отдельное исследование или концептуальное исследование, используемое для сбора знаний, не обязательно предназначенное для производства.
  61. Предложение
    Заявленный подход к дизайн-проекту. Это ответ на бриф.
  62. Прототип
    Модель, созданная в процессе проектирования для оценки аспектов конструкции перед производством. Обычно физически, но может принимать и другие формы, в том числе экранные или даже стикеры. Глоссарий терминов, относящихся к прототипированию, см. в отдельной статье (скоро!)
  63. .
  64. Обеспечение качества
    Обеспечение качества (QA) пытается улучшить и стабилизировать производство (и связанные с ним процессы), чтобы избежать или, по крайней мере, свести к минимуму проблемы, которые приводят к дефектам продукта.
  65. Контроль качества
    Контроль качества (КК) — это процесс, в ходе которого проверяется качество всех факторов, участвующих в производстве. Особое внимание уделяется тестированию продуктов для выявления дефектов и информированию тех, кто принимает решение о разрешении или отказе в выпуске продукта.
  66. Системы менеджмента качества
    Система менеджмента качества (СМК) представляет собой совокупность бизнес-процессов, направленных на достижение целей в области качества для удовлетворения требований потребителей. Он выражается как организационная структура, политика, процедуры, процессы и ресурсы, необходимые для достижения желаемого стандарта качества.
  67. Быстрое прототипирование (RP)
    Различные технологии создания прототипа непосредственно из данных 3D CAD, позволяющие получить результат гораздо быстрее (обычно в течение нескольких дней), чем при традиционном моделировании.
  68. Рендеринг
    Изображение предлагаемого дизайна, которое может быть создано различными способами, включая маркеры на бумаге, 2D-программы или 3D-программы для визуализации CAD. Детали, представленные в рендеринге, могут варьироваться от довольно абстрактных и наводящих на размышления до фотореалистичных. Говоря простым языком, «впечатление художника». Я понятия не имею, почему используется термин «рендеринг»…
  69. Исследования
    Могут проводиться в разное время проекта по разным причинам. Распространенными типами являются исследования пользователей, исследования конкурентов и исследования материалов и процессов.
  70. Rhinoceros (Rhino)
    Торговая марка программного обеспечения САПР, обычно используется для моделирования и визуализации в произвольной форме.
  71. Образец
    Предмет, демонстрирующий одну или несколько характеристик дизайна. Может отличаться от прототипа тем, что образец может представлять материал или процесс, не обязательно в форме незавершенного проектирования.
  72. Масштаб
    Соотношение размера, позволяющее документировать проекты, которые слишком велики или малы для эффективного документирования в реальном размере. Например, стул можно нарисовать в масштабе 1:5 (одна пятая от полного размера). Масштаб также может относиться к линейке с градуировкой, позволяющей легко измерять чертежи в масштабе, но это более распространено в архитектуре.
  73. Схема
    Структурная или процедурная схема, особенно электрической или механической системы.
  74. Эскиз
    Изображение, которое создается быстро и не содержит полных деталей. Также используется как прилагательное, например. эскизная модель.
  75. SolidWorks
    Марка программного обеспечения САПР. Широко используемая платформа для механических САПР.
  76. Этап
    См. этап.
  77. Файл STEP
    Компьютерный формат файла для межплатформенной передачи данных 3D CAD.
  78. Styling Freeze
    Момент времени, после которого дальнейшее изменение внешнего вида не предполагается. Это может быть неявным и формально не идентифицированным.
  79. Подузел
    Узел, являющийся частью более крупного узла. Например дисплей смартфона.
  80. Поставщик
    Компания, которая предоставляет товары или услуги, относящиеся к разрабатываемому изделию, как правило, прототипы или производственные компоненты. Для дизайна этот термин в значительной степени взаимозаменяем с «поставщиком» (хотя это может быть оспорено специалистом по закупкам!). Поставщик чаще используется в Австралии и Великобритании.
  81. Системный архитектор
    Архитекторы систем определяют архитектуру сложной системы для выполнения технических требований. Такой дизайн включает в себя разбивку системы на компоненты, то, как эти компоненты взаимодействуют друг с другом и, как правило, какие технологии они используют.
  82. План архитектуры системы
    Это концептуальная модель, которая определяет структуру, поведение и другие виды системы.[1] Описание архитектуры — это формальное описание и представление системы, организованное таким образом, чтобы поддерживать рассуждения о структурах и поведении системы.
  83. Тематическая доска
    См. доску настроения.
  84. Управление температурным режимом
    Тепло, выделяемое электронными устройствами и схемами, должно рассеиваться для повышения надежности и предотвращения преждевременного выхода из строя[1]. Методы отвода тепла могут включать радиаторы и вентиляторы для воздушного охлаждения, а также другие формы охлаждения компьютеров, такие как жидкостное охлаждение.
  85. Тепловое моделирование
    Тепловое моделирование вычисляет теоретическую температуру и теплопередачу внутри и между компонентами вашей конструкции и окружающей среды. Это важное соображение при проектировании, поскольку свойства многих продуктов и материалов зависят от температуры. Также следует учитывать безопасность продукта: если продукт или компонент перегреваются, вам, возможно, придется разработать для них защитный кожух.
  86. Допуск
    Различия в размерах, которые могут возникать между номинально «идентичными» компонентами во время производства. Допуск может относиться к подходу к определению размеров, чтобы определить это, или к отклонениям, наблюдаемым в деталях.
  87. Инструмент, оснастка
    Общая фраза для специальных элементов производственного оборудования, используемого для массового производства компонентов. Оснастка — это общий термин, который включает формы, используемые для литья под давлением пластиковых деталей, и штампы, используемые для литых металлических деталей. Инвестиции в инструменты часто представляют собой основные капитальные затраты и временной компонент программ разработки новых продуктов.
  88. Пользователь
    Лицо или люди, которые будут использовать дизайн. Продукт может иметь несколько пользователей, например, «пользователями» медицинского оборудования могут быть пациент, врач и технический персонал.
  89. Поставщик
    Компания, которая предоставляет товары или услуги, относящиеся к разрабатываемому изделию, как правило, прототипы или серийные компоненты. Для дизайна этот термин в значительной степени взаимозаменяем с «поставщиком» (хотя это может быть оспорено специалистом по закупкам!). Vendor чаще используется в США.

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

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

Рисунки: Samantha Pires/My Modern Met

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

Мы включили несколько очень специфических терминов, которые дадут вам представление о некоторых технических вещах, о которых думают графические дизайнеры. Некоторые другие термины представляют собой более общие идеи о дизайне, которые пересекаются с фотографией и другими формами искусства, но мы думаем, что вы узнаете что-то новое в последнем глоссарии по искусству и дизайну My Modern Met.

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

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

 

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

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

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

 

Аналог

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

 

Восходящий/нисходящий

Подъем и Спуск — это термины, используемые для описания определенных элементов букв. Сначала нам нужно понять, что x-высота буквы — это высота строчной буквы x. Надстройка — это все, что идет выше этой высоты, например, верхняя часть буквы «т». Нижний элемент — это любой элемент, который находится ниже этой высоты, например, нижняя часть буквы «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». Хотя это может показаться слишком конкретным, важно понимать, потому что этот размер помогает определить, насколько разборчивым является шрифт.

Добавить комментарий

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