Построение

От базовых примитивов к форме с характером — пластика, сопряжения, цилиндры и открытые формы.

Базовые примитивы

Если в основе круг или квадрат, размеры берём из гайда — см. базовые формы. Сложную форму строим так же — всё равно начинаем с примитивов.

Примеры «так» и «не так» ещё не нарисованы.

Пластика

Часть характера иконок формируется пластикой. Там, где мы знаем, что объект плоский, можно добавить изгиб — и плоская иконка без поворота станет объёмной и поддержит концепцию 2.5D. Отлично подходят деньги и флажки: там, где был просто прямоугольник, появляется форма, которая показывает материал и динамику.

Купюра — плоский прямоугольник и тот же объект с изгибом — Так. Добавляем пластику — купюра из прямоугольника становится материалом.

Современные метафоры

Телефонную трубку меняем на смартфон, гарнитуру оператора — на чат, кошелёк — на кардхолдер.

Примеры «так» и «не так» ещё не нарисованы.

Сопряжения

Точки сопряжения форм всегда лежат на касательных к опорным окружностям — так переходы между частями формы остаются плавными.

Колокольчик, основание которого построено по двум опорным эллипсам — Так. Основание колокольчика построено по опорным окружностям.

Цилиндры

Все цилиндрические иконки при построении состоят из эллипсов. Объём у цилиндра можно создать двумя способами — закрытой или открытой формой.

Цилиндр, построенный из стопки эллипсов — Так. Цилиндрические объекты описываются стопкой эллипсов.

Закрытые и открытые формы

У закрытой формы скорее всего появится отверстие в иконке, у открытой будет много заполненного пространства. Выбираем ту, что лучше читается в 24 px.

Сверху — закрытые формы с отверстием: динамик, база данных, чашка; снизу — открытые, залитые формы: стопки монет, кнопка-гвоздик, зонт — Сверху — закрытые формы, снизу — открытые. Если форма не читается в открытой, рисуем закрытую.