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

А

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

Анимация — движение элементов на сайте для улучшения 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) — впечатления пользователя от взаимодействия с интерфейсом.

Юридические ограничения — соблюдение авторских прав и лицензий на графику.

Юзабилити элементов — удобство использования визуальных компонентов.

Я

Яркость — насыщенность и выразительность цвета.

Якорь композиции — главный объект, привлекающий внимание.

Ясная визуальная иерархия — логичная структура элементов по значимости.

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

Явные контрасты — различие цветов, форм и размеров для акцента.

Термины