wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Тест по Веб-дизайну и Графике

Total questions: 43

Worksheet time: 22mins

Name
Class
Date
1.

Какая область информатики занимается синтезом и манипуляцией изображений с помощью компьютера?

a)

Веб-дизайн

b)

Прототипирование

c)

Компьютерная графика (КГ)

2.

Что в веб-дизайне отвечает за внешний вид сайта (цвета, шрифты, расположение элементов)?

a)

User Experience (UX)

b)

User Interface (UI)

c)

Front-end Development

3.

Изображение, состоящее из регулярной сетки маленьких точек — пикселей, относится к какому типу графики?

a)

Векторная

b)

Растровая (Bitmap)

c)

Фрактальная

4.

Какое ключевое преимущество векторной графики?

a)

Глубина цвета

b)

Сжатие с потерями

c)

Масштабируемость без потери качества

5.

Какой формат растровой графики лучше всего подходит для фотографий и использует сжатие с потерями?

a)

PNG

b)

SVG

c)

JPEG

6.

Какая цветовая модель является основной для экранов и Веб-дизайна?

a)

CMYK

b)

RGB

c)

HSL/HSB

7.

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

a)

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

b)

Триада

c)

Аналоговая

8.

Какой принцип дизайна требует, чтобы все элементы (кнопки, шрифты, отступы) выглядели и работали одинаково на всем сайте?

a)

Композиция

b)

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

c)

Консистентность (Единообразие)

9.

В каком инструменте UI/UX-дизайна основной упор делается на совместную работу в реальном времени и облачную природу?

a)

Adobe Photoshop

b)

Figma

c)

Adobe Illustrator

10.

В каком инструменте UI/UX-дизайна основной упор делается на совместную работу в реальном времени и облачную природу?

a)

Adobe Photoshop

b)

Figma

c)

Adobe Illustrator

11.

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

a)

Adobe Illustrator

b)

Adobe Photoshop

c)

Sketch

12.

Что является математически обоснованным соотношением, которое создаёт ощущение идеальной гармонии в композиции?

a)

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

b)

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

c)

Асимметрия

13.

Как называется расстояние между строками в типографике?

a)

Кернинг

b)

Трекинг

c)

Интерлиньяж

14.

Какой тип шрифтов часто используется для веба и не имеет декоративных элементов на концах букв?

a)

С засечками (Serif)

b)

Без засечек (Sans-Serif)

c)

С декоративными элементами

15.

Какой инструмент для создания иерархии направляет внимание пользователя с помощью размера, цвета или контраста?

a)

Кернинг

b)

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

c)

Интерлиньяж

16.

Какая программа для UI-дизайна была очень популярна до Figma, но доступна только для macOS?

a)

Adobe XD

b)

CorelDRAW

c)

Sketch

17.

Если UI-дизайн — это лицо продукта, то что, согласно аналогии, является мозгом?

a)

HTML

b)

UX-дизайн

c)

CSS

18.

Как называется последовательность шагов, которые пользователь совершает для достижения цели в продукте?

a)

Вайрфрейм

b)

Прототип

c)

Пользовательский путь (User Journey)

19.

Как называется схематичный макет страницы, который показывает расположение основных элементов без деталей оформления?

a)

Прототип

b)

Вайрфрейм (Wireframe)

c)

HTML-структура

20.

Как называется интерактивная версия макета, которая имитирует работу реального продукта и позволяет кликать на кнопки?

a)

Вайрфрейм

b)

Прототип

c)

Карта сайта

21.

Какая часть веб-сайта всегда находится вверху и содержит логотип и основное меню навигации?

a)

Footer (Подвал)

b)

Header (Шапка)

c)

Sidebar (Боковая панель)

22.

Как называется навигационная цепочка, которая показывает путь пользователя от главной страницы до текущей (например, Главная > Блог > Статья)?

a)

Пагинация

b)

Карта сайта

c)

Хлебные крошки (Breadcrumbs)

23.

Какой подход в дизайне обеспечивает плавное подстраивание всех элементов под доступное пространство на любых устройствах с помощью гибких сеток?

a)

Адаптивный дизайн

b)

Отзывчивый дизайн (Responsive)

c)

Mobile-First

24.

Какой язык отвечает за структуру и содержание веб-страницы и состоит из тегов, таких как и ?

a)

CSS

b)

JavaScript

c)

HTML

25.

Что в HTML называется ключевыми словами в угловых скобках (например,

)?

a)

Атрибуты

b)

Элементы

c)

Теги

26.

Какой язык отвечает за внешний вид веб-страницы (цвета, шрифты, отступы) и называется каскадными таблицами стилей?

a)

HTML

b)

CSS

c)

JavaScript

27.

Что в CSS-коде указывает, к какому элементу применяется стиль (например, h1 или p)?

a)

Свойство

b)

Селектор

c)

Блок объявлений

28.

Что в CSS-коде указывает, к какому элементу применяется стиль (например, h1 или p)?

a)

Свойство

b)

Селектор

c)

Блок объявлений

29.

Что является наилучшим способом связать HTML и CSS?

a)

Строчные стили (inline style)

b)

Внутренние стили в секции

c)

Внешний файл .css

30.

Что должен использовать дизайнер для повторяющихся элементов (кнопки, поля ввода), чтобы разработчик создал единый блок кода?

a)

Фреймы (Frames)

b)

Компоненты

c)

Архивы (Archive)

31.

Какое состояние элемента обязательно нужно показать разработчику, помимо Default и Hover?

a)

Hidden

b)

Active (или Focus, Disabled)

c)

Initial

32.

Какая функция Figma радикально упрощает передачу макетов (Handoff), позволяя разработчикам автоматически видеть спецификации и копировать код?

a)

Auto Layout

b)

Dev Mode (Режим Разработчика)

c)

Components

33.

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

a)

PNG

b)

JPG

c)

SVG

34.

Что означает принцип Mobile-First в веб-дизайне?

a)

Сначала создается макет для десктопа, затем для мобильного.

b)

Создание нескольких фиксированных версий для разных устройств.

c)

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

35.

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

a)

Голографические интерфейсы

b)

Mobile-First

c)

Микроанимации

36.

Какие небольшие, незаметные анимации дают пользователю мгновенную визуальную обратную связь?

a)

Голографические интерфейсы

b)

Mobile-First

c)

Микроанимации

37.

Какой оттенок рекомендуется использовать для текста на тёмной теме вместо чистого белого (#FFFFFF)?

a)

Чистый чёрный (#000000)

b)

Светло-серые оттенки

c)

Неоновые оттенки

38.

Какой показатель для растровой графики измеряется в DPI и PPI и определяет количество пикселей по ширине и высоте?

a)

Глубина цвета

b)

Разрешение

c)

Масштабируемость

39.

Что происходит с растровым изображением при увеличении его размера?

a)

Компьютер пересчитывает формулы

b)

Оно становится более детальным

c)

Происходит пикселизация

40.

Что является базовым строительным блоком любой 3D-модели, соединяющим три или более вершин?

a)

Рендеринг

b)

Текстуры

c)

Полигоны

41.

Как называется процесс создания финального 2D-изображения из 3D-сцены, учитывающий освещение, материалы и текстуры?

a)

Моделирование

b)

Рендеринг

c)

Текстурирование

42.

Какая 3D-программа является бесплатным и открытым редактором с высоким порогом входа, но огромным сообществом?

a)

Autodesk 3ds Max

b)

Cinema 4D

c)

Blender

43.

Что такое Текстуры в контексте 3D-моделирования?

a)

Точки в трёхмерном пространстве

b)

2D-изображения, накладываемые на поверхность модели

c)

Процесс создания финального изображения