Simgeler
Spaceship simgeleri, karmaşık eylem ve fikirleri anında tanınabilir sembollere dönüştürerek kullanıcıların kolayca gezinmesine ve etkileşimde bulunmasına yardımcı olur.
Evrensel ama ayırt edici olan ikonlarımız, markanın en küçük yapı taşlarıdır ve anında tanınabilirlik için tasarlanmış olup Spaceship kimliğini açıkça korur.
Sürümler
Tüm Spaceship ikonları iki sürümde mevcuttur: dış hatlı (birincil) ve dolu (ikincil).
Yapı
İkonlar, temel ızgaradan çizgi parametrelerine kadar tanımlı kurallara göre tasarlanır — bu da tutarlı ve dengeli sonuçlar sağlar.
Boyut
Tasarım gereği ölçeklenebilir olan ikonlar, sistem genelinde netliği ve görsel uyumu korumak için beş boyutta kullanılmalıdır.
Renkler
Renk, kullanıcıların ürünlerini belirli bir arayüzde daha kolay tanımlamasına yardımcı olan temel bir unsurdur. Bu arayüz bağlamlarında tutarlılığı sağlamak için ikonlar Spaceship Tasarım Sistemi renklerini kullanır.
Marka renkleri
Spaceship’in ana renkleri olarak, bunlar ikonlar için birincil tercih olmalıdır — ister platform arayüzü gibi işlevsel bağlamlarda ister ürün sayfalarında özellik temsili gibi daha illüstratif kullanımlarda. Daha fazla ayrıntı için renk sayfasına göz atın.
Ürün renkleri
Bir ürünün ana renkleri, ilgili ikonlarına uygulanmalıdır. Bu, Spaceship ekosisteminde ürün tanınırlığı ve farkındalığı için anahtardır.
Bildirim renkleri
Uyarı mesajlarını güçlendirmek için bildirim renklerini kullanın. Bunlar yalnızca uyarı ikonlarına uygulanmalı, nadiren başka bir ikon başarı, hata veya uyarı durumlarını da temsil ediyorsa istisna yapılabilir.
Yönergeler
İkonları kullanırken kaçınılması gereken bazı örnekler burada.
İkonları bozmayın, döndürmeyin veya ters çevirmeyin. Her zaman orantılı olarak ölçeklendirin.
İkonları 40x40px’den büyük kullanmayın. Öğeler arasında denge sağlamaya çalışın.
Ton veya gölge kullanmayın.