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 simgelerimiz, markanın en küçük yapı taşlarıdır; Spaceship kimliğini açıkça korurken anında tanınacak şekilde tasarlanmıştır.
Sürümler
Tüm Spaceship simgeleri iki sürümde sunulur: outlined (birincil) ve filled (ikincil).
Oluşturma
Simgeler, temel ızgaradan çizgi parametrelerine kadar tanımlanmış kurallara göre tasarlanır; bu da tutarlı ve dengeli sonuçlar sağlar.
Boyut
Tasarımı gereği ölçeklenebilir olan simgeler, sistem genelinde netliği ve görsel uyumu korumak için beş boyutta kullanılmalıdır.
Renkler
Renk, kullanıcıların belirli bir arayüz içinde ürünlerini daha kolay tanımlamasına yardımcı olan temel bir unsurdur. Bu kullanıcı arayüzü bağlamlarında tutarlılığı sağlamak için simgeler Spaceship Design System renklerini kullanır.
Marka renkleri
Spaceship’in temel renkleri olarak bunlar, ister platform kullanıcı arayüzü gibi işlevsel bağlamlarda ister ürün sayfalarında özelliklerin gösterimi gibi daha açıklayıcı kullanımlarda olsun, simgeler için birincil tercih olmalıdır. Daha fazla ayrıntı için renk sayfasına göz atın.
Ürün renkleri
Bir ürünün ana renkleri, ilgili simgelerine uygulanmalıdır. Bu, Spaceship ekosistemi genelinde ürünün tanınması ve farkındalığı için kritik öneme sahiptir.
Bildirim renkleri
Uyarı mesajlarını güçlendirmek için bildirim renklerini kullanın. Bunlar yalnızca uyarı simgelerine uygulanmalıdır; ancak başka bir simgenin de başarı, hata veya uyarı durumlarını temsil ettiği bazı istisnai durumlar olabilir.
Yönergeler
Burada, simgeleri kullanırken kaçınılması gereken bazı örnekler yer alıyor.
Simgeleri bozmayın, döndürmeyin veya çevirmeyin. Her zaman orantılı ölçeklendirin.
40x40px’ten büyük simgeler kullanmayın. Öğeler arasında denge sağlamayı hedefleyin.
Tonlar veya gölgeler kullanmayın.