Каждый дизайнер рисовавший иконки сталкивался с форматами 16х16, 32х32, 64х64 и так далее.
Меня посетило две мысли: откуда взялись эти форматы и насколько хорошо они работают в настоящее время?
Предполагаю, что размеры иконок кратные степеням двойки были призваны упростить жизнь программистам — возможно обработка была быстрее либо графические данные подобного размера могли храниться с максимальной эффективностью (без излишков информации). При условии что техническими требованиями было обусловлено что допустимое разрешение 32х32, а при превышении размера одной из сторон приходилось использовать размер 64х64.
В настоящее время проблема объема данных хранимых в изображении иконки уже не стоит так остро, как 10-15 лет назад. Конечно, до сих пор оптимизация данных сказывается на ограничениях по размерам иконок в графических оболочках разных операционных систем. Но допускаю что в приложениях, для которых создаются собственные скины и в веб-приложениях данная проблема уходит на второй план.
Работают ли данные форматы в настоящее время с точки зрения удобства восприятия и юзабилити?
Технически они полностью оправданы. Но давайте посмотрим на эволюцию разрешения экрана за последний десяток лет или немного больше. От 800х600@15" (67 ppi — в данном контексте это pixels per inch) и 1024х768@17" (75 ppi) до „нативного“ разрешения 1280х1024@19" (86 ppi) либо 1680х1050@22" (96 dpi) и это не предел, не говоря даже про мобильные устройства. Очевиден тренд роста количества пикселей на дюйм, и как следствие визуальное уменьшение размера иконок на 16-20% на сегодняшний день.
Что получается в итоге? Снижается читаемость иконки, в частности второстепенные детали не так хорошо различимы как раньше. Приходится прилагать больше усилий для позиционирования курсора на иконке. И как следствие вышеперечисленных явлений — теряется лояльность пользователя. Выход очевиден — делать иконки крупнее.
Возможно, это будет формат 20х20 (16+~20%) и все последующие будут представлены в геометрической прогрессии — 40х40, 80х80 и так далее. Либо, подбирать индивидуальный формат под определенное приложение. Очевидный плюс в том что иконка 20х20 будет иметь лучшее сглаживание, либо содержать в себе большее количество деталей, в зависимости от нужд проекта.
Также, достоинство увеличения формата в том, что на мобильных устройствах с емкостным экраном такая иконка (если она является элементом управления) будет проще попасть по ней пальцем. Представьте себе экран 250-300 dpi, и иконку на сайте размером 16х16 — размер пальца явно превышает размер иконки, а если рядом находятся другие элементы управления и отступы между ними малы, то возрастает риск ошибки, снова вопрос о лояльности пользователя.
Увеличивать формат или оставить все как есть, решать вам, но задуматься об этом не будет лишним.
Меня посетило две мысли: откуда взялись эти форматы и насколько хорошо они работают в настоящее время?
Предполагаю, что размеры иконок кратные степеням двойки были призваны упростить жизнь программистам — возможно обработка была быстрее либо графические данные подобного размера могли храниться с максимальной эффективностью (без излишков информации). При условии что техническими требованиями было обусловлено что допустимое разрешение 32х32, а при превышении размера одной из сторон приходилось использовать размер 64х64.
В настоящее время проблема объема данных хранимых в изображении иконки уже не стоит так остро, как 10-15 лет назад. Конечно, до сих пор оптимизация данных сказывается на ограничениях по размерам иконок в графических оболочках разных операционных систем. Но допускаю что в приложениях, для которых создаются собственные скины и в веб-приложениях данная проблема уходит на второй план.
Работают ли данные форматы в настоящее время с точки зрения удобства восприятия и юзабилити?
Технически они полностью оправданы. Но давайте посмотрим на эволюцию разрешения экрана за последний десяток лет или немного больше. От 800х600@15" (67 ppi — в данном контексте это pixels per inch) и 1024х768@17" (75 ppi) до „нативного“ разрешения 1280х1024@19" (86 ppi) либо 1680х1050@22" (96 dpi) и это не предел, не говоря даже про мобильные устройства. Очевиден тренд роста количества пикселей на дюйм, и как следствие визуальное уменьшение размера иконок на 16-20% на сегодняшний день.
Что получается в итоге? Снижается читаемость иконки, в частности второстепенные детали не так хорошо различимы как раньше. Приходится прилагать больше усилий для позиционирования курсора на иконке. И как следствие вышеперечисленных явлений — теряется лояльность пользователя. Выход очевиден — делать иконки крупнее.
Возможно, это будет формат 20х20 (16+~20%) и все последующие будут представлены в геометрической прогрессии — 40х40, 80х80 и так далее. Либо, подбирать индивидуальный формат под определенное приложение. Очевидный плюс в том что иконка 20х20 будет иметь лучшее сглаживание, либо содержать в себе большее количество деталей, в зависимости от нужд проекта.
Также, достоинство увеличения формата в том, что на мобильных устройствах с емкостным экраном такая иконка (если она является элементом управления) будет проще попасть по ней пальцем. Представьте себе экран 250-300 dpi, и иконку на сайте размером 16х16 — размер пальца явно превышает размер иконки, а если рядом находятся другие элементы управления и отступы между ними малы, то возрастает риск ошибки, снова вопрос о лояльности пользователя.
Увеличивать формат или оставить все как есть, решать вам, но задуматься об этом не будет лишним.