Икони
Иконите на Spaceship превеждат сложни действия и идеи в лесно разпознаваеми символи, които помагат на потребителите да навигират и взаимодействат с лекота.
Универсални, но отличителни, нашите икони са най-малките градивни елементи на бранда, създадени за мигновено разпознаване, като същевременно ясно запазват идентичността на Spaceship.
Версии
Всички икони на Spaceship са налични в две версии: контурна (основна) и запълнена (вторична).
Конструкция
Иконите са създадени според определени правила — от базовата мрежа до параметрите на щриха — което гарантира последователни и балансирани резултати.
Размер
Създадени да бъдат мащабируеми, иконите трябва да се използват в пет размера, за да се запазят яснотата и визуалната хармония в цялата система.
Цветове
Цветът е съществен елемент, който помага на потребителите да разпознават по-лесно своите продукти в рамките на даден интерфейс. За да се гарантира последователност в тези UI контексти, иконите използват цветовете на Spaceship Design System.
Цветове на бранда
Като основни цветове на Spaceship, те трябва да бъдат основният избор за иконите — независимо дали във функционален контекст като UI на платформата, или в по-илюстративни приложения, като представяне на функции на продуктовите страници. Вижте страницата за цветовете за повече подробности.
Продуктови цветове
Основните цветове на даден продукт трябва да се прилагат към съответните му икони. Това е ключово за разпознаваемостта и осведомеността за продукта в екосистемата на Spaceship.
Цветове за известия
Използвайте цветовете за известия, за да подсилите предупредителните съобщения. Те трябва да се прилагат само към иконите за предупреждения, с редки изключения, когато друга икона също представя състояния на успех, грешка или предупреждение.
Насоки
Ето няколко примера какво да избягвате, когато използвате икони.
Не деформирайте, не завъртайте и не обръщайте иконите. Винаги мащабирайте пропорционално.
Не използвайте икони, по-големи от 40x40px. Стремете се към баланс между елементите.
Не използвайте оттенъци или нюанси.