Термины дизайна: Блог о продажах и маркетинге

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

Айдентика

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

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

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

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

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

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

Часть фирменного стиля, который мы разработали для конференции тестировщиков

Логотип

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

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

В России виды логотипов никак не различают, однако в англоязычных странах разделяют непосредственно сам логотип (logo), его шрифтовую (logotype) и символическую (logomark) части. Шрифтовая часть — стилизованное название компании — может выступать как самостоятельный лого. Например, Кока-кола отлично ассоциируется со своим лого и в символе не нуждается:

Такой же автономией и узнаваемостью может обладать и просто символ:

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

Брендбук

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

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

Брендбук — «библия» бренда, в которой расположена полная информация о компании.

Гайдлайн

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

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

Мокап

Фирменный стиль должен хорошо смотреться на любых носителях — кружках, блокнотах, вывесках.

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

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

Примерили упаковку для вок-кафе

Паттерн

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

Паттерн для кафе Like Waffle

Варианты использования

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

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

Этот прием часто используется при создании логотипов. Известный пример — логотип компании FedEx и стрелка между буквами E и X. Один раз увидишь — никогда не развидишь.

Еще пример — логотип для студии интерьеров:

Фавикон

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

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

Фавикон для видеоблога Геннадия Орлова

Шрифт

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

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

Если подбираете шрифт для своего проекта, попробуйте поискать в нашей статье: «11 бесплатных шрифтов с кириллицей».

Гарнитура

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

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

Times New Roman, Gotham, Helvetica — это гарнитуры, т.е. наборы шрифтов, а не сами шрифты.

Леттеринг

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

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

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

Леттеринг для кофе-бара

Каллиграфия

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

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

Matt Vergotis

Кёрнинг

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

en.wikipedia.org

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

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

Трекинг

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

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

en.wikipedia.org

Интерлиньяж

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

en.wikipedia.org

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

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

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

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

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

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

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

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

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

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

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

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

Как итог

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

Текст подготовила Екатерина Киселева

Подписывайтесь на нас ВК

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

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

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

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

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

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

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

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

2. CMYK и RGB

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

Работая в Photoshop или Illustrator, у вас есть опция, позволяющая выбрать цветовой режим CMYK, RGB (red/красный, green/зеленый, blue/синий) или другие (но два вышеуказанных – это те, о которых вам нужно знать).

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

3. DPI и PPI

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

DPI используется в работе с графическим материалом, который будет идти в печать. Расшифровывается как “Dots Per Inch” – “Точек На Дюйм”, и его значение соответствует количеству точек на дюйм печатной страницы. В целом, чем больше точек на дюйм, тем лучше качество изображения. 300DPI – это стандарт для печатных изображений.

PPI расшифровывается как “Pixels Per Inch” – “Пикселей на дюйм”, и, соответственно, означает количество пикселей на дюйм. Если вы увеличите изображение в Photoshop – вы увеличите количество пикселей на дюйм и потеряете в качестве, так как программе нужно будет создать новые данные.

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

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

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

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

5. Сетки

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

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

6. Дизайн логотипов и брендинг

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

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

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

Автор: Creativebloq

Перевод: Sayhi

Читайте также: Из чего состоит брендинг

Читайте также: Что такое айдентика. 10 основных правил по созданию фирменного стиля.

Читайте также: Как стать графическим дизайнером. 5 простых шагов.

53 технических термина, которые вам следует знать, как UX дизайнеру

Ваш список технических терминов от А до Я в разговорном английском

Когда я начинал работать на должности Junior UX дизайнер, я был как рыба без воды. Мои знания о технологиях были ограниченными. На совещаниях я продолжал слышать эти слова, но понятия не имел, что они значат. Я возвращался за свой стол и гуглил, что  услышал, надеясь, что никто это не заметит!

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

“Если вы не можете объяснить это просто – значит, вы сами недостаточно хорошо это понимаете” (Альберт Эйнштейн)

A/B-тестирование (A/B testing)

A/B-тестирование – это когда вы с помощью пользователей тестируете две различные версии онлайн контента, чтобы увидеть какую из них они предпочтут.

Гибкая методология разработки (Agile) 7 дней дизайн-перезагрузки

Мощнейние спикеры, самое дружелюбное дизайн-комьнити и желание делать клевый дизайн.
Скидка 10% по промокоду UXPUB

Присоединиться

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

Android

Android – мобильная операционная система, разработанная Google. Она установлена на множестве мобильных телефонов и планшетов.

Как конвертировать интерфейс iOS в Android

API

Это означает интерфейс прикладного программирования (Application Programming Interface). API – это то, как компьютеры и веб-приложения обмениваются информацией друг с другом. Например, приложение находит текущую погоду в Сиднее, отправив сообщение API сайта weather.com. Затем API сайта weather.com отвечает структурированным ответом.

Автоматизированное тестирование (Automation Testing)

Автоматизированное тестирование – это когда обеспечение качества использует средство автоматизации для проведения тестов в программном приложении.

Аватар (Avatar) ?‍?

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

Бэк–энд разработка (Back End (Development)

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

Бэклог (Backlog)

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

Бикон (Beacon)

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

Ветвь или принцип разработки ветвями Branch (development branch)

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

Навигационная цепочка (Breadcrumb (navigation)

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

Более подробное пояснение в журнале Smashing

Баг (Bug) ?

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

Кеш (Cache)

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

Чат-бот (Chatbot)

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

8 правил создания чатботов

CMS

CMS означает систему управления контентом (Content Management System). Это компьютерное приложение, которое создает и управляет цифровым контентом.

Программы CRM

CRM обозначает cистему управления взаимоотношениями с клиентами (Customer Relationship Management). Это программное обеспечение, которое хранит контактную информацию клиента (например, имена, адреса и т.д.).

Пояснение на Salesforce

Коммиты (Commits)

Разработчики создают коммиты. Джейк Боксер дал великолепное толкование: “Коммит – это моментальный снимок ваших файлов. Представьте, что вы строите модель самолета. Каждый раз, когда вы достигаете подходящей точки остановки, вы вытаскиваете свою камеру и делаете снимок. Как только самолет будет готов, вы можете вернуться к своим фотографиям и посмотреть, как он выглядел на разных этапах. Ваш программный проект подобен модели самолета. Каждая фотография модели самолета – это коммит”.

CSS

CSS означает каскадные таблицы стилей (Cascading Style Sheets). CSS описывает, как элементы HTML должны отображаться на экране. HTML – это структура, CSS – это стиль, а Javascript – это режим работы.

Dev Ops

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

Наука о данных (Data Science)

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

Смайлики (Emoticons)

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

Добавление эмодзи (emoji) в Sketch

Фронт–энд разработка (Front End (development)

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

Github

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

Пост в блоге от Red Badger

Как можно использовать Github для совместной работы над дизайном

GIF

GIF означает формат для обмена изображениями (Graphics Interchange Format). GIF – это бесконечное циклично воспроизводящиеся изображения или видео клипы.

Хак (Hack)

Хак – это быстрое решение, которое устраняет проблему.

День хака или Хакатлон (Hack Day/Hackathon)

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

HTML

HTML означает язык гипертекстовой разметки (Hypertext Markup Language). HTML – это набор кодов разметки, вставленных в файл, предназначенный для отображения в сети. Разметка сообщает веб-браузеру, как отображать слова и изображения веб-страницы для пользователя. HTML – это структура (слова), CSS – это стиль, а Javascript – это режим работы.

Гибридное приложение (Hybrid App)

Гибридное приложение – это приложение, которое совмещает в себе как элементы нативного, так и веб приложения.

IP-адрес (IP Address)

Адрес Интернет-протокола (Internet Protocol Address) – это уникальный адрес идентификации устройства в Интернете или локальной сети.

iOS ?

Это мобильная операционная система, созданная и разработанная фирмой Apple. Это операционная система, управляющая iPhone, iPad и iPod.

Полное руководство по дизайну iOS 9 в Sketch

Итерация или Итеративная разработка (Iteration / Iterative Development)

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

Изображение с сайта www.rafaecheve.com

OOUX: Основа дизайна взаимодействий

Javascript

JavaScript – это язык программирования, используемый для того, чтобы сделать веб-страницы интерактивными. HTML – это структура, CSS – это стиль, а Javascript – это режим работы.

Мобильный Интернет (Mobile Web)

Мобильный Интернет – это доступ к Интернету со смартфонов.

Модем (Modem)

Модем – это устройство, которое позволяет компьютеру передавать данные по телефонным или кабельным линиям.

MVP

MVP сокращение от Minimal Viable Product (досл.  – минимально жизнеспособный продукт). Это способ разработки нового продукта (например, веб-сайта) с приемлемыми характеристиками для пользователей. Дополнительные функции разрабатываются только после рассмотрения фидбэка от первоначальных пользователей.

Хороший продукт не появляется случайно

NFC

NFC означает коммуникация ближнего поля или ближняя бесконтактная связь (Near Field Communication). Это способ беспроводной передачи данных на мобильное устройство с другого устройства. Например, Apple pay работает подобным образом.

Открытое программное обеспечение (Open Source)

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

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

Pull Requests (PR)

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

Рефакторинг или Переработка кода (Refactoring / Code Refactoring)

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

Отзывчивый веб-сайт (Responsive (Website)

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

Адаптивный дизайн в Sketch, детальный анализ

Ретро/Ретроспектива (Retro / Retrospective)

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

SAAS

Программное обеспечение как услуга (Software as a Service) – это способ доставки приложений через Интернет. Вместо установки и обслуживания программного обеспечения вы получаете доступ к нему через Интернет. Это освобождает вас от сложного программного и аппаратного управления.

Scrum (Разработка программного обеспечения)

Scrum – это итеративная гибкая среда разработки программного обеспечения для управления разработкой продукта.

SDK

Это означает комплект средств разработки программного обеспечения (Software Development Kit). SDK – это программное обеспечение, используемое для разработки приложений под определенное устройство или операционную систему.

Обучение Swift и Xcode для дизайнера. Создание своего приложения на Swift

SEO

Это означает поисковая оптимизация (search engine optimization). Это процесс привлечения людей на ваш веб-сайт через поисковые системы.

Slack

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

Спринты (Sprints) ?

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

Изображение с сайта Think Interactive

 

Официальное руководство по Google Design Sprint (методология дизайн-спринтов)

Спайк (Spike)

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

Технический долг (Tech Debt)

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

Модульное тестирование (Unit Testing)

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

VPN

Виртуальная частная сеть (Virtual Private Network). VPN позволяет вам создавать защищенное соединение с другой сетью поверх Интернета.

Каскадная модель (Waterfall)

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

“Нет большего препятствия для развития знания, чем двусмысленность слов”. Томас Рид

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

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

Спасибо Нику, Хулио и Алане за их отзывы. Спасибо Techopedia и Wikipedia за часть моих исследований.

Если вы считаете эту статью полезной, пожалуйста нажмите ?️ внизу, чтобы помочь другим найти ее и оставляйте комментарии, спасибо! 

37 терминов веб-дизайна — web-дизайн термины, словарь терминов

02.09.2019

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

Ниже я приведу 37 терминов, которые относятся к этим темам: дизайн, графика, цвет и типографика.

Дизайн

Визуальный вес

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

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

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

Плотность

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

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

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

Шаблон

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

“Над сгибом”

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

Адаптивный веб-дизайн

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

Пустое пространство (или отрицательное пространство)

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

Минимализм

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

Баланс

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

Композиция

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

Масштаб

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

CTA или Call-To-Action (призыв к действию)

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

Информационная архитектура

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

Вайрфреймы

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

Прототип

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

Стайл-гайд или руководство по фирменному стилю

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

Графика

CMYK

Цветовое пространство CMYK — означает голубой, пурпурный, желтый и черный (cyan, magenta, yellow и black). Эти четыре цвета используются принтерами для печати на физических носителях.

RGB

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

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

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

Растровые изображения используют определенное количество пикселей для создания изображения. Большинство изображений (особенно фотографии), которые вы видите в интернете, являются растровыми. К ним относятся такие форматы как JPG, PNG и GIF.

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

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

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

Favicon

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

Сжатие изображений

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

Больше о скорости загрузки читайте в статье “Что такое Google Page Speed Insights и как с этим работать”

Цвет

HEX код

Это шестнадцатеричный цветовой код, который представляет собой комбинацию из шести цифр и букв и используется цветовая модель RGB. Шестнадцатеричные коды, в основном, используется веб-дизайнерами для назначения цвета элементам интерфейса. Например наш акцентный желтый цвет это — #FF0000.

Hue (оттенок)

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

Tints (светлота)

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

Tones (тон)

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

Shade

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

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

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

Теплые цвета

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

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

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

Типографика

Serif

Гарнитуры с засечками. Имеют небольшие декоративные линии, также называемые

засечками, вверху или внизу буквы. К ним относятся такие семейства гарнитур, как Times New Roman, Georgia, PT Serif, New York. Подходят для “традиционного” дизайна. Гарнитуры с засечками передают элегантность, престиж и авторитет. Всегда были атрибутом юридических и финансовых сайтов.

Sans-Serif

Гарнитуры без засечек. Имеют точные линии без декоративных излишеств. Некоторыми примерами таких гарнитур может послужить Helvetica, Proxima Nova, Montserrat. Подходят для брендов, которые хотят донести пользователям современность, доступность и конструктивность.

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

Вес шрифта

Вес шрифта описывает толщину линий. Основные виды: light, thin, medium, bold и black. Тонкий и легкий вес используют для подписей, которые не несут особой важности; средний, обычно, используют для сплошного текста; а жирный и черный для акцентирования.

Интерлиньяж

По-простому — межстрочный интервал. В идеале, интерлиньяж равен размеру кегля умноженному на 1,6.

Трекинг

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

Кернинг

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

Сирота

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

Вдова

То же самое, что и сирота, только в конце абзаца.

Lorem ipsum

Lorem ipsum — это текст-рыба, используется для заполнения прототипов и макетов при отсутствии проработанного текстового контента. Выглядит следующим образом: “Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat…”.

Заключение

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

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

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

А Б В Г Д Е Ж З И К Л М Н О П Р С Т У Ф Х Ц Ч Ш Щ Э Я

Абак
(греч. Abax — доска). Верхняя плита капители. В классических архитектурных ордерах абак обычно имеет квадратные очертания с прямыми (в дорическом и ионическом ордерах) или вогнутыми в коринфском ордере краями.

Аванзал
Передний, первый зал.

Акант
(аканф) (греч. akanthos). Декоративная форма, восходящая к рисунку листьев одноименного травянистого растения. Мотив аканта широко употребляется в античном искусстве.

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

Акротерий
(греч. akroterion). Скульптурное украшение (статуя, пальметта), помещаемое над углами фронтона архитектурного сооружения.

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

Алтарь
(лат. altaria, от altus — высокий). Жертвенник; первоначально место для жертвоприношений на открытом воздухе. В Др. Греции и Риме — отдельные сооружения; в христианских храмах — столы («престолы») для совершения таинства, в католических — декоративные стенки. Алтарем называют также всю восточную часть храма, отделенную алтарной преградой, а в православных храмах с 14-15 вв. — иконостасом.

Амфитеатр
(от греч. amphitheatron). 1) Античное сооружение для зрелищ: овальная арена, вокруг которой уступами располагались места для зрителей (Колизей в Риме). 2) Места в зрительном зале (в театре и цирке за партером) или в аудитории, расположенные уступами.

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

Антаблемент
(франц. entablement). Верхняя часть сооружения, обычно лежащая на колоннах, составной элемент архитектурного ордера; членится на архитрав, фриз, карниз.

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

Антресоль
Верхняя часть помещения, разделенная на два полуэтажа; верхний полуэтаж, встроенный в объем основного этажа, характерен для особняков и усадебных домов XVIII — 1-й половины XIX века.

Анты
(лат. antae). Выступы продольных стен здания, ограждающие вход (напр., в древнегреческом «храме в антах»).

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

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

Арка
1) Криволинейное перекрытие проемов в стене (окон, ворот, дверей) или пролетов между опорами, например между колоннами или устоями. Арки впервые появились в архитектуре Древнего Востока, получили широкое распространение в архитектуре Древнего Рима. 2) Нестандартное решение в оформлении окон. Можно использовать механизм для французских штор, а также очень хорошо подойдут системы плиссе, которые могут быть различных форм и с разным управлением.

Арка триумфальная
Триумфальные ворота, постоянное или временное монументальное обрамление проезда (обычно арочное), торжественное сооружение в честь военных побед и других знаменательных событий (арки Тита в Риме, 81; Триумфальные ворота в Москве, 1827 -34, восстановлены в 1968 на пл. Победы).

Аркада
(франц. arcade). Ряд одинаковых арок, опирающихся на колонны или столбы.

Аркатура
(нем. Arkatur). Ряд декоративных ложных арок на фасаде здания или на стенах внутренних помещений.

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

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

Архивольт
(итал. archivolto). Обрамление арочного проема, выделяющее дугу арки из плоскости стены.

Архитектоника
(от греч. architektonike — строительное искусство). Художественное выражение закономерностей строения, соотношения нагрузки и опоры, присущих конструктивной системе сооружения или произведений скульптуры….

Архитектор
Специалист в области архитектуры, зодчий.

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

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

Архитрав
(от архи … и лат. trabs — балка). Нижняя из 3 горизонтальных частей антаблемента, лежащая на капителях колонн; имеет вид балки — широкой, гладкой (в дорическом и тосканском ордерах) или разделенной на 3 горизонтальных уступа — фасции (в ионическом и коринфском ордерах).

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

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

Атриум
атрий (лат. atrium). Закрытый внутренний двор в середине древнеримского жилища, куда выходили остальные помещения. В центре был бассейн (имплювий), над ним отверстие (комплювий) для стока дождевой воды.

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

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

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

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

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

Итог

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

Колористика для дизайнеров. Термины и определения.

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

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

Добавьте цветную иллюстрацию

Цвет

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

Свойства цвета

К основным свойствам цвета относятся тон, яркость, хроматичность и насыщенность.

Тон (hue)

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

Тон — это базовый материал, который можно изменить тремя разными способами: затушевать, затенить и тонировать. В зависимости от применяемой техники тон превращается в оттенок, тень или тональность.

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

Premiumbeat

Яркость (Value)

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

Хроматичность (Chromacity)

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

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

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

Приложение «Календарь» (Tubik)

Цветовой круг

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

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

Типы цвета

По типу цвет делится на первичные, вторичные и третичные; а также на холодные, теплые и нейтральные.

Первичные цвета (Primary)

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

Вторичные цвета (Secondary)

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

RGB:

зеленый + красный = желтый

красный + синий = фиолетовый

синий + зеленый = голубой

CMYK:

желтый + фиолетовый = красный

фиолетовый + голубой = синий

голубой + желтый = зеленый

RYB:

желтый + красный = оранжевый

красный + синий = фиолетовый

синий + желтый = зеленый

Третичные цвета (Tertiary)

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

Холодные, теплые и нейтральные цвета

Все описанные выше цвета можно также разделить на три вида: холодные, теплые и нейтральные.

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

Приложение по прогнозу погоды (Tubik)

Цветовые модели

Существует несколько цветовых моделей: RGB, RYB, CMY, CMYK.

RGB

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

RYB и CMY

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

CMYK

Модель CMY была видоизменена с появлением фотомеханической печати. Ее ключевым компонентом стали черные чернила, и модель была переименована в CMYK (C — голубой, M — фиолетовый, Y — желтый, K — черный). Без этого дополнительного пигмента ближайший к черному оттенок был бы грязно-коричневого цвета. В настоящий момент данная цветовая модель чаще всего используется в печати.

Printaura

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

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

Монохромная

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

Визитки Deetu

Аналоговая

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

Анимированный логотип Binned

Комплементарная

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

Личный кабинет в приложении Home Budget

Раздельно-комплементарная

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

Сайт Financial Service

Триадическая

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

Начальная страница приложения для знакомств от Tubik

Четвертичная/Сдвоенно-комплементарная

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

Приложение Business Card

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

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

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

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

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

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

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

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

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

3. Диафрагма

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

4. Апекс

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

5. Рука

Когда шток с одного конца не прикреплен к штоку.

6. Подъемники

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

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

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

8. С обратным наклоном

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

9. Шаровая клемма

Шаровидное продолжение буквы.

10. Исходный уровень

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

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

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

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

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

24. Контрастность

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

25. Счетчик

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

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

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

27. Знаки урожая

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

28. Ригель

Штрих поперек стержня (например, горизонтальная линия букв «T», «H», «E» и т. Д.).

29. Спусковые устройства

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

30. Дисплей

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

31. Ухо

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

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

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

33. Тиснение и дебоссинг

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

34. Расширенная

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

35. Лыпа

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

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

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

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

.

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

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

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

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

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

40. Градиент

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

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

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

42. Сетка

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

43. Надпись от руки

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

44. Жесткий возврат / Мягкий возврат

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

45. Шестигранник

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

46. Иерархия

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

47. Крючок

.

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

48. Значок

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

49. Курсив

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

50. Сустав

Штрих, соединяющийся со стержнем.

51. Обоснованный

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

52. Кернинг

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

53. Ведущий

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

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

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

55. Нога

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

56. Типографская

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

57. Лигатура

.

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

58. Ссылка

Обводка, соединяющая чашу и петлю строчной g.

59. Логомарк

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

60. Логотип

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

61. Строчные

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

62. Маржа

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

63. Masthead

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

64. Макет

.

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

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

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

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

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

67. Доска объявлений

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

68. Сирота

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

69. Палитра

.

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

70. Pantone (ПМС)

.

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

71. Пильковина

Pilcrow — это название символа symbol, используемого для обозначения начала нового абзаца или раздела текста. Пилвоны также появляются в некоторых программах в виде значков на панели инструментов — они используются в 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. Рваный край / тряпка

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

79.Растр

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

80. Читаемость

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

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

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

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

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

83. RGB

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

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

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

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

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

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

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

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

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

88. Масштаб

.

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

89. Тип сценария

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

90. Засечки

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

91. Плечо

.

Изогнутый ход, связанный со штоком.

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

.

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

93. Slab Serif Type

.

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

94. Шток

.

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

95. Фото

.

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

96. Напряжение

Изменение ширины штриха буквы по диагонали или по вертикали.

97. Ход

Любой линейный элемент на письме.

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

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

99.Swash

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

100. Симметрия

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

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

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

102. Терминал

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

103. Текстура

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

104. Значок

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

105. Титл

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

106. Тофу

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

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

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

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

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

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

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

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

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

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

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

112. Наборный

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

113. Тип Размер

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

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

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

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

115. Прописные

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

116. Вектор

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

117. Вершина

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

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

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

119. Вдовы

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

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

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

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

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

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

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

БОЛЬШИЕ

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

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

Информационный дизайн:

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

ПРИНЦИПЫ ДИЗАЙНА

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

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

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

• Близость между элементами в конструкции
• Сходство между элементами
• Продолжение элементов
• Повторение элементов
• Производство визуального ритма

Баланс

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

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

Иерархия

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

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

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

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

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

Сходство

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

Контраст

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

Повтор:

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

Мировоззрение

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

Район:

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

Движение

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

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

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

Координаторы

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

ЭЛЕМЕНТЫ ДЛЯ ТИПОГРАФИИ

Типография:

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

Копия тела:

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

Тип дисплея:

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

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

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

Кернинг:

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

Ведущий:

(Произносится как металлический элемент) Расстояние между строками текста, в отличие от букв или слов.«Одинарный интервал» и «двойной интервал» — ведущие термины в дизайне.

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

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

Гарнитура:

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

Семейства шрифтов:

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

Шрифт:

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

Вес шрифта:

Толщина шрифта в первую очередь определяет толщину символов в любом заданном шрифте.

Стиль шрифта:

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

Lorem Ipsum:

Часто на ранних стадиях дизайна фактический текст, который будет использоваться, еще не доступен. Именно здесь на помощь приходит Lorem Ipsum. Это «фиктивная копия» — латинские фразы, созданные для имитации реального текста с целью демонстрации того, как будет выглядеть дизайн после того, как фактическая копия станет доступной.Считается, что текст представляет собой зашифрованную версию известного философского труда Цицерона De Finibus Bonorum et Malorum.

Шрифт с засечками / без засечек:

Такие гарнитуры, как «Times New Roman», имеют так называемые «засечки»: маленькие крючки и ножки на концах всех букв. Это так называемые «шрифты с засечками», и широко распространено мнение, что они облегчают чтение текста. Гарнитуры без засечек называются «гарнитурами без засечек».

Размер шрифта:

Размер используемого шрифта; например, они обычно отображаются как «12 пунктов» или «12 пунктов».”Размер шрифта увеличивается с увеличением числа.

ЭЛЕМЕНТЫ ДЛЯ ИЗОБРАЖЕНИЯ

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

Насколько прозрачен объект изображения.

Разрешение:

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

Контрастность:

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

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

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

Стоковое фото:

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

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

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

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

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

Линия:

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

Форма:

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

Текстура:

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

Площадь:

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

Точек на дюйм:

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

Горизонтальное и вертикальное выравнивание:

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

ХАРАКТЕРИСТИКИ ЦВЕТА

Оттенок:

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

Значение / тон:

Значение и тон относятся к яркости цвета. Узкое определение относится к оттенкам, которые были смешаны с некоторыми вариациями серого, что снижает яркость и интенсивность цвета. Более широкое определение включает добавление только белого или только черного, а затем включает термины «оттенок» и «оттенок». В любом случае, когда вы отрегулировали значение / тон оттенка, вы отрегулировали его яркость.

Оттенок:

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

Оттенок:

Оттенок, в некоторой степени смешанный с чистым черным. Если окрашенные цвета были осветлены, то затененные цвета затемнены.

Палитра:

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

Монохромный:

Палитра, состоящая только из одного оттенка и связанных с ним тонов, оттенков и оттенков.

Аналог:

Палитра, состоящая из цвета (включая оттенок, тона, оттенки и оттенки) и двух его соседних цветов на цветовом круге.

Дополнительно:

Палитра, состоящая из цвета и цвета, прямо противоположного ему на цветовом круге.

Триада:

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

Раздельно-комплементарная

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

Тетрадик

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

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

Есть две основные цветовые модели: аддитивная и субтрактивная.Аддитивная цветовая модель — это то, как смешивается свет, а субтрактивная цветовая модель — для пигмента. Многие цветовые модели относятся к определенному типу работы. Например, RGB, версия аддитивного цвета, используется для цифрового дизайна, в то время как CMYK, Pantone и HSI, три популярные субтрактивные модели, используются для печати.

RGB:

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

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

CMYK:

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

Pantone (PMS):

«Система соответствия Pantone»; стандартизированная нумерованная цветовая система, используемая в печати. По каждому номеру цвета легче идентифицировать или ссылаться на точные тона, оттенки или оттенки цвета.

Градиент:

Градиент — это постепенный переход от одного тона цвета к другому.

Теплые тона:

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

Холодные цвета:

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

Теория цвета:

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

Цветовой круг:

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

Форматы файлов:

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

Общие форматы файлов

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

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

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

AI — AI — это собственный тип файла Adobe Illustrator

.

PSD — Собственный тип файла Adobe Photoshop

INDD — Собственный тип файлов Adobe InDesign

Пользовательский опыт vs.Пользовательский интерфейс

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

Узнать больше о Graphic Arts

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

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

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

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

«Что, черт возьми, означает визуальная иерархия ?!»

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

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

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

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

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

И поскольку многие люди путают их или думают, что это одно и то же, вот что на самом деле означают термины «гарнитура» и «шрифт»:

• Гарнитура: набор из одного или нескольких шрифтов, которые вставляются единой категории из-за общих черт дизайна. Пример: Авенир.
• Шрифт: определенный шрифт определенного размера и стиля.Шрифты в общем гарнитуре часто отличаются по толщине, наклону, курсиву и т. Д. Пример: Avenir LT Std 35 Light.

2. Кернинг, интерлиньяж и отслеживание

Это три термина графического дизайна, которые относятся к промежутку между шрифтами.

1. Кернинг — это интервал между двумя конкретными символами в вашем типе
2. Интерлиньяж — интервал между двумя строками копии
3. Отслеживание — это расстояние между всеми буквами

Источник изображения: MGS

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

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

Совет: не делайте интервалы слишком маленькими — это может затруднить чтение текста!

При использовании таких инструментов, как Photoshop и Illustrator, чтобы поиграть с интервалом между шрифтами, помните об удобстве пользователя! Лучше иметь легко читаемый текст, чем излишне «стильный».”

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

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

Некоторые примеры этого типа шрифта: Baskerville, Caslon, Didot, Bookman Old Style и Times New Roman.

4. Гарнитура без засечек

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

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

Некоторыми примерами этого типа шрифта являются Avenir, Futura, Circular, Lucida Sans и Helvetica.

5. Гарнитура Slab

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

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

Некоторыми примерами этого типа шрифта являются Clarendon, Black Slabbath, Sentinel, Rockwell и Arvo.

6. Шрифт Script

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

Некоторые примеры этого типа шрифта: Hickory Jack, Noelan, Beautiful Bloom, Dancing Script и Sweet Mia.

7. Визуальная иерархия

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

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

Логотип, созданный в Looka

Логотип, созданный в Looka

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

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

8. Бренд и идентичность бренда

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

«Бренд — это не то, что вы говорите. Это то, о чем они (ваша аудитория) говорят ».

— Марти Ноймайер

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

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

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

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

9. Логотип

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

10. Торговая марка

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

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

11. Контраст

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

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

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

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

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

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

Посмотрите на знаменитый логотип FedEx ниже и на то, как он использует отрицательное пространство для образования стрелки между буквами «E» и «x».

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

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

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

14.Прозрачный фон

Прозрачный фон — это когда графика или логотипы не имеют цвета фона или вообще не имеют фона.

Эти дизайны часто сохраняются как файл PNG и могут быть помещены поверх видео, рекламы, фотографий и т. Д. — возьмем этот пример логотипа, используемого на черной шляпе. (Примечание: при покупке пакета Looka Premium или Enterprise вы получаете версии своего логотипа на прозрачном фоне).

15. Свободное пространство / зона исключения

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

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

16. Градиент

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

Есть два общих типа градиентов:

• Линейные градиенты, где каждый цвет находится на противоположных сторонах кадра
• Радиальные градиенты, где один цвет находится посередине, а другой — по краю

Редизайн логотипа Instagram — известный пример градиента в дизайне логотипа. Хотя он содержит много цветов, каждый цвет постепенно перетекает в следующий, придавая этому логотипу почти ретро / психоделическое ощущение.

Затем они использовали этот градиентный дизайн и цветовую схему и применили их к другим проектам своих приложений: Instagram TV, Boomerang, Hyperlapse и Layout.

17. Фольга

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

Логотип, созданный в Looka

Логотип, сделанный в Looka

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

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

19. Контейнер

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

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

Соотношение сторон описывает соотношение между шириной и высотой фигуры (обычно прямоугольной). Часто при создании или добавлении изображений на свой веб-сайт вы увидите такие варианты, как 1: 1 (квадрат) или 16: 9 (широкий).Эти соотношения влияют на глубину и масштаб того, как вы будете рассматривать изображение.

Источник: presentationpoint.com

Изображения 1: 1, как правило, более сильно обрезаны и фокусируются на одном элементе изображения. Более широкие и более панорамные изображения будут иметь большее соотношение, например 16: 9, и обеспечат широкое представление изображения.

21. Выравнивание (по левому краю, по правому краю, по центру)

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

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

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

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

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

Термин разрешение описывает резкость и четкость изображения. Цифровое разрешение часто измеряется в пикселях на дюйм (PPI). Как правило, чем выше PPI, тем четче будет изображение.В печати разрешение измеряется в точках на дюйм (DPI).

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

24. Сетка

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

25. Пятна за обрез

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

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

Каждый раз, когда вы предпринимаете шаги по созданию нового элемента брендинга — от логотипа до плаката и веб-сайта — и хотите добавить элемент дизайна, задайте себе эти три вопроса:

• Как это улучшит мой дизайн?
• Это нужно?
• Понравится ли это моему идеальному покупателю?
  

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

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

40. Контраст

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

41. Пиксели

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

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

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

43. Вектор

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

44. Растр

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

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

Соотношение сторон — это термин, обозначающий отношение ширины к высоте изображения или экрана.

46. Шкала

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

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

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

48. Маржа

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

49. Высечка

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

50.Эскиз миниатюры

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

Глоссарий терминов по дизайну

| Определение дизайна

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

Подробнее

---

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

Подробнее

---

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

Подробнее

---

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

Подробнее

---

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

Подробнее

---

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

Подробнее

---

В 2016 году вышла книга Джейка Кнаппа «Спринт: как решать большие проблемы и проверять новые идеи всего за пять дней», которая полностью изменила способы решения проблем в организациях по всему миру.С тех пор книга стала бестселлером New York Times, а дизайнерские спринты стали одним из основных элементов процесса совместной работы. Узнав больше о дизайн-спринтах, вы сможете понять, как применить его к стратегическим задачам вашей организации.

Подробнее

---

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

Подробнее

---

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

Подробнее

---

130 Общие термины проектирования, которые необходимо знать. Если вы входите в мир дизайна или… | Кэсси Феррик | QuarkWorks, Inc.

A / B-тестирование

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

Специальные возможности

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

Adaptive

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

Affordance

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

Ajax

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

Выравнивания

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

Аналог.

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

Якорный текст

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

Анимация

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

Ascender

Ascender — это вертикальные восходящие штрихи, которые возвышаются над высотой по оси x.Например, буквы h , b и d .

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

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

Аватар

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

Баланс

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

Baselinegrid

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

Внизу сгиба

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

Body Copy

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

Размытие

Создание мягкого или размытого эффекта вокруг изображения.

Торговая марка

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

Высота заглавной буквы

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

Пример из практики

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

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

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

Сжатие

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

Контрастность

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

Теория цвета

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

Копия

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

Обрезка

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

CSS

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

Долг

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

Descender

Descender — это часть буквы, которая спускается ниже базовой линии этого конкретного символа.Обычно вы видите это с буквами: g, y , q и p .

Display Typeface

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

DPI

точек на дюйм (DPI) — это количество точек на квадратный дюйм в цифровом дизайне или печати. В зависимости от плотности точек на изображении оно может иметь более высокое или более низкое разрешение просмотра.

Падающая тень

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

Элементы

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

Конечный пользователь

Человек, для которого вы разрабатываете конечный продукт.

EPS

EPS (сокращение от Encapsulated PostScript) используется, когда вы хотите напечатать иллюстрации с высоким разрешением. Файлы EPS обычно создаются в Adobe Illustrator.

Отслеживание взгляда

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

Растушевка

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

Figma App

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

Плоский

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

Блок-схема

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

Шрифт

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

Геймификация

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

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

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

GIF

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

Градиент

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

Сетка

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

GUI

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

Hex

Шестизначный код, используемый для представления определенного цвета. Например, черный имеет шестнадцатеричный код 000000, а белый — шестнадцатеричный код FFFFFF.Они обычно используются в Sketch и Figma при проектировании.

Иерархия

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

Оттенок

Оттенок — это чистый цвет. По сути, это просто описание цвета. Желтый, синий и оранжевый — разные оттенки.

High Fidelities

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

Значок

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

iOS

Мобильная операционная система, созданная Apple.

Итерация

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

JPEG

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

Кернинг

Расстояние между буквами в слове.

Knolling

Knolling — это когда вы располагаете объекты так, чтобы они располагались под углом 90 градусов или были параллельны друг другу.

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

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

Интерлиньяж

Высота строки или интервал между двумя строками текста.

Логотип

Символ или изображение, созданное для представления или продвижения вашего бизнеса.

Logo Mark

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

Lorum Ipsum

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

С потерями

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

Навигация / Меню

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

Поля

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

Микрокопия

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

Средняя линия

Средняя линия — это воображаемая линия, на которой останавливаются все не восходящие буквы.

Mockup

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

Монохромный

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

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

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

Moodboard

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

MVP

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

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

Часто называемое «прозрачностью» — это количество света, которое вы пропускаете через объект. Регулировка непрозрачности позволяет вам затухать, смешивать, осветлять или накладывать слои внутри элемента.

Открытый исходный код

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

Открытый тип

Межплатформенный файл шрифтов, в котором шрифты масштабируются.

Сирота

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

Палитра

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

Pantone

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

PDF

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

Персона

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

Persona Mapping

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

Пиксель

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

Подключаемый модуль

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

PNG

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

PPI

Pixels Per Inch (PPI) используется для описания плотности пикселей между изображениями на экране.

Прототип

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

Близость

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

QA

QA означает «Обеспечение качества» и дает дизайнеру возможность проверить продукт, прежде чем он выйдет на официальное тестирование пользователем.

Растр

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

Разрешение

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

Отзывчивый

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

RGB

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

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

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

Sans-Serif

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

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

Интенсивность цвета.

Script

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

Масштаб

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

Засечки

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

Набросок

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

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

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

Slab-Serif

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

Sprint

Sprint — основная особенность структуры Scrum / Agile.Спринты — это короткие периоды времени, в течение которых скрам-команда должна выполнить цели к концу спринта. Обычно они длятся не более нескольких недель и выполняются поэтапно, например: планирование, проектирование, разработка, внедрение, тестирование, развертывание, затем проверка и повторение.

Шток

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

Stock Photo

Место, куда вы можете получить лицензионные изображения для массового использования при разработке веб-сайтов, блогов, мобильных приложений и т. Д.Если у вас нет фотографа, популярные сайты для стоковых фотографий — Unsplash, Pixabay и Pexels.

Раскадровка

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

Обводка

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

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

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

SVG

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

Симметрия

Симметрия означает ощущение гармоничного баланса и пропорции по отношению к общему дизайну при просмотре.

Шаблон

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

Текстура

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

Миниатюра

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

Эскиз в миниатюре

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

Оттенок

Более светлая или более темная версия определенного цвета.

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

Отслеживание — это когда вы ослабляете или затягиваете выбранный набор текста.

Triadic

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

Гарнитура

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

Типографика

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

UI

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

Удобство использования

Здесь вы принимаете во внимание, как пользователь взаимодействует с определенным дизайном. Является ли приложение или веб-сайт, который вы разработали для пользователей, интуитивно понятным, безопасным и эффективным, позволяя им легко ориентироваться?

Поток пользователей

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

UX

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

Вектор

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

Водяной знак

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

Вес

Увеличение веса объекта делает его более тяжелым. Различные способы добавить веса — это придать линии толщину или сделать цвет объекта более насыщенным. Все эти различные факторы могут сделать изображение более полным.

Пробел

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

Вдова

Вдова — это очень короткая строка или одно слово, расположенное в самом конце абзаца или столбца.

Wire Frames

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

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

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

ZIP

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

Все определения были созданы с помощью следующих сайтов:

https: // фонд карьеры.com / en / blog / ux-design / ux-design-glossary /

https://99designs.com/blog/tips/15-descriptive-design-words-you-should-know/

https: // buffer.com/library/53-design-terms-explained-for-marketers/

https://www.smashingmagazine.com/2009/05/web-design-industry-jargon-glossary-and-resources/

Как всегда, QuarkWorks готов помочь с любым проектом программного обеспечения — веб-, мобильным и т. Д.! Если вы заинтересованы в наших услугах, посетите наш веб-сайт.Мы будем рады ответить на любые ваши вопросы! Просто напишите нам в Twitter, Facebook, LinkedIn или Instagram.

Основной глоссарий из 40 терминов дизайна интерьера — 2021

Основной глоссарий из 40 терминов дизайна интерьера — 2021 — MasterClass

Чтобы отправить запросы на помощь или оставить отзыв о доступности, свяжитесь с [email protected].

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

---

Основной глоссарий из 40 терминов в дизайне интерьера

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

1. Ар-деко : стиль изобразительного искусства модерн, который впервые появился во Франции в преддверии Первой мировой войны. во всех видах современного дизайна, от структурной архитектуры до дизайна бытовой техники.
2. Баухаус : стиль дизайна, получивший свое название от влиятельной немецкой художественной школы, действовавшей с 1919 по 1933 год.Стиль Баухаус определяется упрощенным модернизмом и концепцией «форма следует за функцией».
3. Букле : Тяжелая ткань, состоящая из узловатой пряжи с петлями, часто двух разных оттенков, создающей текстуру.
4. Ножка Cabriole : Ножка для мебели с орнаментом с двойной изогнутой структурой.
5. Ящики для товаров : Виды корпусных изделий и мебели, предназначенные для хранения вещей.
6. Направляющая для стула : Горизонтальный профиль, который обычно размещается посередине стены, близко к высоте стандартного стула в столовой.
7. Шезлонг : Мягкий предмет мебели, похожий на диван, имеющий форму кресла для отдыха.
8. Шинуазри : европейский стиль дизайна, имитирующий элементы восточноазиатского искусства.
9. Clerestory : Окно или ряд окон, которые расположены выше уровня глаз.
10. Консольный стол : Отдельно стоящий стол, часто встречающийся в подъездах домов, который обычно служит пространством для декоративных элементов.
11. Столешница : горизонтальная поверхность, обычно встречающаяся на кухнях и используемая для приготовления и приема пищи.
12. Регулируемая яркость : Когда яркость лампочки регулируется.
13. Столовая : Обозначенная комната в доме, используемая для официальных обедов, которая отделена от кухни. Обычно в нем есть длинный обеденный стол и стулья, достаточные для размещения больших вечеринок.
14. Отметка : двухмерный чертеж стены (или ряда стен) с различной степенью детализации.
15. Enfilade : серия комнат, соединенных дверными проемами, выровненными друг с другом (обычное дело в великих замках, таких как Версальский дворец, или даже в музеях).
16. Etagere : Отдельно стоящий или подвесной набор открытых полок, предназначенный для демонстрации безделушек или других декоративных предметов.
17. Faux : элемент дизайна, искусственно созданный для имитации другого типа материала или предмета.
18. Фен-шуй : традиционный метод китайского дизайна, основанный на энергетических силах.Фен-шуй призван привести человека в гармонию с окружающей средой.
19. Фокус : Точка в комнате или дизайне, к которой притягивается взгляд. Декоративный центр комнаты, от которого исходят все остальные элементы дизайна.
20. Оттенок : цвет или оттенок элемента дизайна интерьера.
21. Внутренняя стена : Стена внутри дома, предназначенная для того, чтобы выдерживать структурный вес или разделять части внутри здания.
22. Жаккард : Жаккардовый текстиль, названный в честь типа ткацкого станка, представляет собой тканые, сильно текстурированные ткани, в которых рисунок встроен в переплетение, а не штампуется или печатается на материале. Узнайте больше о жаккарде в нашем путеводителе по ткани здесь.
23. J-box : сокращение от «Junction Box». J-боксы — это настенные блоки, в которых размещаются электрические провода. Они являются точками пересечения для самых разных типов проводов и могут быть помещены в стойку над тяжелыми легкими светильниками.
24. Кельвин : Единицы измерения, относящиеся к цвету источника света. Чем выше число Кельвина, тем оно ближе к воспроизведению яркого солнечного света.
25. Ламинат : многослойное синтетическое напольное покрытие, которое изготавливается с использованием ламинирования.
26. Светильник : Устройство, в котором находится электрическая лампа, предназначенная для освещения.
27. Модерн середины века : Современный стиль архитектурного дизайна, возникший после Второй мировой войны, определяемый открытыми планами этажей и большими окнами.
28. Монохроматический : цветовая схема, сосредоточенная вокруг одного цвета.
29. Ниша : углубление в стене или комнате.
30. Патина : Легкий слой глянца или пленки, который появляется на поверхности в результате старения или искусственных повреждений.
31. Пропорция : понимание масштаба отдельных элементов одного и того же объекта.
32. Retro : Дизайн, который восходит к старым стилям и чувствам дизайна.
33. Масштаб : понимание того, как размер одного объекта в пространстве соотносится с размером других объектов в пространстве.
34. Бра : Тип светильника, который крепится к стене для поддержки.
35. Диван : мягкий предмет мебели, достаточно длинный, чтобы вместить двух человек.
36. Trompe l’oeil : метод, используемый для того, чтобы обмануть глаз, заставляя думать, что что-то плоское, например стена, на самом деле трехмерно.Часто это достигается с помощью фотореалистичной живописи.
37. Обивка : Амортизация и набивка предметов мебели.
38. Викторианский стиль : архитектурный стиль, определяемый богато орнаментированным дизайном и грандиозными широкими фасадами.
39. Wainscoting : Тип внутренних стеновых панелей, покрывающих нижнюю часть стены.