WorksheetsТест по Веб-дизайну и Графике
Total questions: 43
Worksheet time: 22mins
Какая область информатики занимается синтезом и манипуляцией изображений с помощью компьютера?
Веб-дизайн
Прототипирование
Компьютерная графика (КГ)
Что в веб-дизайне отвечает за внешний вид сайта (цвета, шрифты, расположение элементов)?
User Experience (UX)
User Interface (UI)
Front-end Development
Изображение, состоящее из регулярной сетки маленьких точек — пикселей, относится к какому типу графики?
Векторная
Растровая (Bitmap)
Фрактальная
Какое ключевое преимущество векторной графики?
Глубина цвета
Сжатие с потерями
Масштабируемость без потери качества
Какой формат растровой графики лучше всего подходит для фотографий и использует сжатие с потерями?
PNG
SVG
JPEG
Какая цветовая модель является основной для экранов и Веб-дизайна?
CMYK
RGB
HSL/HSB
Как называется схема, использующая три цвета, расположенные рядом друг с другом на цветовом круге?
Комплементарная
Триада
Аналоговая
Какой принцип дизайна требует, чтобы все элементы (кнопки, шрифты, отступы) выглядели и работали одинаково на всем сайте?
Композиция
Визуальная Иерархия
Консистентность (Единообразие)
В каком инструменте UI/UX-дизайна основной упор делается на совместную работу в реальном времени и облачную природу?
Adobe Photoshop
Figma
Adobe Illustrator
В каком инструменте UI/UX-дизайна основной упор делается на совместную работу в реальном времени и облачную природу?
Adobe Photoshop
Figma
Adobe Illustrator
Какой инструмент является «королем» растровой графики и используется для ретуширования, фотомонтажа и сложной обработки изображений?
Adobe Illustrator
Adobe Photoshop
Sketch
Что является математически обоснованным соотношением, которое создаёт ощущение идеальной гармонии в композиции?
Правило третей
Золотое сечение
Асимметрия
Как называется расстояние между строками в типографике?
Кернинг
Трекинг
Интерлиньяж
Какой тип шрифтов часто используется для веба и не имеет декоративных элементов на концах букв?
С засечками (Serif)
Без засечек (Sans-Serif)
С декоративными элементами
Какой инструмент для создания иерархии направляет внимание пользователя с помощью размера, цвета или контраста?
Кернинг
Визуальная иерархия
Интерлиньяж
Какая программа для UI-дизайна была очень популярна до Figma, но доступна только для macOS?
Adobe XD
CorelDRAW
Sketch
Если UI-дизайн — это лицо продукта, то что, согласно аналогии, является мозгом?
HTML
UX-дизайн
CSS
Как называется последовательность шагов, которые пользователь совершает для достижения цели в продукте?
Вайрфрейм
Прототип
Пользовательский путь (User Journey)
Как называется схематичный макет страницы, который показывает расположение основных элементов без деталей оформления?
Прототип
Вайрфрейм (Wireframe)
HTML-структура
Как называется интерактивная версия макета, которая имитирует работу реального продукта и позволяет кликать на кнопки?
Вайрфрейм
Прототип
Карта сайта
Какая часть веб-сайта всегда находится вверху и содержит логотип и основное меню навигации?
Footer (Подвал)
Header (Шапка)
Sidebar (Боковая панель)
Как называется навигационная цепочка, которая показывает путь пользователя от главной страницы до текущей (например, Главная > Блог > Статья)?
Пагинация
Карта сайта
Хлебные крошки (Breadcrumbs)
Какой подход в дизайне обеспечивает плавное подстраивание всех элементов под доступное пространство на любых устройствах с помощью гибких сеток?
Адаптивный дизайн
Отзывчивый дизайн (Responsive)
Mobile-First
Какой язык отвечает за структуру и содержание веб-страницы и состоит из тегов, таких как и
?CSS
JavaScript
HTML
Что в HTML называется ключевыми словами в угловых скобках (например,
)?
Атрибуты
Элементы
Теги
Какой язык отвечает за внешний вид веб-страницы (цвета, шрифты, отступы) и называется каскадными таблицами стилей?
HTML
CSS
JavaScript
Что в CSS-коде указывает, к какому элементу применяется стиль (например, h1 или p)?
Свойство
Селектор
Блок объявлений
Что в CSS-коде указывает, к какому элементу применяется стиль (например, h1 или p)?
Свойство
Селектор
Блок объявлений
Что является наилучшим способом связать HTML и CSS?
Строчные стили (inline style)
Внутренние стили в секции
Внешний файл .css
Что должен использовать дизайнер для повторяющихся элементов (кнопки, поля ввода), чтобы разработчик создал единый блок кода?
Фреймы (Frames)
Компоненты
Архивы (Archive)
Какое состояние элемента обязательно нужно показать разработчику, помимо Default и Hover?
Hidden
Active (или Focus, Disabled)
Initial
Какая функция Figma радикально упрощает передачу макетов (Handoff), позволяя разработчикам автоматически видеть спецификации и копировать код?
Auto Layout
Dev Mode (Режим Разработчика)
Components
Какой формат векторной графики следует использовать для иконок и логотипов, чтобы обеспечить масштабируемость и возможность изменения цвета через код?
PNG
JPG
SVG
Что означает принцип Mobile-First в веб-дизайне?
Сначала создается макет для десктопа, затем для мобильного.
Создание нескольких фиксированных версий для разных устройств.
Начинать проектирование с самой ограниченной версии — макета для мобильных.
Какой тренд в дизайне представляет собой небольшие, незаметные анимации, которые дают пользователю мгновенную визуальную обратную связь?
Голографические интерфейсы
Mobile-First
Микроанимации
Какие небольшие, незаметные анимации дают пользователю мгновенную визуальную обратную связь?
Голографические интерфейсы
Mobile-First
Микроанимации
Какой оттенок рекомендуется использовать для текста на тёмной теме вместо чистого белого (#FFFFFF)?
Чистый чёрный (#000000)
Светло-серые оттенки
Неоновые оттенки
Какой показатель для растровой графики измеряется в DPI и PPI и определяет количество пикселей по ширине и высоте?
Глубина цвета
Разрешение
Масштабируемость
Что происходит с растровым изображением при увеличении его размера?
Компьютер пересчитывает формулы
Оно становится более детальным
Происходит пикселизация
Что является базовым строительным блоком любой 3D-модели, соединяющим три или более вершин?
Рендеринг
Текстуры
Полигоны
Как называется процесс создания финального 2D-изображения из 3D-сцены, учитывающий освещение, материалы и текстуры?
Моделирование
Рендеринг
Текстурирование
Какая 3D-программа является бесплатным и открытым редактором с высоким порогом входа, но огромным сообществом?
Autodesk 3ds Max
Cinema 4D
Blender
Что такое Текстуры в контексте 3D-моделирования?
Точки в трёхмерном пространстве
2D-изображения, накладываемые на поверхность модели
Процесс создания финального изображения
