Экзаменационные вопросы

Только вопросы для самопроверки — без ответов и без разбивки на билеты. Развёрнутые ответы см. в private_exam_answers.md, практические задания — в private_exam_tasks.md, билеты — в private_exam_tickets.md.

Платформа — Figma, мобильный интерфейсный дизайн (лекции 1–3).

---

Раздел 1. Основы интерфейсного дизайна в Figma

1. Что такое фрейм (Frame) в Figma и чем он отличается от группы (Group)?
2. Перечислите основные преимущества использования автолэйаута (Auto Layout) в Figma.
3. Какие типы фреймов поддерживает Figma? Приведите примеры.
4. Объясните, что такое Layout Grid и для чего он используется при создании мобильных интерфейсов.
5. Какие параметры необходимо учитывать при создании мобильного фрейма для iPhone 13?
6. Что такое Safe Area в мобильном дизайне и почему важно его учитывать?
7. Опишите процесс создания цветовых стилей (Color Styles) в Figma и их преимущества.
8. Для чего используются текстовые стили (Text Styles) и как они упрощают работу дизайнера?
9. Какие основные принципы типографики необходимо соблюдать при создании мобильного интерфейса?
10. Объясните разницу между компонентом (Component) и экземпляром (Instance) в Figma.
11. Что такое варианты компонентов (Variants) и в каких случаях их следует использовать?
12. Опишите процесс создания интерактивного прототипа в Figma.
13. Какие типы анимаций доступны при создании переходов между экранами в Figma?
14. Что такое Smart Animate и чем он отличается от других типов анимаций?
15. Какие форматы экспорта поддерживает Figma и когда использовать каждый из них?

Раздел 2. Компоненты и дизайн-системы

16. Что такое дизайн-система и из каких основных компонентов она состоит?
17. Объясните понятие «дизайн-токены» (Design Tokens) и приведите примеры.
18. Какие типы цветов обычно включаются в дизайн-систему? Опишите назначение каждого типа.
19. Что такое семантические цвета (Semantic Colors) и приведите примеры их использования.
20. Опишите структуру типографической шкалы в дизайн-системе.
21. Что такое Elevation (уровни поднятия) и как они используются в дизайне интерфейсов?
22. В чём разница между базовыми (Base) и композитными (Composite) компонентами?
23. Опишите процесс создания компонента кнопки с несколькими вариантами (Primary, Secondary, Ghost).
24. Какие состояния должен иметь компонент Input и как они визуально отличаются?
25. Что такое переиспользуемые компоненты и почему они важны в дизайн-системе?
26. Как правильно организовать компоненты в библиотеке дизайн-системы?
27. Объясните принцип работы автолэйаута при создании адаптивных компонентов.
28. Какие параметры автолэйаута влияют на адаптивность компонента?
29. Что такое Spacing Scale и какие значения обычно используются в дизайн-системах?
30. Опишите процесс создания карточки товара (Product Card) как компонента.

Раздел 3. Адаптивный дизайн и прототипирование

31. Что такое адаптивный дизайн (Responsive Design) и какие принципы лежат в его основе?
32. Объясните концепцию «Mobile First» и её преимущества.
33. Какие breakpoints (точки перелома) используются для мобильных устройств и планшетов?
34. Как изменяется сетка (Grid) при переходе от мобильной к десктопной версии?
35. Опишите различия в структуре Header для мобильной и десктопной версий.
36. Что такое Touch Targets и какие минимальные размеры должны иметь интерактивные элементы на мобильных устройствах?
37. Как организовать контент на экране с учётом принципа приоритета контента (Content Priority)?
38. Объясните, как создавать адаптивную сетку товаров для разных размеров экранов.
39. Какие элементы интерфейса обычно скрываются или изменяются при переходе на мобильную версию?
40. Опишите процесс создания адаптивного компонента, который работает на разных размерах экранов.
41. Что такое микроанимации и какую роль они играют в пользовательском опыте?
42. Опишите процесс настройки интерактивных состояний для кнопки (Hover, Pressed, Disabled).
43. Какие типы триггеров (Triggers) можно использовать при создании прототипов в Figma?
44. Объясните разницу между анимациями Smart Animate, Slide и Instant.
45. Как настроить плавные переходы между состояниями компонента?
46. Что такое интерактивные компоненты и в чём их преимущество перед статическими?
47. Опишите процесс создания мобильного меню с анимацией появления.
48. Как тестировать прототип на реальных устройствах?
49. Какие параметры анимации (Duration, Easing) влияют на восприятие пользователем?
50. Объясните, как организовать файл Figma для командной работы и какие функции способствуют коллаборации.

Бонусные вопросы (углублённое изучение)

51. Что такое Constraints в Figma и как они помогают создавать адаптивные макеты?
52. Объясните разницу между Padding и Gap в автолэйауте.
53. Как использовать плагины в Figma для ускорения работы дизайнера?
54. Что такое Design Tokens в контексте передачи дизайна разработчикам?
55. Опишите процесс создания дизайн-системы с нуля.