Икони

Иконите на Spaceship превеждат сложни действия и идеи в лесно разпознаваеми символи, които помагат на потребителите да навигират и взаимодействат с лекота.

Hero Image

Универсални, но отличителни, нашите икони са най-малките градивни елементи на бранда, създадени за мигновено разпознаване, като същевременно ясно запазват идентичността на Spaceship.



Версии

Всички икони на Spaceship са налични в два варианта: контурни (основни) и запълнени (вторични).









Конструкция

Иконите са проектирани според определени правила — от основната мрежа до параметрите на линиите — което гарантира последователни и балансирани резултати.









Размер

Създадени да бъдат мащабируеми, иконите трябва да се използват в пет размера, за да се запази яснота и визуална хармония в цялата система.









Цветове

Цветът е съществен елемент, който помага на потребителите да разпознават по-лесно своите продукти в даден интерфейс. За да се осигури последователност в тези UI контексти, иконите използват цветовете на Spaceship Design System.






Бранд цветове

Като основни цветове на Spaceship, тези трябва да бъдат първият избор за икони — независимо дали в функционални контексти като потребителския интерфейс на платформата или в по-илюстративни приложения, като представяне на функции на продуктовите страници. Вижте страницата с цветове за повече подробности.






Продуктови цветове

Основните цветове на даден продукт трябва да се прилагат към съответните му икони. Това е ключово за разпознаваемостта и осведомеността за продукта в екосистемата на Spaceship.






Цветове за известия

Използвайте цветовете за известия, за да подсилите предупредителните съобщения. Те трябва да се прилагат само към иконите за предупреждение, с редки изключения, когато друга икона също представя състояния на успех, грешка или предупреждение.







Насоки

Ето няколко примера за това, което трябва да се избягва при използване на икони.




Не изкривявайте, не завъртайте и не обръщайте иконите. Винаги мащабирайте пропорционално.


Не използвайте икони по-големи от 40x40px. Стремете се към баланс между елементите.


Не използвайте нюанси или оттенъци.