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