10 июня 2013 года Эпл презентовала АйОС 7. В новой оси появились ультратонкие шрифты и такие же ажурные иконки.

Тонкие линии удачно подчёркивали детализацию ретиновых дисплеев, ставших к этому времени стандартом для всей эпловской техники.

Стив Джобс презентует ретиновый дисплей

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

Сначала глаз видит цвет, потом пятно, потом силуэт. Чаще всего интерфейсные иконки лишены цвета. А у аутлайновых иконок нет цвета и нет пятна, остаётся силуэт, который приходится распознавать дольше.

Детали различимы только в области центральной ямки. Зона максимального разрешения зрения — 1°. Как раз размер одной иконки. И разрешающая способность драматически падает от центра к периферии. Глядя на левую иконку тулбара ещё можно распознать соседей по силуэту, а правая будет уже неразличима (проверьте).

Сам Эпл, разумеется, давно отказался от аутлайновых иконок:

P. S. Это был иконочный совет. Пилите пиктограммы в интерфейсах? Заказчик ругается на иконки? Графика не цепляет? В чём сила, брат? Присылайте вопросы

ИконкиГрафикаПиктограммы
Отправить
Поделиться
Запинить

Комментарии

Сергей Плохотнюк

Не, не зло :‑)
Согласен, что цвет сильно помогает различать интерфейс. Затем пятна и силуэт. Но выбор стиля иконок зависит от необходимого контраста. Ну, или стилистики :‑)

Дизайнер не всегда может собрать навигацию из разных по силуэту иконок: круг, квадрат, звезда, треугольник... И, независимо от стилистики, различимость будет одинаковой. Поставьте две похожие по форме иконки с разными деталями, например. Здесь поможет только чередование: квадрат, круг, квадрат, треугольник.

Эппл отказался от супертонких иконок, но не от аутлайн иконок. Используют повсеместно.

10 сен 2023

Как насчёт не‑интерфейсов? Например, в оформлении навигации мультифункционального комплекса с гостиницей, большим залом и ресторанами, где монолинейные иконки используются и как консоли, и как накладки (и светлые на тёмном, и тёмные на светлом), и на мониторах (на тёмном фоне)?

11 сен 2023

Рекомендуем другие советы