Выбор ответа Senior Композиция, сетки, типографика обновлено
Оптическая компенсация
Вопрос
Иконка «play» (треугольник) в круглой кнопке выровнена строго по геометрическому центру, но выглядит смещённой влево. Почему и что делать?
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: Масса треугольника у широкой стороны: сдвинуть иконку вправо оптически. Геометрический центр и оптический центр не совпадают: у треугольника большая часть площади у основания, поэтому глаз видит смещение.
Варианты ответа
- Это ошибка рендеринга SVG: нужно экспортировать иконку в PNG с ретиной
- Масса треугольника у широкой стороны: сдвинуть иконку вправо оптическиправильный ответ
- Нужно увеличить кнопку до 64 px, тогда смещение станет незаметным
- Треугольник надо заменить квадратом «стоп», он центрируется без искажений
Разбор
Геометрический центр и оптический центр не совпадают: у треугольника большая часть площади у основания, поэтому глаз видит смещение. Оптическая компенсация (сдвиг, иногда увеличение круглых форм относительно квадратных) стандартна в типографике и иконографии. Формат файла и размер кнопки проблему не решают.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.
Термины по теме
Ещё по теме «Композиция, сетки, типографика»
- Сетка 8pt
- Базовая линия и ритм
- Типы сеток
- Обоснуйте визуальные решения
- Формула ширины колонки
- Сколько шрифтов в интерфейсе
- Принцип близости
- Ширина колонки в сетке