Question 1

Дана готовая идея ролика: «Приложение помогает пользователю быстро найти нужный товар: пользователь открывает поиск, вводит запрос, видит результаты, нажимает на товар». Нужно раскадровать эту идею на ключевые кадры и длительности. Какая раскадровка корректно выделяет ключевые кадры готовой идеи?

Accepted Answer

A верен: раскадровка задачи Junior-уровня — точно разложить УЖЕ ГОТОВУЮ идею на ключевые кадры и длительности, не добавляя и не меняя содержание; четыре кадра точно соответствуют четырём этапам исходного сценария с обозначенным временем каждого. B неверен: один сплошной кадр без разделения на этапы не выполняет задачу раскадровки — раскадровка по определению разбивает историю на дискретные ключевые моменты с длительностями. C неверен: добавление нового действия (публикация в соцсетях), отсутствующего в исходной идее, — это не раскадровка готовой идеи, а её самовольное расширение, что не входит в Junior-задачу. D неверен: изменение порядка действий относительно исходной идеи искажает логику сценария — задача Junior именно точно раскадровать данную идею, а не переосмыслить её.

Question 2

Дана готовая идея анимации для лендинга: «Иконка загрузки появляется, вращается 2 секунды, затем сменяется галочкой с эффектом масштабирования». Нужно раскадровать её на ключевые кадры. Какая раскадровка корректна?

Accepted Answer

B верен: три кадра точно и последовательно раскладывают заданную идею на ключевые моменты (появление, вращение заданной длительности, смена с эффектом), не искажая и не пропуская элементы исходного описания. C неверен: пропуск вращения и эффекта масштабирования — эти элементы прямо указаны в исходной идее и должны быть отражены в раскадровке. D неверен: обратный порядок кадров противоречит последовательности, заданной в идее (сначала загрузка, потом галочка, а не наоборот). A неверен: единственный кадр без разбивки на этапы и с неверной длительностью не выполняет задачу точной раскадровки заданной длительности вращения.

Question 3

Дана готовая идея интерфейсной анимации: «При успешной отправке формы кнопка меняет текст на «Отправлено», затем появляется зелёная галочка справа от кнопки, затем через 2 секунды форма плавно исчезает». Раскадровка на ключевые кадры и длительности — какой вариант верен?

Accepted Answer

C верен: раскадровка последовательно и точно отражает все три указанных в идее события (смена текста, появление галочки справа, пауза 2 секунды, исчезновение формы) с корректным таймингом, не добавляя и не убирая элементов. D неверен: порядок кадров противоречит последовательности событий, заданной в исходной идее — сначала текст, потом галочка, а не наоборот. A неверен: пропуск галочки и паузы в 2 секунды — это два элемента, прямо указанных в идее, которые должны присутствовать в раскадровке. B неверен: расположение галочки слева вместо указанного в идее «справа от кнопки» — это искажение конкретной детали, заданной в исходной идее.

Question 4

Дана готовая идея промо-ролика: «Логотип компании появляется из центра экрана, увеличивается до финального размера за 1 секунду, затем текст слогана появляется снизу и поднимается на своё место за 0.5 секунды». Раскадровка на ключевые кадры — какой вариант верен?

Accepted Answer

D верен: два кадра последовательно отражают оба этапа идеи (появление и увеличение логотипа за 1 секунду, затем появление и подъём текста за 0.5 секунды) с точными длительностями и деталями (из центра, снизу), заданными в исходном описании. A неверен: логотип, появляющийся сразу в финальном размере, пропускает явно указанный в идее эффект постепенного увеличения за 1 секунду. B неверен: обратный порядок элементов противоречит последовательности, заданной в идее — сначала логотип, затем текст слогана. C неверен: появление из левого края вместо указанного в идее «из центра экрана» — искажение конкретной детали появления, заданной в исходном описании.

Question 5

Дана готовая идея онбординг-анимации приложения: «Экран 1: иллюстрация телефона с приложением, текст «Добро пожаловать»; Экран 2: свайп влево показывает иллюстрацию уведомлений, текст «Получайте уведомления»; Экран 3: свайп влево показывает иллюстрацию профиля, текст «Настройте профиль»». Раскадровка на ключевые кадры — какой вариант верен?

Accepted Answer

A верен: три кадра точно и в правильном порядке отражают три экрана исходной идеи, с верным жестом перехода (свайп влево) между ними, как указано в описании. B неверен: перепутанный порядок первых двух экранов противоречит последовательности, заданной в исходной идее (сначала «Добро пожаловать», затем «уведомления»). C неверен: направление свайпа (вправо вместо влево) — это конкретная деталь жеста, прямо указанная в идее, и её изменение искажает раскадровку. D неверен: объединение трёх отдельных экранов в один кадр без обозначения переходов теряет саму структуру трёхэкранного онбординга, заданную в идее.

Question 6

Дана готовая идея ролика для соцсетей: «Продукт (кофемашина) появляется на столе, камера медленно приближается 1.5 секунды, затем появляется текст с ценой на 2 секунды, затем логотип бренда в углу на последний 1 секунду». Раскадровка — какой вариант верен?

Accepted Answer

B верен: три кадра последовательно и точно отражают все указанные в идее этапы (появление продукта с приближением камеры, текст с ценой, логотип в углу) с корректной суммарной длительностью 4.5 секунды. C неверен: пропуск первого этапа (появление кофемашины с приближением камеры) нарушает точность раскадровки заданной идеи, где этот этап прямо указан. D неверен: расположение логотипа по центру вместо указанного в идее «в углу» — искажение конкретной детали композиции, заданной в исходном описании. A неверен: суммарная длительность раскадровки должна точно соответствовать сумме длительностей всех этапов, указанных в идее (1.5+2+1=4.5 секунды), а не произвольному меньшему числу.

Question 7

Дана готовая идея анимации ошибки формы: «Поле ввода подсвечивается красной обводкой, текст ошибки появляется под полем, поле слегка «трясётся» из стороны в сторону (0.3 секунды)». Раскадровка на ключевые кадры — какой вариант верен?

Accepted Answer

C верен: три кадра последовательно и точно отражают этапы идеи (красная обводка, текст ошибки под полем, тряска 0.3 секунды) с верной суммарной длительностью и порядком, заданными в описании. D неверен: обратный порядок (тряска раньше появления обводки и текста) противоречит последовательности, заданной в идее. A неверен: цвет обводки «зелёный» вместо указанного в идее «красный» — искажение конкретной детали, заданной в исходном описании (красный цвет здесь семантически важен как сигнал ошибки). B неверен: расположение текста ошибки над полем вместо указанного «под полем» — искажение конкретной детали композиции, заданной в идее.

Question 8

Дана готовая идея анимации для карточки товара в интернет-магазине: «При наведении курсора карточка приподнимается с тенью (0.2 секунды), изображение товара слегка увеличивается (0.2 секунды одновременно с приподниманием), кнопка «В корзину» появляется снизу карточки (0.15 секунды после начала)». Раскадровка — какой вариант верен?

Accepted Answer

D верен: раскадровка корректно отражает, что приподнимание с тенью и увеличение изображения происходят ОДНОВРЕМЕННО (как указано в идее — «слегка увеличивается одновременно с приподниманием»), а появление кнопки начинается с небольшим смещением (0.15с) — точно передавая параллельную структуру событий идеи. A неверен: показ всех трёх событий строго последовательно искажает исходную идею, где явно указано, что приподнимание и увеличение изображения происходят одновременно, а не одно за другим. B неверен: расположение кнопки сверху вместо указанного в идее «снизу карточки» — искажение конкретной детали композиции. C неверен: пропуск тени при приподнимании карточки нарушает точность раскадровки, так как тень — явно указанный в идее элемент эффекта.

Question 9

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

Accepted Answer

A верен: ease-out обеспечивает быстрый старт и постепенное замедление к концу движения, что создаёт именно мягкую, плавную остановку без резкого стопа — это и есть отличие ease-out от linear и ease-in. D неверен: linear сохраняет одну и ту же скорость от начала до конца, поэтому объект резко останавливается в конечной точке — эффекта «мягкой посадки» не возникает. B неверен: ease-in замедляет старт, но УСКОРЯЕТ движение к концу — объект прибывает в конечную точку на максимальной скорости, что прямо противоположно требуемому эффекту мягкой остановки. C неверен: ступенчатое (step) изменение — это мгновенный скачок без промежуточных кадров движения, полностью отсутствует сама идея плавности.

Question 10

Модальное окно должно начинать движение медленно (пользователь ожидает начало жеста), а затем быстро набирать скорость к моменту появления на экране — «выстреливающий» эффект появления. Какой готовый easing соответствует этому описанию?

Accepted Answer

B верен: ease-in — это easing с медленным началом и нарастающей скоростью к концу движения, что и создаёт описанный «выстреливающий» эффект — объект будто набирает разгон. C неверен: ease-out начинается быстро и замедляется к концу — это прямо противоположно требуемому медленному старту с последующим ускорением. D неверен: linear сохраняет постоянную скорость без изменения темпа, поэтому не может создать ни ощущения медленного старта, ни последующего ускорения. A неверен: замедление к концу движения (как в ease-out или части ease-in-out) прямо противоречит требуемому эффекту нарастающей скорости к моменту появления.

Question 11

Дизайнеру нужно объяснить коллеге разницу между linear и ease-in-out на примере анимации перемещения иконки слева направо по экрану за 1 секунду. Какое объяснение корректно?

Accepted Answer

C верен: linear по определению означает постоянную скорость на всём протяжении движения без ускорений и замедлений; ease-in-out означает плавный старт, ускорение в середине пути и плавное замедление к концу — это и есть базовое, корректное различие между двумя типами easing. D неверен: linear и ease-in-out дают визуально РАЗНЫЙ результат — при linear движение выглядит механическим и равномерным, при ease-in-out — более естественным, с плавным разгоном и торможением, различие не сводится только к названию в коде. A неверен: описания двух терминов перепутаны местами — то, что описано для linear (медленно в начале/конце, быстро в середине), на самом деле является характеристикой ease-in-out, а не linear. B неверен: linear — это не мгновенное перемещение без кадров (это было бы отсутствием анимации вообще), а плавное движение с постоянной скоростью; ease-in-out — не постоянная скорость, а именно изменяющаяся, с ускорением и замедлением.

Question 12

Уведомление появляется сверху экрана и должно плавно «выехать» и остановиться без рывка в конце, то есть замедление должно происходить именно к моменту, когда уведомление достигает финальной позиции. Дизайнер применяет готовый пресет easing из библиотеки анимации. Какой пресет корректно выполняет эту задачу?

Accepted Answer

D верен: ease-out — это ровно тот пресет, который обеспечивает замедление движения к моменту прибытия объекта в конечную точку, устраняя резкую, рывковую остановку — это прямое соответствие описанной задаче. A неверен: ease-in ускоряет движение к концу, поэтому объект прибывает в конечную точку на максимальной скорости, что создаёт рывок, а не плавную остановку. B неверен: linear сохраняет постоянную скорость вплоть до самого конца движения, поэтому остановка происходит резко, без предварительного замедления. C неверен: множественные отскоки (bounce) создают серию собственных рывковых остановок и переходов, что прямо противоречит требованию единой плавной остановки без рывка.

Question 13

По готовому примеру нужно применить keyframe-анимацию к иконке, которая должна оставаться неподвижной первые 0.5 секунды, затем переместиться на новую позицию за следующие 0.5 секунды. Какая расстановка keyframes корректно реализует это готовое описание?

Accepted Answer

A верен: расстановка из трёх keyframe (позиция A в 0с, та же позиция A в 0.5с для паузы, позиция B в 1с для завершения движения) точно реализует описанную задачу — неподвижность первые 0.5 секунды, затем движение следующие 0.5 секунды. B неверен: без промежуточного keyframe на отметке 0.5с интерполяция между двумя keyframe (0с и 1с) распределит движение на весь диапазон времени равномерно, без паузы в начале, что не соответствует описанию. C неверен: начало движения сразу с позиции B на отметке 0с противоречит требованию, что объект должен оставаться неподвижным первые 0.5 секунды на позиции A. D неверен: расстановка keyframe (A→B→A) описывает движение туда и обратно без паузы в начале, что не соответствует заданному описанию (пауза, затем однократное перемещение на новую позицию).

Question 14

Коллега спрашивает: «В чём разница между ease-in и ease-out на практике?» Нужно объяснить эту разницу на конкретном примере — анимация появления карточки товара при скролле страницы (карточка появляется снизу и занимает своё место). Какое объяснение корректно?

Accepted Answer

B верен: корректное объяснение фокусируется на том, ЧТО именно отличает ease-in (медленный старт) от ease-out (медленное завершение) — выбор между ними зависит от того, какую часть движения нужно сделать плавной, что напрямую применимо к практической задаче появления карточки. C неверен: ease-in и ease-out дают принципиально разный визуальный результат — один плавно стартует, другой плавно завершается, они не взаимозаменяемы. D неверен: категоричное утверждение о том, что один из типов «никогда не используется» в интерфейсах, неверно — выбор между ease-in и ease-out зависит от конкретной задачи, оба широко применяются в интерфейсных анимациях. A неверен: ease-in/ease-out описывают ХАРАКТЕР ИЗМЕНЕНИЯ СКОРОСТИ движения (когда именно происходит ускорение или замедление), а не направление появления/исчезновения объекта в кадре — это распространённая, но неверная путаница терминов.

Question 15

По готовому примеру нужно настроить длительность анимации перехода между двумя экранами приложения (простой fade-переход, opacity от 0 до 100%). В примере указана длительность 300мс с easing ease-in-out. Дизайнер должен применить точно эти же параметры к своему переходу. Какая настройка корректна?

Accepted Answer

C верен: задача Junior-уровня — точно применить готовые параметры из примера (длительность, easing, изменяемое свойство) без отклонений, что и сделано в этом варианте. D неверен: длительность 3000мс в 10 раз превышает указанную в примере 300мс — это существенное отклонение от заданных параметров, а не точное применение готового примера. A неверен: применение linear вместо указанного в примере ease-in-out — это подмена конкретного заданного параметра easing на другой, не соответствующая задаче точного повторения примера. B неверен: анимация свойства scale вместо указанного в примере opacity — это подмена самого анимируемого свойства, не соответствующая условию задачи о точном следовании готовому примеру.

Question 16

Коллега просит объяснить, почему кнопка, анимированная с linear easing, выглядит «неестественно» по сравнению с кнопкой, анимированной с ease-out, хотя обе перемещаются на одинаковое расстояние за одинаковое время. Какое объяснение корректно с точки зрения базового понимания принципов тайминга?

Accepted Answer

D верен: базовый принцип тайминга и анимации (связанный с классическими 12 принципами) — большинство объектов в реальном мире не движется с постоянной скоростью, а ускоряется и замедляется; ease-out имитирует естественное замедление перед остановкой, тогда как linear создаёт механическое, неестественное движение с резкой остановкой. A неверен: разница в ощущении «естественности» не связана с частотой кадров (fps) — оба типа анимации технически могут рендериться с одинаковым fps; разница именно в математической функции изменения скорости во времени. B неверен: ощущение неестественности linear-движения имеет объективную, объяснимую причину (несоответствие тому, как движутся физические объекты), а не является исключительно вопросом личного вкуса. C неверен: linear — это полноценный, легитимный тип easing (постоянная скорость), который активно используется в определённых случаях (например, для механических, роботизированных эффектов) — утверждение о его полной непригодности неверно.

Question 17

По готовому примеру нужно анимировать opacity слоя с логотипом: слой должен быть полностью прозрачным (0%) в начале и полностью непрозрачным (100%) к концу анимации длительностью 1 секунда. Какая расстановка keyframes корректна?

Accepted Answer

A верен: два keyframe с точными значениями (0% в начале, 100% в конце) на заданной длительности 1 секунда точно реализуют описанное в примере появление слоя. B неверен: перепутанные местами значения заставляют слой исчезать, а не появляться, что противоположно заданному примеру. C неверен: конечное значение 50% не соответствует требуемой полной непрозрачности (100%), указанной в примере. D неверен: без второго keyframe с иным значением интерполяция невозможна — слой останется полностью прозрачным на всём протяжении, анимация появления не произойдёт.

Question 18

По готовому примеру нужно анимировать position слоя с иконкой: иконка должна переместиться из точки (0, 100) в точку (0, 0) за 0.5 секунды (движение по вертикали снизу вверх, без изменения по горизонтали). Какая расстановка keyframes корректна?

Accepted Answer

B верен: расстановка keyframe точно повторяет заданные в примере координаты (без изменения X, изменение Y со 100 на 0) и длительность 0.5 секунды. C неверен: перепутанные оси X и Y превращают вертикальное движение в горизонтальное, что не соответствует примеру. D неверен: перепутанные местами начальная и конечная позиции заставляют иконку двигаться в противоположном заданному направлении. A неверен: удвоенная длительность (1 секунда вместо 0.5) не соответствует точно заданному в примере параметру времени.

Question 19

По готовому примеру нужно анимировать scale слоя с кнопкой: кнопка должна увеличиться со 100% до 110% за 0.15 секунды, затем вернуться к 100% за следующие 0.15 секунды (эффект нажатия). Какая расстановка keyframes корректна?

Accepted Answer

C верен: три keyframe (100% → 110% → 100%) с указанными в примере интервалами точно реализуют эффект нажатия с увеличением и возвратом к исходному размеру. D неверен: без промежуточного keyframe на 0.15с интерполяция между двумя точками (0 и 0.3с) не создаст паузы или пика в 110% ровно посередине с последующим явным возвратом, как описано. A неверен: перепутанные значения (начало со 110%, а не со 100%) не соответствуют описанному порядку — сначала кнопка в обычном размере, затем увеличивается. B неверен: уменьшение до 90% вместо указанного в примере увеличения до 110% — прямая подмена значения, заданного в примере.

Question 20

По готовому примеру нужно анимировать rotation слоя с иконкой загрузки: иконка должна непрерывно вращаться на 360 градусов за 1 секунду, с повтором (loop) бесконечно. Какая расстановка keyframes и параметров корректна?

Accepted Answer

D верен: полный оборот (0° → 360°) за указанную секунду с включённым бесконечным повтором точно реализует описанное непрерывное вращение иконки загрузки. A неверен: поворот только на 180° — это половина оборота, не соответствующая указанным в примере полным 360 градусам. B неверен: без включённого параметра loop анимация выполнится единожды и остановится на 360°, что не соответствует требованию непрерывного, бесконечного вращения. C неверен: обратный порядок значений (360° → 0°) меняет направление вращения на противоположное относительно заданного в примере.

Question 21

По готовому примеру нужно анимировать слой с текстом уведомления: текст должен переместиться по position сверху экрана вниз на своё место за 0.3 секунды, ОДНОВРЕМЕННО меняя opacity с 0% до 100% за то же время (появление и перемещение происходят синхронно). Какая расстановка keyframes корректна?

Accepted Answer

A верен: оба свойства (position и opacity) имеют keyframe на одних и тех же временных отметках (начало и конец), что обеспечивает точно описанный синхронный эффект одновременного перемещения и появления. B неверен: последовательное, а не параллельное изменение свойств (сначала перемещение, потом появление) удваивает общее время эффекта и не соответствует требованию ОДНОВРЕМЕННОГО изменения, указанному в примере. C неверен: отсутствие анимации position оставляет текст неподвижным, хотя перемещение сверху вниз прямо описано в примере как часть эффекта. D неверен: постоянная полная непрозрачность с самого начала убирает эффект появления (fade-in), который прямо указан в описании как одновременный с перемещением.

Question 22

По готовому примеру нужно анимировать слой с иллюстрацией облака: облако должно плавно двигаться слева направо по горизонтали, пересекая весь экран за 8 секунд, с постоянной скоростью (linear), без изменения по вертикали. Какая расстановка keyframes корректна?

Accepted Answer

B верен: неизменная координата Y при изменении только X, точная заданная длительность (8 секунд) и linear easing (постоянная скорость) точно соответствуют всем параметрам, указанным в примере. C неверен: изменение координаты Y добавляет вертикальное движение, отсутствующее в исходном описании (только горизонтальное перемещение). D неверен: сокращение длительности вдвое (4 секунды вместо 8) не соответствует точно заданному в примере параметру времени. A неверен: применение ease-in-out вместо указанного в примере linear нарушает требование постоянной скорости движения на всём протяжении.

Question 23

По готовому примеру нужно анимировать слой с прогресс-баром (заполнение полосы): ширина заполненной части должна увеличиться с 0% до 75% за 2 секунды (отражая реальный прогресс загрузки на 75%). Какая расстановка keyframes корректна?

Accepted Answer

C верен: точное конечное значение (75%, отражающее реальный указанный в примере прогресс) и заданная длительность (2 секунды) корректно реализуют описанную анимацию заполнения прогресс-бара. D неверен: заполнение до 100% не соответствует реальному прогрессу в 75%, указанному в примере — это исказило бы отображаемую пользователю информацию. A неверен: обратный порядок значений (от 75% к 0%) означает опустошение полосы, что противоположно описанному в примере эффекту заполнения. B неверен: длительность 5 секунд не соответствует точно заданной в примере длительности 2 секунды.

Question 24

По готовому примеру нужно анимировать слой с иконкой сердечка (лайк): при нажатии иконка должна увеличиться со 100% до 130% за 0.1 секунды, затем уменьшиться до 100% за следующие 0.15 секунды, ОДНОВРЕМЕННО меняя цвет заливки с серого на красный (изменение цвета происходит на всём протяжении первого этапа, 0.1 секунды). Какая расстановка keyframes корректна?

Accepted Answer

D верен: keyframe для scale и цвета синхронизированы на отметке 0.1с (окончание первого этапа), точно реализуя описанное одновременное увеличение размера и изменение цвета на первом этапе, с последующим возвратом размера к 100% на втором этапе. A неверен: полностью раздельные, не пересекающиеся по времени изменения scale и цвета не соответствуют описанной в примере синхронизации именно на первом этапе (0-0.1с). B неверен: обратный порядок цвета (красный→серый) противоречит описанному в примере эффекту — лайк должен становиться красным при нажатии (активное состояние), а не серым. C неверен: отсутствие второго этапа (возврата к 100%) не реализует полностью описанный в примере эффект пульсации иконки при нажатии.

Question 25

По готовой инструкции нужно собрать композицию из трёх готовых слоёв: слой «Фон» (нижний), слой «Персонаж» (средний), слой «Текст» (верхний). Инструкция прямо указывает такой порядок наложения слоёв сверху вниз: Текст, Персонаж, Фон. Какая расстановка слоёв в композиции (сверху вниз в панели слоёв) корректна?

Accepted Answer

A верен: точный порядок слоёв (Текст сверху, затем Персонаж, затем Фон снизу) в точности соответствует указанному в инструкции порядку наложения. B неверен: полностью инвертированный порядок означает, что фон окажется самым верхним слоем и полностью скроет персонажа и текст под собой, что противоречит инструкции. C неверен: перестановка местами текста и персонажа приведёт к тому, что персонаж окажется поверх текста, а не наоборот, как указано в инструкции. D неверен: перестановка местами фона и персонажа приведёт к тому, что фон окажется поверх персонажа, скрывая его, что противоречит инструкции.

Question 26

По готовой инструкции нужно применить маску (mask) к слою «Фото» так, чтобы фото было видно только внутри области круглой формы (остальная часть фото скрыта). Инструкция указывает: создать круглую фигуру-маску НАД слоем «Фото» и применить её в режиме «Alpha Matte» (маска использует прозрачность/форму верхнего слоя, чтобы определить видимую область нижнего). Какая настройка корректна?

Accepted Answer

B верен: точное следование инструкции — круглая фигура-маска расположена НАД слоем «Фото», и применён именно указанный режим «Alpha Matte», что даёт видимость фото строго внутри круглой области. C неверен: в стандартной логике track matte маскирующий слой должен располагаться НАД маскируемым слоем — при обратном порядке маска не будет работать так, как задумано в инструкции. D неверен: использование квадратной формы вместо явно указанной в инструкции круглой — не соответствует заданному описанию формы маски. A неверен: применение «Luma Matte» (маскирование по яркости) вместо явно указанного в инструкции «Alpha Matte» (маскирование по прозрачности/форме) — подмена конкретно указанного режима.

Question 27

По готовой инструкции нужно собрать переход между двумя сценами: Сцена А должна плавно исчезнуть (fade out, opacity 100%→0%) за 0.5 секунды, ровно в момент завершения этого исчезновения Сцена Б должна начать появляться (fade in, opacity 0%→100%) за следующие 0.5 секунды (кросс-переход без наложения по времени, последовательно). Какая настройка корректна?

Accepted Answer

C верен: точная последовательность (Сцена А исчезает первой за 0.5с, затем Сцена Б появляется за следующие 0.5с, без наложения по времени) в точности соответствует описанному в инструкции кросс-переходу. D неверен: одновременное, а не последовательное происходение обоих переходов противоречит инструкции, которая прямо описывает переход БЕЗ наложения по времени. A неверен: удвоенная длительность каждого перехода (1 секунда вместо указанных 0.5) не соответствует точно заданным в инструкции параметрам времени. B неверен: обратный порядок (Сцена Б появляется раньше исчезновения Сцены А) противоречит порядку, прямо описанному в инструкции.

Question 28

По готовой инструкции нужно собрать композицию с типографикой: заголовок должен быть расположен в верхней трети кадра, крупным шрифтом (72pt), основной текст — в средней трети кадра, меньшим шрифтом (24pt), логотип — в нижней трети кадра, по центру. Инструкция также указывает конкретный цвет текста: заголовок и основной текст — белый (#FFFFFF), логотип — оригинальный многоцветный (без изменения цвета). Какая сборка корректна?

Accepted Answer

D верен: точное соответствие всем параметрам инструкции — расположению элементов по третям кадра, размерам шрифта и цветам каждого элемента. A неверен: перепутанные местами размеры шрифта (заголовок меньше, основной текст крупнее) — прямая инверсия иерархии размеров, указанной в инструкции. B неверен: изменение цвета логотипа на белый противоречит явному указанию инструкции сохранить оригинальный многоцветный вид логотипа. C неверен: инвертированное расположение элементов (заголовок внизу, логотип вверху) полностью меняет заданную инструкцией композиционную структуру кадра.

Question 29

По готовой инструкции нужно собрать композицию перехода «wipe» (стирание): новая сцена должна постепенно «вытирать» старую слева направо с помощью прямоугольной маски, движущейся по горизонтали за 0.4 секунды, с жёсткими (не размытыми) краями маски. Какая сборка корректна?

Accepted Answer

A верен: точное соответствие форме маски (прямоугольная), направлению движения (слева направо), длительности (0.4 секунды) и жёсткости краёв, заданным в инструкции. B неверен: инвертированное направление движения маски (справа налево) не соответствует явно указанному в инструкции направлению слева направо. C неверен: размытые края маски противоречат прямому указанию инструкции о жёстких, неразмытых краях. D неверен: замена прямоугольной формы на круглую не соответствует явно указанной в инструкции форме маски.

Question 30

По готовой инструкции нужно собрать композицию для промо-баннера: основной цвет фона — тёмно-синий (#1A2B4C), акцентный цвет для CTA-кнопки — оранжевый (#FF6B35), текст на кнопке — белый (#FFFFFF). Инструкция указывает конкретный порядок построения композиции: сначала фон, затем изображение продукта поверх фона, затем кнопка CTA поверх всего, затем текст кнопки поверх кнопки. Какая сборка корректна?

Accepted Answer

B верен: точное соответствие цветам каждого элемента и порядку построения слоёв, указанным в инструкции — фон снизу, далее изображение продукта, кнопка, и текст кнопки сверху. C неверен: перепутанные местами цвета фона и кнопки — прямая инверсия цветовой схемы, указанной в инструкции. D неверен: размещение текста кнопки под самой кнопкой, а не поверх неё, сделает текст невидимым, что противоречит цели читаемой CTA-кнопки и прямому порядку из инструкции. A неверен: размещение изображения продукта поверх кнопки CTA, а не под ней, скроет кнопку под изображением, что противоречит указанному в инструкции порядку слоёв.

Question 31

По готовой инструкции нужно собрать композицию с переходом через blur (размытие): в момент перехода между сценами применяется сильное размытие (gaussian blur, интенсивность нарастает с 0 до 30px за 0.2 секунды, затем убывает с 30px до 0 за следующие 0.2 секунды, ровно в середине этого перехода происходит смена содержимого с одной сцены на другую). Какая сборка корректна?

Accepted Answer

C верен: точная последовательность нарастания и убывания размытия с указанной интенсивностью (30px), с точной синхронизацией момента смены содержимого с пиком размытия — в точности соответствует описанной в инструкции механике перехода. D неверен: постоянный, неизменный уровень размытия без нарастания и спада не создаёт описанного в инструкции динамического эффекта перехода. A неверен: смена содержимого без размытия (на отметке 0с, при blur=0px) сделает переход резким и заметным, что противоречит цели использования блюра для маскировки момента смены, указанной в инструкции. B неверен: сниженная интенсивность размытия (10px вместо указанных 30px) не соответствует точно заданному в инструкции параметру.

Question 32

По готовой инструкции нужно собрать композицию с цветокоррекцией: исходное видео имеет избыточную насыщенность (перенасыщенные цвета), инструкция указывает применить эффект «Hue/Saturation» и снизить параметр Saturation на -25%, оставив Hue (оттенок) и Lightness (яркость) без изменений. Какая настройка корректна?

Accepted Answer

D верен: точное применение указанного в инструкции параметра (Saturation -25%) с сохранением остальных параметров (Hue, Lightness) без изменений — решает описанную в инструкции проблему перенасыщенности. A неверен: повышение насыщенности вместо указанного в инструкции понижения усугубляет исходную проблему, а не решает её, и напрямую противоречит указанному знаку изменения параметра. B неверен: изменение параметра Lightness вместо явно указанного в инструкции Saturation — подмена конкретного параметра, который должен быть изменён. C неверен: изменение параметра Hue вместо указанного Saturation исказит цветовой оттенок видео, что не было целью инструкции и не решает проблему избыточной насыщенности.

Question 33

По готовой спецификации нужно добавить micro-interaction анимацию для кнопки «Лайк» в мобильном приложении: при нажатии иконка сердечка увеличивается со 100% до 140% за 0.1 секунды, затем возвращается к 100% за следующие 0.15 секунды, цвет меняется с серого на красный. Какая реализация точно соответствует спецификации?

Accepted Answer

A верен: точное следование заданной спецификации по всем параметрам — величине увеличения, длительности каждого этапа и изменению цвета. B неверен: отсутствие второго этапа (возврата к 100%) не реализует полностью описанный в спецификации эффект пульсации. C неверен: величина увеличения 200% вместо точно указанных в спецификации 140% — прямая подмена заданного параметра. D неверен: обратный порядок цвета (красный→серый) противоречит спецификации, где активное состояние (лайк) должно быть обозначено красным цветом.

Question 34

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

Accepted Answer

B верен: точная реализация всех трёх элементов спецификации — скрытие текста с указанной длительностью, вращающийся spinner именно внутри кнопки, и перевод кнопки в неактивное состояние. C неверен: spinner снаружи кнопки, а не внутри неё, не соответствует явному указанию спецификации о расположении индикатора. D неверен: активная кнопка во время загрузки допускает повторные нажатия, что прямо противоречит требованию спецификации сделать кнопку неактивной. A неверен: статичный, не вращающийся индикатор не реализует указанный в спецификации эффект вращения, отличающий spinner от статичной иконки.

Question 35

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

Accepted Answer

C верен: синхронное, одновременное выполнение обоих переходов (исчезновение текущего экрана влево и появление нового справа) за указанную длительность точно соответствует спецификации. D неверен: инвертированное направление движения текущего экрана (вправо вместо указанного влево) не соответствует спецификации. A неверен: последовательное, а не одновременное выполнение переходов удваивает общее время эффекта и не соответствует явному указанию спецификации об одновременности. B неверен: длительность 1 секунда не соответствует точно заданному в спецификации параметру 0.25 секунды.

Question 36

По готовой спецификации нужно добавить feedback-анимацию для успешного сохранения изменений в настройках профиля: появляется зелёная иконка галочки рядом с кнопкой «Сохранить» (0.2 секунды на появление), остаётся видимой 2 секунды, затем плавно исчезает (0.3 секунды). Какая реализация корректна?

Accepted Answer

D верен: точное соответствие всем параметрам спецификации — цвету, длительности появления, времени удержания и длительности исчезновения. A неверен: красный цвет вместо указанного в спецификации зелёного не соответствует заданному семантическому значению (зелёный — сигнал успеха). B неверен: отсутствие паузы удержания в 2 секунды нарушает описанную в спецификации последовательность этапов. C неверен: мгновенное появление вместо указанной длительности 0.2 секунды не соответствует точно заданному параметру спецификации.

Question 37

По готовой спецификации нужно добавить анимацию для skeleton-загрузчика (заглушки контента во время загрузки данных списка): серые прямоугольные плейсхолдеры пульсируют (opacity 40%→70%→40%) с циклом 1 секунда, бесконечный повтор, пока реальные данные не загружены. Какая реализация корректна?

Accepted Answer

A верен: точная реализация анимируемого свойства (opacity), диапазона значений, длительности цикла и бесконечного повтора согласно спецификации. B неверен: анимация position вместо указанного в спецификации opacity — подмена анимируемого свойства. C неверен: единичное выполнение цикла вместо бесконечного повтора не соответствует спецификации, требующей продолжения анимации до момента загрузки реальных данных. D неверен: диапазон 0%→100%→0% вместо точно указанного в спецификации 40%→70%→40% — подмена конкретных значений.

Question 38

По готовой спецификации нужно добавить анимацию для переключателя (toggle switch) в настройках: при включении ползунок перемещается слева направо (0.15 секунды), фон переключателя меняет цвет с серого на зелёный (синхронно с движением ползунка, та же длительность). Какая реализация корректна?

Accepted Answer

B верен: точная синхронизация обоих изменений (движения ползунка и изменения цвета фона) по времени и направлению, согласно спецификации. C неверен: инвертированное направление движения ползунка не соответствует явно указанному в спецификации направлению слева направо. D неверен: последовательное, а не синхронное изменение цвета фона не соответствует прямому указанию спецификации об одновременности. A неверен: синий цвет вместо указанного в спецификации зелёного — подмена заданного значения.

Question 39

По готовой спецификации нужно добавить анимацию появления модального окна подтверждения удаления: фон затемняется (opacity 0%→50%, 0.2 секунды), окно появляется с эффектом лёгкого увеличения (scale 95%→100%, те же 0.2 секунды, синхронно с затемнением фона). Какая реализация корректна?

Accepted Answer

C верен: точное соответствие значениям opacity фона, диапазону scale окна и синхронизации обоих эффектов, указанным в спецификации. D неверен: полное затемнение (100%) вместо указанных в спецификации 50% не соответствует заданному значению частичного затемнения. A неверен: эффект уменьшения (95% от 105%) вместо указанного в спецификации увеличения (от 95% до 100%) — инверсия направления изменения масштаба. B неверен: последовательное выполнение эффектов вместо синхронного не соответствует прямому указанию спецификации об одновременности.

Question 40

По готовой спецификации нужно добавить анимацию drag-and-drop карточки задачи в канбан-доске: при перетаскивании карточка увеличивается (scale 100%→105%) и получает тень (box-shadow появляется), при отпускании в новой колонке карточка возвращается к исходному размеру (scale 105%→100%) и тень исчезает, оба перехода — 0.15 секунды. Какая реализация корректна?

Accepted Answer

D верен: точная реализация обоих этапов (увеличение с тенью при перетаскивании, возврат к исходному размеру без тени при отпускании) с указанной длительностью, согласно спецификации. A неверен: отсутствие тени при перетаскивании не реализует часть эффекта, прямо указанную в спецификации. B неверен: отсутствие возврата к исходному размеру при отпускании не соответствует спецификации, которая прямо требует этот второй этап. C неверен: длительность 1 секунда не соответствует точно заданному в спецификации параметру 0.15 секунды.

Question 41

По заданному формату нужно экспортировать 15-секундный ролик для размещения на сайте: формат MP4, разрешение 1920×1080, длительность ровно 15 секунд. Какую проверку нужно выполнить после экспорта, согласно указанным параметрам?

Accepted Answer

A верен: полная проверка всех трёх заданных параметров (формат, разрешение, точная длительность) — именно то, что требуется при экспорте по заданному формату согласно Junior-задаче. B неверен: проверка только одного из трёх параметров (формата) оставляет неподтверждёнными разрешение и длительность, которые также прямо заданы в задании. C неверен: принятие другого формата файла (MOV вместо MP4) не соответствует явно указанному в задании требованию к формату экспорта. D неверен: приблизительное соответствие длительности («примерно 15 секунд») не соответствует требованию проверить ТОЧНОЕ соответствие заданной длительности.

Question 42

По заданному формату нужно экспортировать анимированный asset для использования в презентации: формат GIF, максимальный размер файла — 5 МБ, разрешение 800×600. После экспорта файл получился размером 8 МБ. Что нужно сделать согласно заданным параметрам?

Accepted Answer

B верен: снижение размера файла в рамках указанного формата (GIF) и заданного разрешения (800×600) до соответствия установленному лимиту (5 МБ) — точное выполнение задачи проверки и приведения экспорта к заданным параметрам. A неверен: превышение заданного максимального размера файла на 3 МБ не соответствует явно указанному в задании ограничению. C неверен: смена формата на MP4 не соответствует заданию, которое прямо требует именно формат GIF, вне зависимости от того, что MP4 технически более эффективен по размеру. D неверен: изменение разрешения, которое было явно задано конкретным значением (800×600) в задании, — не является корректным способом решения задачи проверки соответствия заданным параметрам.

Question 43

По заданному формату нужно экспортировать интерфейсную анимацию в Lottie-формат (JSON) для использования в мобильном приложении, согласно спецификации: длительность 2 секунды, 30 fps, без встроенных растровых изображений (только векторные формы). Какую проверку нужно выполнить после экспорта?

Accepted Answer

C верен: полная проверка всех заданных параметров спецификации (формат JSON/Lottie, длительность, частота кадров, отсутствие растровых изображений) — точное выполнение Junior-задачи проверки экспорта по заданному формату. D неверен: проверка только одного параметра (частоты кадров) оставляет неподтверждёнными остальные три параметра, явно указанные в спецификации. A неверен: экспорт в формате GIF не соответствует явно указанному в спецификации формату Lottie/JSON. B неверен: частота кадров 24 fps не соответствует точно заданному в спецификации значению 30 fps.

Question 44

По заданному формату нужно экспортировать промо-ролик для Instagram Stories согласно спецификации: соотношение сторон 9:16 (вертикальный формат), максимальная длительность — 15 секунд, формат MP4. Готовый ролик имеет соотношение сторон 16:9 (горизонтальный формат) и длительность 12 секунд. Что нужно сделать?

Accepted Answer

D верен: корректное решение — привести именно тот параметр, который не соответствует спецификации (соотношение сторон 16:9 вместо требуемого 9:16), к заданному значению, сохранив параметры, которые уже были верны (длительность в пределах лимита, формат MP4). A неверен: оставление горизонтального формата без изменений прямо противоречит спецификации, явно требующей вертикальный формат 9:16 для Stories. B неверен: изменение длительности, которая уже соответствовала лимиту в 15 секунд, не решает реальную проблему — несоответствие соотношения сторон, которое остаётся неисправленным. C неверен: изменение формата файла, который уже соответствовал спецификации (MP4), не относится к реальной, единственной выявленной проблеме — неверному соотношению сторон.

Question 45

По заданному формату нужно экспортировать анимацию логотипа для использования на печатной продукции согласно спецификации: формат — векторный (например, SVG или AI), без растеризации, сохранение прозрачного фона. Экспортированный файл получился в формате PNG (растровый) с белым фоном вместо прозрачного. Что нужно сделать?

Accepted Answer

A верен: корректное решение — повторный экспорт в векторном формате с прозрачным фоном, как прямо указано в спецификации, устраняющий оба выявленных несоответствия. B неверен: добавление прозрачности к уже растровому PNG-файлу не решает основную проблему — спецификация требует именно ВЕКТОРНЫЙ формат, а не растровый файл с добавленной прозрачностью. C неверен: смена цвета фона с белого на чёрный не решает ни проблему формата (остаётся растровым), ни проблему прозрачности (чёрный — не то же самое, что прозрачный). D неверен: принятие файла с обоими явными несоответствиями (растровый формат вместо векторного, непрозрачный фон вместо прозрачного) полностью игнорирует заданную спецификацию.

Question 46

По заданному формату нужно экспортировать обучающее видео для внутреннего портала компании согласно спецификации: разрешение 1280×720, битрейт видео — не выше 5 Мбит/с (для экономии места на сервере), формат MP4, аудиодорожка — AAC. Готовый экспорт имеет разрешение 1280×720, формат MP4, аудио AAC, но битрейт видео составляет 8 Мбит/с. Что нужно сделать?

Accepted Answer

B верен: корректное решение — снижение именно того параметра, который не соответствует спецификации (битрейт видео, превышающий заданный лимит в 5 Мбит/с), при сохранении остальных уже верных параметров без изменений. C неверен: изменение разрешения, которое уже соответствовало спецификации, не решает реальную проблему превышения битрейта, указанную в задаче. D неверен: сохранение битрейта, прямо превышающего заданное в спецификации ограничение, игнорирует явное требование задания, вне зависимости от того, что более высокий битрейт может улучшать визуальное качество. A неверен: изменение формата аудиодорожки, которая уже соответствовала спецификации (AAC), не относится к единственной реальной проблеме — превышению битрейта видео.

Question 47

По заданному формату нужно экспортировать серию из 5 иконок-анимаций для использования в приложении в формате Rive (.riv), согласно спецификации: каждая анимация — длительность 1 секунда, зациклена (loop), размер файла каждой анимации — не более 200 КБ. После экспорта одна из пяти анимаций получилась размером 350 КБ. Что нужно сделать?

Accepted Answer

C верен: точечное исправление именно того элемента (одной анимации из пяти), который не соответствует заданному лимиту размера, при сохранении остальных, уже верных элементов без изменений — корректное решение задачи проверки и приведения к заданным параметрам. D неверен: изменение всех пяти анимаций, включая четыре уже соответствующих спецификации, — избыточное и ненужное вмешательство в элементы, которые не требовали исправления. A неверен: оставление одной анимации, явно превышающей заданный лимит размера, без исправления прямо противоречит указанному в спецификации ограничению. B неверен: смена формата файла на GIF для решения проблемы размера не соответствует заданию, которое прямо требует формат Rive (.riv) для всей серии иконок.

Question 48

По заданному формату нужно экспортировать анимированный баннер для рекламной сети согласно спецификации рекламной площадки: формат HTML5 (не видео), максимальный вес файла (включая все ассеты) — 150 КБ, разрешение 300×250 пикселей. Экспортированный файл соответствует разрешению 300×250 и формату HTML5, но общий вес составляет 220 КБ. Что нужно сделать?

Accepted Answer

D верен: точечная оптимизация именно того параметра, который не соответствует спецификации (общий вес файла, превышающий лимит в 150 КБ), при сохранении остальных уже верных параметров (формат, разрешение) без изменений. A неверен: смена формата на видео не соответствует заданию, прямо требующему формат HTML5, вне зависимости от того, что видео могло бы технически иметь другой вес. B неверен: изменение разрешения, которое уже соответствовало заданному в спецификации значению, не является корректным способом решения задачи, так как разрешение не подлежало изменению согласно заданию. C неверен: превышение установленного рекламной площадкой лимита веса файла (часто это технически жёсткое ограничение самой площадки, а не просто рекомендация) не может быть проигнорировано, так как это прямо указанное в спецификации требование.

Question 49

По готовому шаблону именования файлов нужно передать разработчику исходник и экспорт анимации кнопки. Шаблон именования: «[проект]_[компонент]_[версия]_[тип файла]» (например, «app_button-hover_v1_export.mp4»). Нужно передать исходник и экспорт анимации логотипа для проекта «website», версия 2. Какое именование корректно?

Accepted Answer

A верен: оба файла точно следуют заданному шаблону именования — проект, компонент, версия, тип файла в правильном порядке и формате. B неверен: перепутанный порядок компонентов «проект» и «компонент» не соответствует явно заданной последовательности в шаблоне. C неверен: формат обозначения версии («version2») не соответствует точно заданному в шаблоне формату («v2»). D неверен: отсутствие обязательного компонента (версии) в имени файла не соответствует шаблону, требующему все четыре компонента.

Question 50

По готовому шаблону нужно передать разработчику исходник и экспорт для 3 анимаций иконок (загрузка, ошибка, успех) проекта «checkout», версия 1. Шаблон: «[проект]_[компонент]_[версия]_[тип файла]». Какое именование всех файлов корректно?

Accepted Answer

B верен: все 6 файлов (исходник и экспорт для каждой из 3 разных иконок) точно и последовательно следуют заданному шаблону, с уникальным, понятным обозначением компонента для каждой иконки, что позволяет однозначно идентифицировать каждый файл. C неверен: одинаковое обозначение компонента для всех трёх разных иконок не позволяет различить файлы между собой по имени, что противоречит цели понятного именования. D неверен: произвольные, не следующие шаблону имена для файлов экспорта нарушают требование единообразного именования, заданное шаблоном. A неверен: отсутствие обозначения версии для файлов экспорта нарушает требование шаблона, который явно включает версию как обязательный компонент для ВСЕХ типов файлов.

Question 51

По готовому шаблону нужно экспортировать и передать разработчику анимацию перехода между экранами в заданном формате (Lottie/JSON), с заданным разрешением (совпадающим с разрешением дизайн-макета — 375×812, мобильный формат) и с указанием длительности анимации в названии файла согласно шаблону «[проект]_[компонент]_[длительность]мс_[тип файла]». Проект «onboarding», компонент «screen-transition», длительность 300мс. Какая передача корректна?

Accepted Answer

C верен: точное соответствие заданному формату (JSON/Lottie), заданному разрешению (совпадающему с макетом) и шаблону именования, включающему длительность анимации. D неверен: формат MP4 не соответствует явно заданному в задании формату Lottie/JSON. A неверен: разрешение 1920×1080 не соответствует заданному разрешению, которое должно точно совпадать с разрешением дизайн-макета (375×812). B неверен: отсутствие длительности в имени файла не соответствует заданному шаблону именования, который явно включает этот компонент.

Question 52

По готовому шаблону нужно оформить handoff-документ для передачи анимации loading-индикатора разработчику, включающий обязательные поля согласно шаблону: «Название анимации», «Длительность», «Формат файла», «Ссылка на исходник». Какое оформление документа корректно?

Accepted Answer

D верен: документ полностью следует шаблону, все четыре обязательных поля присутствуют и заполнены конкретными, полезными для разработчика значениями. A неверен: пропуск двух из четырёх обязательных полей шаблона делает документ неполным, лишая разработчика важной информации для реализации. B неверен: нерабочая ссылка на исходник формально заполняет поле, но не выполняет его реальную функцию — предоставление разработчику фактического доступа к исходному файлу. C неверен: неточное, приблизительное значение длительности не даёт разработчику конкретных данных для точной технической реализации анимации.

Question 53

По готовому шаблону нужно передать разработчику набор из 4 анимированных иконок статусов заказа (в очереди, в обработке, отправлен, доставлен) с именованием по шаблону «[проект]_status-[название статуса]_[версия]_[тип файла]», проект «delivery», версия 1. Какое именование всех 4 файлов корректно?

Accepted Answer

A верен: все четыре файла точно и последовательно следуют заданному шаблону, с содержательными, понятными названиями конкретных статусов, что позволяет однозначно идентифицировать каждый файл. B неверен: неинформативные числовые обозначения вместо реальных названий статусов не дают разработчику понимания содержания каждого файла без дополнительного обращения к документации. C неверен: идентичное имя для двух разных файлов создаёт риск случайной перезаписи одного файла другим и не позволяет их различить в файловой системе. D неверен: несогласованный формат обозначения версии внутри одного набора файлов нарушает единообразие, ожидаемое от следования единому шаблону именования.

Question 54

По готовому шаблону нужно передать разработчику исходник и экспорт для анимации всплывающей подсказки (tooltip), проект «dashboard», версия 3, с обязательным указанием в имени файла того, что это финальная, а не черновая версия («_final»), согласно шаблону «[проект]_[компонент]_[версия]_[final/draft]_[тип файла]». Какое именование корректно для финальной версии?

Accepted Answer

B верен: оба файла точно следуют заданному шаблону со всеми обязательными компонентами, включая явное обозначение статуса «final», как требуется для финальной версии. C неверен: отсутствие обязательного компонента «_final» не соответствует заданному шаблону, который прямо требует это обозначение для различения финальных и черновых версий. D неверен: обозначение «draft» вместо требуемого «final» прямо противоречит поставленной задаче передать именно финальную, а не черновую версию. A неверен: несовпадение номера версии между исходником (v3) и экспортом (v2) для одного и того же компонента создаёт путаницу и не соответствует задаче передать оба файла как относящиеся к одной, третьей версии.

Question 55

По готовому шаблону нужно оформить handoff-спецификацию тайминга для анимации появления карточки уведомления, включающую обязательные поля: «Длительность (мс)», «Easing», «Задержка перед началом (мс, если есть)». Значения: длительность 250мс, easing ease-out, задержка отсутствует (0мс). Какое оформление корректно?

Accepted Answer

C верен: все три обязательных поля шаблона точно заполнены конкретными, заданными значениями, включая явное обозначение нулевой задержки, а не пропуск поля. D неверен: пропуск поля задержки вместо явного указания значения 0 не соответствует требованию шаблона заполнить все обязательные поля, даже когда значение равно нулю. A неверен: текстовое, неточное описание длительности вместо конкретного числового значения в миллисекундах не соответствует формату, требуемому полем шаблона «Длительность (мс)». B неверен: незаполненное поле easing, хотя конкретное значение было явно задано в условии задачи, — неполное следование заданным данным.

Question 56

По готовому шаблону нужно передать разработчику fallback-версию (упрощённая альтернатива для случаев, когда основная анимация технически недоступна) анимации баннера, с обязательным обозначением «_fallback» в имени файла согласно шаблону «[проект]_[компонент]_fallback_[тип файла]». Проект «promo», компонент «banner-hero». Какое именование fallback-версии корректно?

Accepted Answer

D верен: файл точно следует заданному шаблону со всеми компонентами в правильном порядке, включая обязательное для fallback-версии обозначение «_fallback» на предписанной позиции. A неверен: отсутствие обозначения «_fallback» не позволяет отличить этот файл от основной, неупрощённой версии анимации, что противоречит цели шаблона. B неверен: использование иного слова («backup») вместо точно заданного в шаблоне термина («fallback») нарушает единообразие стандарта именования. C неверен: неверная позиция компонента «fallback» в имени файла не соответствует точно заданному в шаблоне порядку компонентов.

Матрица компетенций: Motion Designer