Suşi, Zomato'nun kendi tasarım sistemidir, bu da temiz ve basit bir tasarım dilini takiben sağlam kullanıcı arayüzleri oluşturmanıza yardımcı olur. Zomato'dayız, bunu yerden inşa ettik. Bu sadece bizim için bir tasarım sistemi değil, ancak ondan daha fazlası, kullanıcılarımıza yeni ve gelişmiş bir deneyim sunmamıza yardımcı olur. Suşi, atom, temiz ve basit bir tasarım dilinin ardından ısmarlama kullanıcı arayüzleri oluşturmanıza yardımcı olabilir. Suşi kendi tasarım diline dayanırken, Google'ın malzeme tasarım bileşenlerini birçok alanda dahili olarak tam olarak kucaklar ve kullanır.
Bir tasarım sistemi ve marka kılavuzları için bir referans olarak, Zomato, bu ürün, mühendislik, pazarlama ve markalaşma içindeki çeşitli ekipler tarafından kullanılır ve temsil edilir.
A Tasarım sistemi?
Bir tasarım sistemi, herhangi bir sayıda uygulama oluşturmak için bir araya getirilebilen, temiz standartlara yönlendirilen, net standartlara yönlendirilen yeniden kullanılabilir bileşenlerin bir koleksiyonudur. Bir tasarım sistemi, yalnızca dijital bir ürün oluşturmak için kullandığınız varlık ve bileşenlerin bir koleksiyonu değildir. Emmet Connolly'ye göre, Intercom'da Ürün Tasarımı Direktörü, "... Çoğu tasarım sistemleri gerçekten sadece desen kütüphaneleridir: sonsuz yollarda monte edilebilecek büyük bir UI Lego parçaları. Bütün parçalar tutarlı olabilir, ancak bu, monte edilen sonuçların olacağı anlamına gelmez. Ürününüz sadece yeniden kullanılabilir kullanıcı arayüzü bir yığınından daha fazladır. Yapısı ve anlamı var. Genel bir web sayfası değil, bir kavram sisteminin bir düzenlemesidir. "
Sushi Tasarım Sistemi
Temeller
Temeller, tasarım sistemimizin tipografi, renk paletlerini, simgeleri, boşlukları, gölge ve bilgi mimarisini tanımlayan dijital marka kılavuzlarıdır. Atomik tasarım ilkelerini takiben Sushi, kompozak bileşenleri kullanarak aşağıdan yukarıya inşa edilmiştir. ) sistemimize eşlenmiş.
#atom
En küçük bölünmez birimler atomlardır. Android'de (veya herhangi bir mobil kullanımda) metin etiketleri, düğmeler ve görüntü sahipleri atomlardır.
#moleküller
Birden fazla atomu içeren görünümler, ancak yine de görünüm ve davranmak Kullanıcıya tek bir varlık gibi moleküllerdir. Örneğin, giriş alanları giriş kutusuna, hata alanına ve berrak bir düğmesine sahiptir, ancak birlikte tek bir varlıktır.
#organizmalar
Kompleksi, ancak yeniden kullanılabilir bileşenler , bu birlikte yapışkan bir şekilde çalışmak. Birden fazla atom ve molekülden oluşur. Nokta, her biri bir numara ve bir simgeye sahip olan etiketlerden oluşan derecelendirme çubuklarıdır. Etiketler, farklı derecelendirmeler seçildiğinde rengi de değiştirir. Her etiket bireysel olarak başka yerlerde de kullanılır, ancak bir derecelendirme çubuğu olarak, tümü yeni anlam oluşturmak için birlikte çalışır.
Tipografi
Tipografi, bildiğiniz gibi, Yazılı dil okunaklı, okunabilen ve gösterildiğinde çekici hale getirmek için türü düzenleme sanatı. Tipin düzenlenmesi, yazı tipleri, nokta boyutları, çizgi uzunlukları, satır aralığı ve harf boşluklarının seçimini içerir ve boşluğu harf çiftleri arasında ayarlamaktadır.
Aşağıdaki yazılar değişimlerini destekliyoruz -
Ekstralight
Light
Normal
Orta
8 Yazı Tipi Ağırlığı'na sahip olan herhangi bir yazı tipini kullanabilir ve bunları bunlardan atayabilirsiniz. takma adlar. Demo için Metropolis, Bamya ve Roboto'larımız varken, markanızla birlikte gelen herhangi bir yazı tipini kullanabilirsiniz.
Renkler
Sushi ayrıca paletinde önceden tanımlanmış renkler sunar. . Son derece benzersiz durumlar için, kendi renklerinizi kullanmaktan çekinmeyin, ancak aksi takdirde, ürününüzün tüm bileşenleri için bu paletten renkleri kullanmanızı öneririz.
9Apps 4.9
