Термины дизайна, которые должен знать каждый, кто не является дизайнером

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

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

Термины брендинга

Комбинированный знак

Это то, что объединяет или сочетает в себе логотип и логотип.

Логотип

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

Логотип

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

Значок

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

Термины дизайна, связанные с цветом

CMYK

Это расшифровывается как Cyan, Magenta Yellow и Key и представляет собой цветовую модель, которая используется для дизайна печати. Как это работает, так это то, что крошечные точки этих цветов выкладываются. И когда они используются в разных комбинациях, они будут показывать разные цвета. Если вы добавите, например, все четыре цвета вместе, вы получите черный.

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

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

Градиент

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

• Линейный — здесь цвет будет переходить от начальной точки к прямой линии.
• Радиальный — здесь цвета будут распространяться от центральной начальной точки по кругу.
• Угол – паттерн течет против часовой стрелки. Четко видна линия, обозначающая начало и конец цветового разброса.
• Отраженный — цвет равномерно распределяется по обеим сторонам от начальной точки. Это замечательно использовать, когда вы создаете что-то с глянцевой отделкой.
• Алмаз – цвет распространяется в форме бриллианта. Эта отправная точка обычно представляет собой один угол ромбовидной формы.

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

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

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

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

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

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

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

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

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

Этот термин относится к тому, насколько прозрачно ваше изображение. Обычно он отображается в процентах. 0% означает, что изображение скрыто, а 100% означает, что изображение полностью прозрачно.

Пантоне

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

RGB

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

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

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

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

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

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

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

• GIF — формат обмена графикой — это растровый файл, поддерживающий прозрачность и анимацию. GIF-файлы могут отображать до 256 цветов, что делает размер их файлов очень маленьким.
• JPEG — это расшифровывается как Joint Photographic Experts Group и является наиболее широко используемым растровым форматом, когда речь идет о веб-дизайне. Они загружаются быстро и представляют собой сжатые файлы.
• PNG — эти файлы не теряют своего качества даже при сжатии и расшифровываются как Portable Network Graphics. Они имеют веб-формат. Эти файлы были фактически разработаны для улучшения качества файлов GIF.
• PSD — когда дизайнер создает несжатый рабочий растровый файл изображения в Adobe Photoshop, он становится файлом PSD. Буквы обозначают документ Photoshop.
• TIFF — формат файла изображения с тегами, который довольно часто используется для обмена растровыми изображениями между приложениями. Он имеет несколько более высокое качество, чем JPEG или PNG, и используется в основном фотографами и издательскими компаниями.

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

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

• AI — это документ Adobe Illustrator. Этот формат файла был создан системами Adobe, и они имеют одностраничный векторный дизайн.
• EPS — Encapsulated Post Script может быть изменен в размере и широко используется для векторного дизайна. Он имеет очень высокое качество и используется во многих элементах печати, таких как логотипы, брошюры и визитные карточки.
• PDF — разработанный Adobe, Portable Document Format — это тип файла, который можно загружать и просматривать на любом компьютере. Они идеально подходят для того, чтобы вы могли делиться предварительными просмотрами работы, поскольку их можно просматривать повсеместно.

Разрешение

Здесь есть 2 типа, о которых вам нужно знать, это DPI и PPI.

• DPI — это то, о чем вам нужно беспокоиться, когда вы работаете над созданием печатного вывода. Это также означает количество точек на дюйм. По сути, это относится к количеству точек на дюйм на одной печатной странице. Чем больше здесь точек, тем выше качество изображения. Стандарт для печатного изображения — 300DPI.
• PPI означает количество пикселей на дюйм. Если вы создаете большое изображение в Photoshop, вам придется увеличить количество пикселей на дюйм, где Photoshop будет составлять данные, и вы также потеряете некоторое качество.

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

Термины дизайна шрифтов, текста и типографики

Восходящий

Это линейное продолжение буквы, показанной над средней линией.

Базовый уровень

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

Высота крышки

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

Спусковой механизм

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

Кернинг

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

Сироты и вдовы

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

Без засечек

Это группа шрифтов, в которых не используются линии и заглушки в конце символов, как в случае с засечками. В эту группу входят некоторые популярные шрифты: Helvetica, Arial и Geneva. Шрифты без засечек немного трудны для чтения. Они часто используются только в коротких текстах, таких как подписи и заголовки.

Скрипт

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

с засечками

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

• Старый стиль
• переходный
• Дидона
• плитка с засечками

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

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

Общие условия проектирования

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

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

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

Это пропорциональное отношение высоты к ширине. Вы увидите его в формате x:y. Например, изображение размером 6 x 4 будет иметь соотношение сторон 3:2. Это определит соотношение и форму изображения, а не его размер.

Контраст

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

Сжатие

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

Плоский дизайн

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

Остаток средств

Это касается балансировки элементов на странице, чтобы графические и текстовые компоненты располагались правильно и равномерно. Есть 3 основных способа добиться этого.

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

• Симметричный – все элементы дизайна равномерно сбалансированы по обе стороны от центральной линии.

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

Композиция и оформление

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

Шкала

Размер одного элемента дизайна по сравнению с другим элементом того же дизайна.

Текстура

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

Обрезать и кровоточить

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

Знание терминов может помочь вам загрузить

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