UX-god
Все тесты
Визуальный дизайн

Визуальная иерархия: основы

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

Иерархия · Акцент · Отступы · Порядок чтения

  • 10 заданий, из 18 в банке
  • 15 мин
  • пропуск через 18 с

Что будет в заданиях

  • Выбор макета

    Из двух-трёх макетов выбрать тот, что лучше решает задачу.

  • Порядок блоков

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

  • Мини-редактор

    Подобрать размер, цвет и вес элементов в мини-редакторе с живым превью.

  • Выбрать ровно N

    Отметить ровно столько пунктов, сколько просят: убрать лишнее или выбрать правки.

  • Сопоставление

    Каждой ситуации подобрать подходящий приём.

  • Найди на экране

    Найти на экране элементы, которые выбиваются из иерархии.

  • Числа и отступы

    Подобрать отступы и размеры степперами и ползунками.

Как считаются очки

  • Верно+10 ✦

    Всё решено так, как в сильном варианте

  • Почти+5 ✦

    Верна хотя бы половина: часть блоков, свойств или пар

  • Мимо0

    Верного меньше половины

  • Пропуск0

    Задание можно пройти потом с экрана итогов

После проверки откроется разбор: ваш вариант рядом с эталоном и объяснение. Повторная попытка задания на очки не влияет.