dui

Подробное руководство по созданию плоских иконок

Перевод статьи Hopefully, the Ultimate Guide to a Flat Icon Set

Выписал основные принципы создания иконки описанные в статье с тезисами для каждого из них. - Используйте оптическую сетку. - Не забывайте про пиксельную сетку.

- Рекомендуется использовать для контурных иконок ширину линии в два пикселя. Или в один пиксель, но с внутренним или внешним выравниванием.

- Определите уровень детализации. Начните создание иконок с самой сложной, и таким образом вы определите необходимый уровень детализации.

- Определите минимальный размер промежутков. И сохраняйте его во всех иконках. Для контурных иконок, промежуток должен равняться толщине линии.

- Убирайте повторяющейся элементы. - Соблюдайте стиль. Не комбинируйте фронтальные и иконки с перспективой. При это менять контурную иконку на залитую можно при взаимодействии с ней.

- Используйте размеры кратные двум.

- Соблюдайте чистоту при рисовании. Удаляйте лишние опорные точки и дробные значения у точек.

- Оптимизируйте SVG иконки. Автор рекомендует экспортировать иконку в Adobe Illustrator и удалять там лишние слои. Но можно и просто прогонять графику через ImgOptim на macOS.