Многие приложения страдают не от плохих иконок, а от того, что иконки не складываются в систему: часть нарисована под один макет, часть взята из готовых библиотек, и в результате интерфейс выглядит собранным из кусков. Моя работа — устранить это на уровне всего продукта: беру приложение целиком, разбираю его по экранам и строю набор иконок, который держится на одних правилах от первого экрана до последнего.
Работу начинаю с разбора интерфейса: смотрю, какие действия и разделы уже есть, какие иконки для них назначены сейчас, где они дублируются или, наоборот, отсутствуют. На основе этого разбора формируется точный список — сколько иконок нужно нарисовать и в каких состояниях. Затем строю сетку и базовые параметры — толщину линии, радиус скругления, размер активной области, — и уже по этим параметрам рисую каждую иконку, проверяя её на мелких размерах, потому что именно там чаще всего теряется читаемость.
Каждая иконка сдаётся в паре — вариант для тёмного интерфейса и вариант для светлого, с раздельной настройкой контраста, а не автоматической инверсией цвета. На выходе — упакованные экспорты под размеры конкретных платформ и исходные векторные файлы, чтобы набор можно было расширять своими силами, когда в приложении появятся новые разделы.
Коротко о том, что получаете:
— разбор текущих экранов и точный список иконок;
— единые правила сетки, линии и скруглений;
— парные версии под тёмную и светлую тему;
— экспорт под размеры платформ и исходники в векторе.
Работу начинаю с разбора интерфейса: смотрю, какие действия и разделы уже есть, какие иконки для них назначены сейчас, где они дублируются или, наоборот, отсутствуют. На основе этого разбора формируется точный список — сколько иконок нужно нарисовать и в каких состояниях. Затем строю сетку и базовые параметры — толщину линии, радиус скругления, размер активной области, — и уже по этим параметрам рисую каждую иконку, проверяя её на мелких размерах, потому что именно там чаще всего теряется читаемость.
Каждая иконка сдаётся в паре — вариант для тёмного интерфейса и вариант для светлого, с раздельной настройкой контраста, а не автоматической инверсией цвета. На выходе — упакованные экспорты под размеры конкретных платформ и исходные векторные файлы, чтобы набор можно было расширять своими силами, когда в приложении появятся новые разделы.
Коротко о том, что получаете:
— разбор текущих экранов и точный список иконок;
— единые правила сетки, линии и скруглений;
— парные версии под тёмную и светлую тему;
— экспорт под размеры платформ и исходники в векторе.