Иконка, понятная зрячему человеку с хорошим экраном, может быть невидимой для остальных. Слишком тонкий контур пропадает при ярком солнце, светло-серый символ на белом фоне различает не каждый, а голосовой доступ вообще не видит картинку без текстового описания.
Первое требование — контраст. Иконка несёт смысл так же, как текст, и должна быть различима на своём фоне. Особенно это касается неактивных состояний: приглушать можно, но не до неразличимости.
Второе — размер зоны нажатия. Маленький рисунок не обязан означать маленькую кнопку. Область касания должна быть заметно больше самого символа, иначе на телефоне промахи станут обычным делом.
Третье — текстовая альтернатива. Значимая иконка нуждается в описании, декоративная должна быть явно помечена как декоративная, чтобы её не зачитывали. И цвет никогда не должен быть единственным носителем смысла: красный и зелёный кружки без формы или подписи различают не все 💡
—
Если понравилось — посмотри @mockups_ru_n1k
Иконки и Иллюстрации
@icons_illustr_n1k
Иконка, понятная зрячему человеку с хорошим экраном, может быть невидимой для остальных. Слишком тонкий контур
Этот пост опубликован в Telegram-канале Иконки и Иллюстрации. Подписаться можно по ссылке: @icons_illustr_n1k.