wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Вопросы по Figma и графике

Total questions: 48

Worksheet time: 37mins

Name
Class
Date
1.

Какое преимущество дает Figma перед традиционными десктопными редакторами?

a)

Совместное редактирование в реальном времени

b)

Возможность работать только с растром

c)

Более сложный интерфейс

d)

Отсутствие поддержки мобильных устройств

2.

Для работы с каким типом графики Adobe Illustrator подходит лучше всего?

a)

Векторной (кривые Безье)

b)

Растровой (пиксельной)

c)

3D-моделями

d)

Анимацией

3.

Где в Figma обычно отображается список всех созданных фреймов, групп и слоев на текущей странице?

a)

На панели слоев

b)

На панели свойств

c)

В нижнем левом углу

d)

На верхней панели инструментов

4.

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

a)

Prototype

b)

Design

c)

Plugins

d)

Code

5.

Какой из инструментов используется преимущественно для 3D-моделирования?

a)

Blender

b)

Adobe Illustrator

c)

Figma

d)

Adobe Photoshop

6.

Какое понятие в Figma описывает повторяющийся, централизованно управляемый элемент изменения которого автоматически применяются ко всем его экземплярам?

a)

Компонент

b)

Группа

c)

Слой

d)

Фрейм

7.

За что в первую очередь отвечает UX-дизайн (User Experience)?

a)

За структуру, логику и удобство взаимодействия

b)

За выбор цветовой палитры и шрифтов

c)

За кодирование веб-страницы

d)

За создание 3D-моделей

8.

За что в первую очередь отвечает UI-дизайн?

a)

За визуальное оформление, стилизацию элементов и эстетику

b)

За исследование по

9.

За что в первую очередь отвечает UI-дизайн?

a)

За визуальное оформление, стилизацию элементов и эстетику

b)

За исследование потребностей пользователя

c)

За разработку базы данных

d)

За написание контента

10.

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

a)

Вайрфрейм

b)

Прототип

c)

Мокап

d)

Дизайн-система

11.

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

a)

Пользовательский путь

b)

Дизайн-система

c)

Фреймворк

d)

UI-кит

12.

Что такое прототипирование?

a)

Создание интерактивной модели для тестирования юзабилити

b)

Финальная, готовая к запуску версия продукта

c)

Процесс передачи макетов разработчику

d)

Подбор фотографий

13.

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

a)

UI-дизайн

b)

UX-дизайн

c)

Front-end

d)

Back-end

14.

К какой сфере дизайна относится создание карты сайта (Sitemap) и информационной архитектуры?

a)

UX-дизайн

b)

UI-дизайн

c)

Копирайтинг

d)

3D-моделирование

15.

Какой этап в процессе UX/UI-дизайна следует после создания вайрфреймов, но до передачи макета в разработку?

a)

Создание интерактивного прототипа

b)

Анализ конкурентов

c)

Запуск продукта

d)

Написание технического задания

16.

редачи макета в разработку?

a)

Создание интерактивного прототипа

b)

Анализ конкурентов

c)

Запуск продукта

d)

Написание технического задания

17.

В каком формате вайрфреймы обычно существуют на самых ранних этапах?

a)

Скетчи на бумаге

b)

Высокодетализированный цветной макет

c)

Готовый код HTML/CSS

d)

3D-модель

18.

Главный инструмент для тестирования удобства и эффективности пользовательского пути называется:

a)

Юзабилити-тестирование

b)

A/B-тестирование

c)

Нагрузочное тестирование

d)

Unit-тестирование

19.

Что является мостом между UX и UI, объединяя структуру и визуальную эстетику в финальном, статичном макете?

a)

Мокап

b)

Вайрфрейм

c)

Карта сайта

d)

Хлебные крошки

20.

Что означает термин «User-centered design» ?

a)

Проектирование продукта, исходя из потребностей пользователя

b)

Фокус только на эстетике

c)

Использование только современных технологий

d)

Создание самого красивого дизайна

21.

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

a)

Figma/Sketch

b)

Adobe Photoshop

c)

Adobe Illustrator

d)

Blender

22.

Какова основная цель создания пользовательского пути (User Journey)?

a)

Идентификация проблем во взаимодействии пользователя с продуктом

b)

Проверка правильности грамматики

c)

Определение стоимости продукта

d)

Создание анимации

23.

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

a)

Header

b)

Footer

24.

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

a)

Header

b)

Footer

c)

Sidebar

d)

Main Content

25.

Что такое Sitemap в контексте веб-дизайна?

a)

Текстовая схема структуры сайта, показывающая связи между страницами

b)

Карта, показывающая расположение офисов компании

c)

Список всех изображений на сайте

d)

Набор CSS-стилей

26.

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

a)

Хлебные крошки

b)

Пагинация

c)

Основное меню

d)

Кнопка "Наверх"

27.

Какова основная функция Footer (подвала) веб-сайта?

a)

Предоставление дополнительной информации

b)

Размещение главного заголовка H1

c)

Размещение главного CTA

d)

Отображение слайдера

28.

Что такое Main Content (основное содержимое)?

a)

Уникальная, ключевая информация

b)

Только футер и хедер

c)

Навигационное меню

d)

Ссылки на социальные сети

29.

К какому типу навигации относится панель с кнопками «Главная», «О нас», «Услуги», «Контакты»?

a)

Основная навигация

b)

Вторичная навигация

c)

Контекстная навигация

d)

Локальная навигация

30.

Что в структуре сайта обозначает термин «Landing Page»?

a)

Отдельная, целевая страница

b)

Страница со списком всех статей

c)

Страница ошибок 404

d)

Страница с контактами

31.

На каком этапе проектирования сайта создается Sitemap?

a)

На начальном этапе UX-проектирования

b)

На этапе финального UI-дизайна

c)

После кодирования

d)

Во время SEO-оптимизации

32.

Что в веб-анатомии обычно включает Sidebar

a)

Фильтры, категории, рекламные блоки,торичные меню

b)

Логотип и главное меню

c)

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

d)

Только заголовок страницы

33.

Что такое "F-паттерн" в контексте контента веб-сайта?

a)

Типичная модель сканирования контента пользователем

b)

Схема расстановки кнопок

c)

Схема расположения ссылок

d)

Схема цветовой палитры

34.

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

a)

Локальная навигация

b)

Основная навигация

c)

Глобальная навигация

d)

Дополнительная навигация

35.

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

a)

Hero Section

b)

Footer

c)

Sidebar

d)

Breadcrumbs

36.

Какова основная роль URL-адреса в анатомии сайта?

a)

Идентифицировать каждую страницу, точный адрес

b)

Быть элементом декора

c)

Служить элементом навигации

d)

Определять цвет шрифта

37.

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

a)

HTML

b)

CSS

c)

JavaScript

d)

PHP

38.

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

a)

HTML

b)

CSS

c)

JavaScript

d)

PHP

39.

Какой язык используется для стилизации и визуального оформления HTML-элементов ?

a)

CSS

b)

HTML

c)

JavaScript

d)

PHP

40.

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

4 lines
41.

В какой секции HTML-документа должен находиться код CSS для внутреннего стилистического оформления?

4 lines
42.

Как называется свойство CSS, которое отвечает за цвет текста элемента?

a)

color

b)

background-color

c)

text-align

d)

font-size

43.

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

4 lines
44.

Что обозначает аббревиатура CSS?

a)

Cascading Style Sheets

b)

Cascading Script Syntax

c)

Client Side Styling

d)

Computer Style System

45.

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

4 lines
46.

В каком атрибуте тега указывается адрес (URL) перехода?

a)

href

b)

src

c)

alt

d)

class

47.

Какое свойство CSS используется для установки фонового цвета элемента?

a)

background-color

b)

color

c)

border-color

d)

font-color

48.

Что является обязательным завершающим тегом для большинства HTML-элементов (например, для абзаца )?

4 lines