Новые пропорции для iOS приложений

Гаджеты, Экранные интерфейсы

44-пиксельный блок — традиционная «единица измерения» интерфейсов для iPhone. Именно он задает визуальный ритм во многих приложениях под iOS. Квадрат размером 44 × 44 пикселей считается минимальной площадью, удобной для взаимодействия пользователя с интерфейсом в силу размеров человеческих пальцев.

Автор статьи Эн Тан, проектировщик интерфейсов и специалист в области типографики, считает, что 44-пиксельный подход к дизайну приложений под iOS имеет ряд существенных недостатков.

По сути, каждый квадрат размером 44 × 44 пикселей делится на секции высотой в 11 пикселей. Этот интервал используется в качестве отступа заголовков и т.д. Таким образом, есть вспомогательный визуальный ритм в 11 пикселей. Учитывая размер дисплея iPhone, при таком подходе остается не удел кусок экрана высотой в 9 пикселей, так как 460 нельзя поделить без остатка на 11.

Строка состояния на iPhone всего лишь 20 пикселей высотой, что очень неудобно для взаимодействия с помощью пальцев. В свою очередь высота кнопок составляет 29 пикселей, что опять нарушает вертикальный ритм. Это далеко не все исключения из правила 44 пикселей.

Чтобы решить все эти противоречия в разметке, Эн предлагает 4-пиксельный ритм. Он позволяет при минимальных изменениях в уже существующих интерфейсах, внести порядок и последовательность в дизайн. На примере перепроектирования ряда привычных приложений автор показывает практичность применения описанной выше сетки.

New Visual Proportions for the iOS User Interface

Поделиться: