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

Технические инструменты и цифровая магия

1. Photoshop — мастер растровых изображений, где фотографии превращаются в арт.

2. Illustrator — идеальная векторная графика для логотипов и иллюстраций.

3. Figma / Sketch — современные инструменты для UI/UX дизайна и прототипирования.

4. Графический планшет — цифровая кисть, позволяющая рисовать и редактировать прямо на экране.

5. Маска — скрывает лишнее и открывает важное, без разрушения исходника.

6. Растровая графика — пиксели создают изображение; хорошо для фотографий.

7. Вектор — линии и кривые вместо пикселей; масштабируемо без потери качества.

8. Плотность пикселей (PPI) — показатель четкости изображения на экране.

9. Фрейм — рамка или область для элементов, особенно в веб-дизайне.

10. Пост-продакшн — финальная шлифовка визуального контента.

11. Экспорт / Рендеринг — процесс подготовки проекта к публикации или печати.

12. Смарт-объекты — редактируемые элементы в Photoshop, сохраняющие качество.

13. Масштабирование — растягивание графики без потери качества.

Композиция, форма и пространство

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

15. Пространство / пустота — помогает «дышать» дизайну и улучшает восприятие.

16. Сеточная система (Grid) — упорядочивает элементы, создавая баланс.

17. Объект — любой визуальный элемент, который можно перемещать и редактировать.

18. Рамка / Контур — ограничивает внимание, выделяя важное.

19. Фон — создает атмосферу и подчеркивает главный элемент.

20. Лейаут — структура страниц или интерфейсов.

21. Макет — предварительная визуализация проекта.

22. Макет интерфейса — расположение кнопок, текста и блоков в UI.

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

24. Модульность — использование повторяющихся блоков для удобства и системности.

25. Визуальная иерархия — определение, что должно быть заметно первым, а что вторично.

26. Асимметрия — преднамеренное нарушение симметрии для динамики.

Цвет, текст и визуальный язык

27. Цветовая палитра — набор цветов, задающий настроение.

28. Градиент / Градация — плавный переход цвета для глубины и акцентов.

29. Контраст — выделяет ключевое и улучшает читаемость.

30. Цветовая теория — как цвета взаимодействуют и влияют на восприятие.

31. Типографика — стиль текста: шрифты, размеры, интервалы.

32. Шрифт — характер текста: строгий, рукописный, декоративный.

33. Кернинг — настройка интервала между буквами.

34. Лидинг — расстояние между строками для улучшения читаемости.

35. Заливка — окраска объектов цветом или текстурой.

36. Иконка / Пиктограмма — символы, говорящие без слов.

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

38. Тонирование (Hue / Saturation) — изменение цвета, яркости и насыщенности.

39. Цветовые схемы — комплементарные, аналоговые, триадные комбинации для гармонии.

Креативный процесс

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

41. Дизайнерский процесс — путь от исследования до реализации.

42. Скетч / Скетчинг — быстрые наброски для ловли идей.

43. Анимация — оживление графики и интерфейсов.

44. Ретушь — улучшение изображений, исправление дефектов.

45. Инфографика — визуализация данных для легкого восприятия.

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

47. Интерактивный дизайн — интерфейсы, которые реагируют на действия.

48. Система дизайна — правила и стандарты, чтобы все элементы были едины.

49. UI / UX дизайн — удобство и красота интерфейсов.

50. Микро-взаимодействия — маленькие анимации и реакции, которые делают интерфейс живым.

51. Wireframe — каркас интерфейса, основа прототипа.

52. Moodboard — визуальная доска вдохновения для проекта.

53. Storytelling через дизайн — передача идеи через визуальные элементы.

Бренд и визуальная идентичность

54. Логотип — лицо бренда, его символ.

55. Брендинг — создание узнаваемого образа.

56. Визуальная идентичность — цвета, шрифты, элементы, создающие целостный стиль.

57. Тренды дизайна — актуальные стили, приемы и методы.

58. Флэт-дизайн — минимализм без теней, чистый и понятный.

59. Иллюстрация / Кастомная графика — уникальные визуальные элементы для проекта.

60. Креативные концепции — оригинальные идеи, которые отличают проект от других.

61. Эстетика — гармония, вкус и стиль во всем.

62. UX writing — тексты для интерфейсов, которые помогают пользователю.

63. Адаптивный дизайн — корректное отображение на разных устройствах.

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

65. Motion design — анимации и динамика для цифровых проектов.

66. Интерактивные прототипы — позволяют тестировать интерфейс до его запуска.

67. Gamification — использование игровых элементов для вовлечения пользователя.

68. Call to action (CTA) — элементы, побуждающие к действию.

69. Персонажи / Avatars — визуальные образы для взаимодействия с пользователем.

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

Скучно, но нужно — глоссарий по графическому дизайну

Этот объединённый глоссарий включает более 400 терминов, охватывая:

• Графический и веб-дизайн

• Motion-графику и анимацию

• 3D-графику и визуальные эффекты

• UX/UI и пользовательский опыт

• Типографику, брендинг и полиграфию

A

• Adobe Creative Suite (Adobe CS) — набор профессиональных программ для графического дизайна: Photoshop, Illustrator, InDesign и др. Используется для создания и редактирования изображений, иллюстраций и макетов.

• AI (Adobe Illustrator) — программа для создания векторной графики. Применяется для логотипов, иконок и масштабируемой графики.

• After Effects (AE) — программа для создания анимации и motion-графики, часто используется в видео, рекламных роликах и презентациях.

• Animation (Анимация) — создание движения графических элементов для видео, презентаций или интерфейсов.

• Animation Loop (Циклическая анимация) — повторяющаяся анимация, например, для гифок или интерактивных элементов интерфейса.

• Artboard (Артборд) — рабочее поле в графических редакторах, на котором размещают дизайн-элементы.

• Asset (Актив) — любой графический элемент, шрифт или изображение, используемое в проекте.

B

• Baseline (Базовая линия) — линия, по которой выравнивается текст, чтобы строки смотрелись ровно.

• Bevel (Фаска/Скос) — эффект объема на элементе, создающий ощущение трехмерности.

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

• Blend Mode (Режим смешивания) — способ взаимодействия слоев изображения, позволяющий создавать эффекты наложения.

• Branding (Брендинг) — процесс создания визуальной идентичности компании: логотип, фирменные цвета, шрифты и стиль.

• Breadcrumbs (Навигационные «хлебные крошки») — элементы интерфейса, показывающие путь пользователя по сайту.

• Bezier Curve (Кривая Безье) — математическая кривая для построения плавных форм в векторной графике и анимации.

• Blend Mode (Режим смешивания) — способ наложения слоев для создания визуальных эффектов.

• Bokeh — эффект размытия заднего плана для выделения объекта.

C

• Camera Angle (Угол камеры) — точка зрения, с которой изображается объект в 3D или иллюстрации.

• Character Design (Дизайн персонажа) — создание уникальных персонажей для иллюстраций, игр и анимации.

• Cinemagraph — частично анимированное изображение, где один элемент движется, а остальное — статично.

• CMYK — цветовая модель для печати: Cyan, Magenta, Yellow, Key (черный).

• Contrast (Контраст) — различие между элементами (цвет, размер, форма) для улучшения читаемости и акцента.

• Composition (Композиция) — расположение элементов на странице для гармоничного восприятия.

• Cross-platform (Кроссплатформенность) — дизайн, корректно отображающийся на разных устройствах и платформах.

• Cinematic Look (Кинематографический стиль) — использование цвета, света и композиции, чтобы создать эффект «кинопленки».

D

• DPI (Dots Per Inch) — плотность точек на дюйм, важна для качества печати и четкости изображения.

• Drop shadow (Тень) — визуальный эффект, создающий ощущение объема у объекта.

• Design System (Дизайн-система) — набор правил, компонентов и стиля, обеспечивающий единый визуальный язык продукта.

• Dynamic Layout (Динамический макет) — макет, адаптирующийся к размеру экрана и устройству.

• Depth (Глубина) — создание ощущения объема на плоском изображении с помощью перспективы, тени и размытия.

• Dummy Content (Макетный контент) — временные изображения и тексты для тестирования дизайна и макетов.

E

• Ease In / Ease Out (Замедление входа/выхода) — плавное ускорение и замедление анимации для более естественного движения.

• Emphasis (Акцент) — выделение элементов для привлечения внимания, например, цветом или размером.

• EPS (Encapsulated PostScript) — векторный формат для печати и обмена графикой.

• Eye Tracking (Трекинг взгляда) — исследование того, как пользователи видят макет или интерфейс, для оптимизации UX.

• Explainer Video — короткое анимационное видео для объяснения продукта или идеи.

F

• Favicon — маленькая иконка сайта в браузере, отображающаяся рядом с названием страницы.

• Flat Design — минималистичный стиль без объема и теней.

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

• Font (Шрифт) — набор символов одного стиля, включая гарнитуру, начертание и размер.

• Frames (Кадры/Фреймы) — отдельные блоки в анимации или интерфейсе, содержащие контент.

G

• Gradient (Градиент) — плавный переход между цветами для создания глубины и визуального интереса.

• Grid (Сетка) — система направляющих для выравнивания элементов и создания гармоничной композиции.

• GIF / GIF Animation — формат для анимации с ограниченной палитрой цветов.

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

H

• Hierarchy (Иерархия) — порядок восприятия элементов на основе их важности (размер, цвет, расположение).

• Hue (Оттенок) — основной цветовой тон (красный, синий, зеленый и т.д.).

• Hover Effect — визуальный эффект при наведении курсора на элемент интерфейса.

• Highlight (Световой акцент) — выделение объекта светом для создания объема или привлечения внимания.

• High Poly / Low Poly — количество полигонов в 3D-модели; high poly для реалистичности, low poly для игр и мобильных приложений.

I

• Illustration (Иллюстрация) — графическое изображение, поясняющее текст или концепцию, например, для статей или презентаций.

• Illustrator Style (Стиль иллюстрации) — характерный способ изображения объектов, например, flat, sketch, cartoon или realistic.

• Interface Design (UI-дизайн) — проектирование интерфейсов для удобного взаимодействия пользователя с продуктом.

• Interaction Design (IxD) — проектирование взаимодействия пользователя с продуктом, включая анимацию, реакции и переходы.

• Icon (Иконка) — визуальный символ для обозначения действия, объекта или функции.

J

• JPEG (Joint Photographic Experts Group) — формат сжатия растровых изображений с потерей качества, часто используется для фото на вебе.

• Justify (Выравнивание по ширине) — способ выравнивания текста, при котором строки равны по ширине.

K

• Kerning (Кернинг) — регулировка расстояния между отдельными буквами для улучшения читаемости.

• Key Visual — главный визуальный элемент рекламной кампании или бренда, который отражает концепцию.

L

• Layout (Макет) — расположение текста, изображений и элементов на странице или экране.

• Leading (Интерлиньяж) — расстояние между строками текста для удобочитаемости.

• Lorem Ipsum — фиктивный текст-заполнитель для демонстрации макета.

• Looping Animation (Циклическая анимация) — повторяющаяся анимация для интерфейсов или видеоконтента.

• Lighting (Освещение) — работа с источниками света в иллюстрации и 3D для создания объема и атмосферы.

M

• Mockup (Мокап) — реалистичная визуализация дизайна в контексте (например, на упаковке, экране или футболке).

• Motion Graphics — графика с движением для видео, презентаций и интерфейсов.

• Mask (Маска) — инструмент для скрытия или выделения части изображения.

• Morphing (Морфинг) — плавное преобразование одного объекта в другой в анимации.

• Motion Blur (Движение размытием) — эффект размытия объектов в движении для более реалистичной анимации.

• Material Design — дизайн-система Google, основанная на принципах физической бумаги, света и движения.

N

• Negative Space (Отрицательное пространство) — пустое пространство, которое формирует композицию и подчеркивает элементы.

• Node (Узел) — точка управления кривой в векторной графике для корректировки формы.

• Navigation (Навигация) — система перемещения по сайту или приложению, включая меню, кнопки и ссылки.

O

• Opacity (Прозрачность) — степень видимости элемента, от полностью прозрачного до полностью непрозрачного.

• Outline (Контур) — внешняя граница объекта или текста.

• Orthographic Projection (Ортогональная проекция) — способ отображения объектов в 3D без перспективного искажения.

P

• Palette (Палитра) — набор цветов, используемых в проекте.

• Pixel (Пиксель) — минимальная единица цифрового изображения.

• Prototype (Прототип) — интерактивная модель продукта для тестирования UX/UI.

• Print Design (Печатный дизайн) — дизайн для полиграфии: плакаты, визитки, упаковка.

• Perspective (Перспектива) — техника создания глубины и объема на плоской поверхности.

• Particle System (Система частиц) — метод генерации множества мелких объектов (снег, дым, огонь) в анимации и 3D.

• Portfolio (Портфолио) — коллекция работ дизайнера или иллюстратора, демонстрирующая стиль и навыки.

R

• Raster (Растровая графика) — графика на основе пикселей, масштабирование снижает качество.

• Resolution (Разрешение) — количество пикселей на единицу длины, определяет качество изображения.

• Render (Рендеринг) — процесс генерации финального изображения или анимации из 3D-модели с учетом света, материалов и камеры.

• Retouching (Ретушь) — обработка фото для улучшения качества или исправления дефектов.

• RGB — цветовая модель для экранов: Red, Green, Blue.

S

• Storyboard (Сценарий анимации) — визуальная последовательность кадров для планирования видео или анимации.

• Sprite Sheet (Спрайт-лист) — набор изображений, используемых для анимации в играх и интерфейсах.

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

• Shading (Тонировка/Затенение) — работа с цветом и светом для создания объема и текстуры.

• Shadow (Тень) — эффект создания объема и глубины у объекта.

• Style Guide (Гайдлайн) — набор правил использования визуальных элементов бренда.

• Saturation (Насыщенность) — интенсивность цвета.

T

• Typography (Типографика) — искусство работы с текстом: выбор шрифтов, интерлиньяж, кернинг, трекинг.

• Tracking (Трекинг) — равномерное распределение межбуквенного расстояния по тексту.

• Transparency (Прозрачность) — свойство элемента быть частично или полностью прозрачным.

• Timing (Темп анимации) — распределение времени движения объектов для естественности.

• Texture (Текстура) — поверхность объекта, передающая материал и детали (дерево, металл, ткань).

• Typography Animation — анимированный текст для видеороликов, презентаций или интерфейсов.

U

• UI (User Interface) — интерфейс пользователя, элементы взаимодействия с продуктом.

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

• Usability (Юзабилити) — удобство использования интерфейса или продукта.

• User Flow (Путь пользователя) — схема последовательности действий пользователя при взаимодействии с продуктом.

• Usability Testing (Тестирование удобства) — проверка интерфейса с участием реальных пользователей.

V

• Vector (Векторная графика) — графика на основе математических формул, масштабируемая без потери качества.

• Vector Animation (Векторная анимация) — анимация, создаваемая с помощью векторной графики (например, в After Effects или Animate).

• Visual Hierarchy (Визуальная иерархия) — организация элементов для удобного восприятия информации.

• Vignette (Виньетка) — затемнение краев изображения для фокусировки на центре.

• Viewport (Область просмотра) — часть сцены или интерфейса, видимая пользователю.

• VR / AR Design — проектирование интерфейсов и визуальных объектов для виртуальной и дополненной реальности.

W

• Wireframe (Вайрфрейм) — скелет макета сайта или приложения без графики, показывающий расположение элементов.

• Wireframe Animation — анимация, показывающая переходы и поведение элементов на вайрфрейме.

• Whitespace (Пробел) — пустое пространство вокруг элементов, улучшающее читаемость.

• Workflow (Рабочий процесс) — последовательность действий дизайнера при создании проекта: исследование, концепция, дизайн, тестирование.

Z

• • Zoom (Масштаб) — изменение размера просмотра изображения или макета.

  • Zoom Effect (Эффект увеличения) — увеличение объекта для акцента или привлечения внимания.

  • Z-Index — порядок наложения элементов в интерфейсе, определяющий, что сверху, а что снизу.

  • Z-depth (Глубина по оси Z) — расстояние объектов от камеры в 3D-пространстве, используемое для эффекта параллакса и рендеринга.