Sushi Design System - UI Kit for Android apps İndir

Sushi, Zomato’nun kendi tasarım sistemidir ve temiz ve basit bir tasarım dilini izleyerek sağlam kullanıcı arayüzleri oluşturmaya yardımcı olur. Biz zomato olarak, bunu sıfırdan inşa ettik. Bu bizim için sadece bir tasarım sistemi değil, bundan daha fazlası, kullanıcılarımıza yeni ve gelişmiş bir deneyim sunmamıza yardımcı oluyor. Sushi, atomik, temiz ve basit bir tasarım dilinin ardından ısmarlama kullanıcı arayüzleri oluşturmanıza yardımcı olabilir. Sushi, kendi tasarım dilini temel alırken, Google'ın Materyal Tasarımı bileşenlerini birçok alanda dahili olarak tamamen benimser ve kullanır.

Bir tasarım sistemi ve marka yönergeleri için bir referans olarak, Ürün, Mühendislik, Pazarlama ve Marka Oluşturma gibi Zomato'daki çeşitli ekipler tarafından kullanılır ve temsil edilir.

Tasarım sistemi nedir?
Bir tasarım sistemi, herhangi bir sayıda uygulama oluşturmak için bir araya getirilebilen, açık standartlar tarafından 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ıkların ve bileşenlerin bir koleksiyonu değildir. Intercom ürün tasarımı direktörü Emmet Connolly'ye göre, “… Çoğu Tasarım Sistemi gerçekten sadece Desen Kitaplıklarıdır: neredeyse sonsuz şekillerde bir araya getirilebilen büyük bir UI Lego parçaları kutusu. Tüm parçalar tutarlı olabilir, ancak bu, bir araya getirilen sonuçların olacağı anlamına gelmez. Ürününüz, yeniden kullanılabilir bir kullanıcı arayüzü öğelerinden daha fazlasıdır. Yapısı ve anlamı vardır. Genel bir web sayfası değil, bir kavramlar sisteminin somutlaşmış halidir. "

Suşi Tasarım Sistemi

Temeller
Temeller, tasarım sistemimizin tipografisini, renk paletlerini, simgeleri, aralıklarını, gölgesini ve bilgi mimarisini tanımlayan dijital marka yönergeleridir. Suşi, atomik tasarım ilkelerini izleyerek, atom ➡️ moleküller ➡️ organizmalar olarak sıralanan, oluşturulmuş bileşenler kullanılarak aşağıdan yukarıya inşa edilmiştir.

Atomik Tasarım
Atomik Tasarım (Brad Frost tarafından tanımlandığı gibi) sistemimizle eşleştirildi.

#Atom
En küçük bölünemez birimler atomlardır. Android'de (veya herhangi bir mobil kullanıcı arayüzünde) metin etiketleri, düğmeler ve görüntü tutucular atomlardır.

# Moleküller
Birden fazla atom içeren, ancak yine de kullanıcıya tek bir varlık gibi görünen ve davranan görünümler moleküllerdir. Örneğin, giriş alanlarında giriş kutusu, hata alanı ve bir temizle düğmesi bulunur, ancak hepsi birlikte tek bir varlıktır.

#Organisms
Birlikte uyumlu bir şekilde çalışan karmaşık, ancak yeniden kullanılabilir bileşenler. Birden çok atom ve molekülden oluşur. Her biri bir sayı ve bir simgeye sahip etiketlerden oluşan derecelendirme çubukları olan bir durum. Farklı derecelendirmeler seçildiğinde etiketlerin rengi de değişir. Her etiket ayrı ayrı başka yerlerde de kullanılır, ancak bir derecelendirme çubuğu olarak hepsi birlikte yeni bir anlam oluşturmak için çalışır.

Tipografi
Tipografi, bildiğiniz gibi, yazı dilini okunaklı, okunaklı ve görüntülendiğinde çekici kılmak için yazı düzenleme sanatıdır. Yazı düzenlemesi, yazı tipi, nokta boyutları, çizgi uzunlukları, satır aralığı ve harf aralığı seçimini ve harf çiftleri arasındaki boşluğu ayarlamayı içerir.

Aşağıdaki yazı tipi varyasyonlarını destekliyoruz -

Ekstra ışık
Işık
Düzenli
Orta
Yarı Kalın
Kalın
ExtraBold

En fazla 8 yazı tipi ağırlığına sahip herhangi bir Yazı Tipi kullanabilir ve bunları bu takma adlardan atayabilirsiniz. Demo için Metropolis, Bamya ve Roboto varken, markanıza uygun herhangi bir yazı tipini kullanabilirsiniz.

Renkler
Sushi ayrıca paletinde bir dizi önceden tanımlanmış renk 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 paletteki renkleri kullanmanızı öneririz.