Документация

Словарь веб-дизайнера

А

Адаптивный дизайн — дизайн, который корректно отображается на любых устройствах.
Анимация — движение элементов на сайте для улучшения UX и визуала.
Аксессуары интерфейса — кнопки, иконки, меню и другие элементы UI.
Артборд — рабочая область для макета страницы.
Анимационный эффект — визуальные переходы и движения для привлечения внимания.
Атрибуты HTML — свойства элементов веб-страницы.
API-интеграция — использование сторонних сервисов в дизайне и интерфейсе.
Анимация прокрутки (scroll animation) — эффекты при скролле страницы.
Адаптивная типографика — шрифты, которые меняют размер под устройства.
Альфа-канал — прозрачность изображения.
Айдентика сайта — уникальный визуальный стиль веб-проекта.
Актуальные тренды UX/UI — современные подходы в дизайне интерфейсов.

Б

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

В

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

Г

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

Д

Дизайн-система — набор правил и компонентов для согласованного UI.
Декоративные элементы — визуальные детали для украшения интерфейса.
Динамический контент — элементы, которые меняются в зависимости от действий пользователя.
Деформация объектов — изменение формы элементов без потери качества.
Документация UI — инструкции по использованию компонентов.
Детализация графики — уровень проработки объектов.
Деплой макета — перенос дизайна на рабочую версию сайта.
Десктопная версия — отображение интерфейса на компьютере.
Дивы (div) — блоки верстки в HTML.
Доступность (Accessibility) — обеспечение удобства для всех пользователей.

Е

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

Ж

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

З

Зонирование интерфейса — деление макета на функциональные зоны.
Заливка — цвет или текстура внутри объекта.
Засечки шрифта (Serif) — декоративные элементы на концах букв.
Затенение (Shadow) — добавление объёма объектам.
Значимые элементы — ключевые объекты, которые привлекают внимание.

И

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

К

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

Л

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

М

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

Н

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

О

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

П

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

Р

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

С

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

Т

Типографика — оформление текста: шрифты, размер, интервал.
Тональность — цветовая температура и настроение визуала.
Трансформация объектов — изменение размера, угла или формы.
Точка фокуса — главный объект, привлекающий внимание.
Текстуры — поверхности и фактуры объектов.
Точки привязки (Anchor Points) — ключевые точки для векторной графики.
Тени — затемнение для объёма и глубины.
Точечное освещение — локальные источники света для детализации.

У

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

Ф

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

Х

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

Ц

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

Ч

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

Ш

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

Э

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

Ю

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

Я

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