Question layouts · UI reference

Лейауты заданий с изображениями

Варианты «Выбери правильный ответ» и «Впиши в пропуски» собраны на мок-данных и отрисованы боевыми компонентами.

  1. Только текст · короткое наполнение

    Базовые лейауты от одного до четырёх активных вариантов ответа.

    1. Один вариант

      Короткое задание и короткие текстовые ответы.

      • 1 вар.
      • 0 изобр.
      • 0 изобр. в условии
      • задание 21/50
      • ответ 2/25

    2. Два варианта

      Два ответа в одну строку; первый занимает все 25 символов.

      • 2 вар.
      • 0 изобр.
      • 0 изобр. в условии
      • задание 21/50
      • ответ 25/25

    3. Три варианта

      Короткое задание и короткие текстовые ответы.

      • 3 вар.
      • 0 изобр.
      • 0 изобр. в условии
      • задание 21/50
      • ответ 6/25

    4. Четыре варианта

      Короткое задание и короткие текстовые ответы.

      • 4 вар.
      • 0 изобр.
      • 0 изобр. в условии
      • задание 21/50
      • ответ 7/25

  2. Только текст · предельное наполнение

    Проверка лимитов: 50 символов в задании и 25 символов в ответе.

    1. Один вариант

      Задание на 50 символов и ответы на 25 символов.

      • 1 вар.
      • 0 изобр.
      • 0 изобр. в условии
      • задание 50/50
      • ответ 25/25

    2. Два варианта

      Задание на 50 символов и ответы на 25 символов.

      • 2 вар.
      • 0 изобр.
      • 0 изобр. в условии
      • задание 50/50
      • ответ 25/25

    3. Три варианта

      Задание на 50 символов и ответы на 25 символов.

      • 3 вар.
      • 0 изобр.
      • 0 изобр. в условии
      • задание 50/50
      • ответ 25/25

    4. Четыре варианта

      Задание на 50 символов и ответы на 25 символов.

      • 4 вар.
      • 0 изобр.
      • 0 изобр. в условии
      • задание 50/50
      • ответ 25/25

    5. Длинное задание · короткие ответы

      Предельный текст задания с четырьмя короткими ответами.

      • 4 вар.
      • 0 изобр.
      • 0 изобр. в условии
      • задание 50/50
      • ответ 7/25

    6. Короткое задание · длинные ответы

      Короткий текст задания с четырьмя ответами по 25 символов.

      • 4 вар.
      • 0 изобр.
      • 0 изобр. в условии
      • задание 21/50
      • ответ 25/25

  3. Изображение в условии

    Вертикальные, горизонтальные и панорамные изображения с текстом и без него.

    1. Вертикальное изображение · 4 ответа

      Тестовый вариант без оверлея: изображение занимает левую колонку, условие и ответы — правую.

      • 4 вар.
      • 0 изобр.
      • 1 изобр. в условии
      • задание 32/50
      • ответ 7/25

    2. Горизонтальное изображение · 4 ответа

      Горизонтальное изображение 600 × 300 слева; условие и сетка из четырёх ответов справа.

      • 4 вар.
      • 0 изобр.
      • 1 изобр. в условии
      • задание 32/50
      • ответ 7/25

    3. Вертикальное изображение · 2 ответа

      Два варианта ответа справа от вертикального изображения.

      • 2 вар.
      • 0 изобр.
      • 1 изобр. в условии
      • задание 32/50
      • ответ 7/25

    4. Вертикальное изображение · 3 ответа

      Три варианта ответа справа от вертикального изображения.

      • 3 вар.
      • 0 изобр.
      • 1 изобр. в условии
      • задание 32/50
      • ответ 7/25

    5. Разные изображения в условии и ответах

      Вертикальное изображение в условии; две другие картинки используются как ответы.

      • 2 вар.
      • 2 изобр.
      • 1 изобр. в условии
      • задание 46/50
      • ответ 9/25

    6. 400 × 600 · короткий текст

      Только изображение условия и два текстовых ответа.

      • 2 вар.
      • 0 изобр.
      • 1 изобр. в условии
      • задание 21/50
      • ответ 3/25

    7. 600 × 169 · максимальный текст

      Текст на 50 символов поверх панорамного изображения.

      • 2 вар.
      • 0 изобр.
      • 1 изобр. в условии
      • задание 50/50
      • ответ 25/25

    8. 600 × 300 · без текста

      Условие только с изображением и четыре ответа.

      • 4 вар.
      • 0 изобр.
      • 1 изобр. в условии
      • задание 0/50
      • ответ 7/25

    9. Asset отсутствует

      Ссылка существует, но Asset не передан в assetMap.

      • 2 вар.
      • 0 изобр.
      • 1 изобр. в условии
      • задание 22/50
      • ответ 3/25

    10. URL отсутствует

      Asset передан с размерами, но без публичного URL.

      • 4 вар.
      • 0 изобр.
      • 1 изобр. в условии
      • задание 0/50
      • ответ 7/25

  4. Изображения с подписями

    Для каждого количества ответов показаны варианты с одним, двумя, тремя и четырьмя изображениями.

    1. Один вариант · 1 изображение

      Изображения с текстовыми подписями поверх них.

      • 1 вар.
      • 1 изобр.
      • 0 изобр. в условии
      • задание 21/50
      • ответ 9/25

    2. Два варианта · 1 изображение

      Изображения с текстовыми подписями поверх них.

      • 2 вар.
      • 1 изобр.
      • 0 изобр. в условии
      • задание 21/50
      • ответ 9/25

    3. Два варианта · 2 изображения

      Изображения с текстовыми подписями поверх них.

      • 2 вар.
      • 2 изобр.
      • 0 изобр. в условии
      • задание 21/50
      • ответ 9/25

    4. Три варианта · 1 изображение

      Изображения с текстовыми подписями поверх них.

      • 3 вар.
      • 1 изобр.
      • 0 изобр. в условии
      • задание 21/50
      • ответ 9/25

    5. Три варианта · 2 изображения

      Изображения с текстовыми подписями поверх них.

      • 3 вар.
      • 2 изобр.
      • 0 изобр. в условии
      • задание 21/50
      • ответ 9/25

    6. Три варианта · 3 изображения

      Изображения с текстовыми подписями поверх них.

      • 3 вар.
      • 3 изобр.
      • 0 изобр. в условии
      • задание 21/50
      • ответ 9/25

    7. Четыре варианта · 1 изображение

      Изображения с текстовыми подписями поверх них.

      • 4 вар.
      • 1 изобр.
      • 0 изобр. в условии
      • задание 21/50
      • ответ 9/25

    8. Четыре варианта · 2 изображения

      Изображения с текстовыми подписями поверх них.

      • 4 вар.
      • 2 изобр.
      • 0 изобр. в условии
      • задание 21/50
      • ответ 9/25

    9. Четыре варианта · 3 изображения

      Изображения с текстовыми подписями поверх них.

      • 4 вар.
      • 3 изобр.
      • 0 изобр. в условии
      • задание 21/50
      • ответ 9/25

    10. Четыре варианта · 4 изображения

      Изображения с текстовыми подписями поверх них.

      • 4 вар.
      • 4 изобр.
      • 0 изобр. в условии
      • задание 21/50
      • ответ 9/25

  5. Изображения без подписей

    Все сочетания количества ответов и изображений без текста поверх картинки.

    1. Один вариант · 1 изображение

      Изображения без подписей рядом с оставшимися текстовыми ответами.

      • 1 вар.
      • 1 изобр.
      • 0 изобр. в условии
      • задание 21/50
      • ответ —/25

    2. Два варианта · 1 изображение

      Изображения без подписей рядом с оставшимися текстовыми ответами.

      • 2 вар.
      • 1 изобр.
      • 0 изобр. в условии
      • задание 21/50
      • ответ 3/25

    3. Два варианта · 2 изображения

      Изображения без подписей рядом с оставшимися текстовыми ответами.

      • 2 вар.
      • 2 изобр.
      • 0 изобр. в условии
      • задание 21/50
      • ответ —/25

    4. Три варианта · 1 изображение

      Изображения без подписей рядом с оставшимися текстовыми ответами.

      • 3 вар.
      • 1 изобр.
      • 0 изобр. в условии
      • задание 21/50
      • ответ 6/25

    5. Три варианта · 2 изображения

      Изображения без подписей рядом с оставшимися текстовыми ответами.

      • 3 вар.
      • 2 изобр.
      • 0 изобр. в условии
      • задание 21/50
      • ответ 6/25

    6. Три варианта · 3 изображения

      Изображения без подписей рядом с оставшимися текстовыми ответами.

      • 3 вар.
      • 3 изобр.
      • 0 изобр. в условии
      • задание 21/50
      • ответ —/25

    7. Четыре варианта · 1 изображение

      Изображения без подписей рядом с оставшимися текстовыми ответами.

      • 4 вар.
      • 1 изобр.
      • 0 изобр. в условии
      • задание 21/50
      • ответ 7/25

    8. Четыре варианта · 2 изображения

      Изображения без подписей рядом с оставшимися текстовыми ответами.

      • 4 вар.
      • 2 изобр.
      • 0 изобр. в условии
      • задание 21/50
      • ответ 7/25

    9. Четыре варианта · 3 изображения

      Изображения без подписей рядом с оставшимися текстовыми ответами.

      • 4 вар.
      • 3 изобр.
      • 0 изобр. в условии
      • задание 21/50
      • ответ 7/25

    10. Четыре варианта · 4 изображения

      Изображения без подписей рядом с оставшимися текстовыми ответами.

      • 4 вар.
      • 4 изобр.
      • 0 изобр. в условии
      • задание 21/50
      • ответ —/25

Fill in the blank · UI reference

Лейауты задания «Впиши в пропуски» с изображениями

Боевой компонент показан с вертикальными, панорамными и горизонтальными изображениями, разным количеством пропусков и fallback-состояниями.

  1. 01

    Вертикальное изображение · один пропуск

    Короткое условие и изображение 400 × 600.

    • 1 проп.
    • 400 × 600
    • инструкция 16/50
    • задание 17/50
    • текст 7/200
  2. 02

    Панорама · длинное условие

    Узкое изображение 600 × 169 и развёрнутая формулировка.

    • 1 проп.
    • 600 × 169
    • инструкция 16/50
    • задание 46/50
    • текст 10/200
  3. 03

    Горизонтальное изображение · два пропуска

    Два поля ввода рядом с изображением 600 × 300.

    • 2 проп.
    • 600 × 300
    • инструкция 16/50
    • задание 21/50
    • текст 19/200
  4. 04

    Изображение 4:3 · четыре пропуска

    Плотное наполнение с максимальным количеством строк.

    • 4 проп.
    • 600 × 450
    • инструкция 16/50
    • задание 20/50
    • текст 24/200
  5. 05

    Без текста условия

    В условии остаётся только изображение; предложение — ниже.

    • 1 проп.
    • 600 × 300
    • инструкция 16/50
    • задание 0/50
    • текст 19/200
  6. 06

    Asset отсутствует

    Проверка placeholder для неизвестного идентификатора.

    • 1 проп.
    • нет Asset
    • инструкция 16/50
    • задание 22/50
    • текст 7/200
  7. 07

    URL отсутствует

    Asset передан с размерами, но без публичного URL.

    • 1 проп.
    • нет URL
    • инструкция 16/50
    • задание 22/50
    • текст 7/200
  8. 08

    Максимальное заполнение

    Изображение, инструкция и условие по 50 символов, текст на 200 символов и восемь пропусков.

    • 8 проп.
    • 600 × 450
    • инструкция 50/50
    • задание 50/50
    • текст 200/200