Sushi adalah sistem desain Zomato sendiri, yang membantu membangun antarmuka pengguna yang kuat setelah bahasa desain yang bersih dan sederhana. Kami di Zomato, telah membangun ini dari bawah ke atas. Ini bukan hanya sistem desain untuk kami, tetapi lebih dari itu membantu kami memberikan pengalaman baru dan ditingkatkan kepada pengguna kami. Sushi dapat membantu Anda membangun antarmuka pengguna yang dipesan lebih dahulu mengikuti bahasa desain atom, bersih dan sederhana. Sementara sushi menumpuk pada bahasa desainnya sendiri, itu sepenuhnya merangkul dan menggunakan komponen desain material Google secara internal di banyak bidang.
Sebagai sistem desain dan referensi untuk panduan merek, itu digunakan dan diwakili oleh berbagai tim dalam Zomato, seperti produk, teknik, pemasaran dan branding.
Apa itu Sistem desain?
Sistem desain adalah kumpulan komponen yang dapat digunakan kembali, dipandu oleh standar yang jelas, yang dapat dikumpulkan bersama untuk membangun sejumlah aplikasi. Sistem desain bukan hanya kumpulan aset dan komponen yang Anda gunakan untuk membangun produk digital. Menurut Emmet Connolly, direktur desain produk di interkom, "... Sebagian besar sistem desain benar-benar hanya pola pustaka: sekotak besar potongan-potongan UI LEGO yang dapat dirakit dalam cara dekat-tak terbatas. Semua potongan mungkin konsisten, tetapi itu tidak berarti hasil yang dirakit akan. Produk Anda lebih dari sekadar tumpukan elemen UI yang dapat digunakan kembali. Ini memiliki struktur dan makna. Ini bukan halaman web generik, itu adalah perwujudan sistem konsep. "
Susu desain Sushi
Foundations
Yayasan adalah pedoman merek digital, yang menentukan tipografi, palet warna, ikon, spasi, bayangan dan arsitektur informasi dari sistem desain kami. Sushi, setelah prinsip-prinsip desain atom, dibangun dari bawah ke atas menggunakan komponen yang dapat dikomposit, dipesan sebagai atom ➡️ molekul ➡️ organisme.
desain atom
desain atom (seperti yang dijelaskan oleh Brad Frost ) Memetakan ke sistem kami.
#Atoms
Unit terkecil yang tidak dapat dibagi adalah atom. Di Android (atau ponsel apa pun) label teks, tombol, dan pemegang gambar adalah atom.
#molecules
Tampilan yang melibatkan banyak atom untuk terbentuk, tetapi tetap terlihat dan berperilaku Seperti satu entitas ke pengguna adalah molekul. Misalnya, bidang input memiliki kotak input, bidang kesalahan, dan tombol yang jelas, tetapi bersama-sama itu adalah entitas tunggal.
#organisme
komponen yang kompleks, tetapi dapat digunakan kembali , itu bekerja dengan cara yang kohesif bersama. Terdiri dari beberapa atom dan molekul. Case In Pointed Being Bars, yang terdiri dari tag, masing-masing memiliki angka dan ikon. Tag juga berubah warna, ketika peringkat yang berbeda dipilih. Setiap tag secara individual juga digunakan di tempat lain, tetapi sebagai bar peringkat, semuanya bekerja bersama untuk membuat makna baru.
Tipografi
, seperti yang Anda ketahui, adalah Seni mengatur jenis untuk membuat bahasa tertulis terbaca, dapat dibaca, dan menarik ketika ditampilkan. Pengaturan jenis melibatkan pemilihan tipografi, ukuran titik, panjang garis, spasi-baris, dan spasi-surat, dan menyesuaikan ruang antara pasangan huruf.
Kami mendukung variasi jenis huruf berikut -
Extralight
Cahaya
Regular
Medium
Semibold
Bold
Ekstrabold
Anda dapat menggunakan font apa pun yang memiliki bobot font hingga 8 ini dan menugaskannya dari ini alias. Sementara kami memiliki metropolis, okra dan roboto untuk demo, Anda dapat menggunakan font apa pun yang sesuai dengan merek Anda.
Warna
Sushi juga menyediakan serangkaian warna yang telah ditentukan dalam paletnya . Untuk kasus yang sangat unik, jangan ragu untuk menggunakan warna Anda sendiri, tetapi sebaliknya, kami sarankan menggunakan warna dari palet ini untuk semua komponen produk Anda.
9Apps 4.9
