Sushi adalah sistem reka bentuk Zomato sendiri, yang membantu membina antara muka pengguna yang mantap berikutan bahasa reka bentuk yang bersih dan mudah. Kami di Zomato, telah membina ini dari bawah ke atas. Ia bukan sekadar sistem reka bentuk untuk kami, tetapi lebih daripada yang membantu kami menyediakan pengalaman yang baru dan dipertingkatkan kepada pengguna kami. Sushi boleh membantu anda membina antara muka pengguna yang lebih sesuai berikutan bahasa reka bentuk atom, bersih dan mudah. Walaupun sushi membina bahasa reka bentuk sendiri, ia merangkumi sepenuhnya dan menggunakan komponen reka bentuk bahan Google secara dalaman di banyak kawasan.
Sebagai sistem reka bentuk dan rujukan untuk garis panduan jenama, ia digunakan dan diwakili oleh pelbagai pasukan dalam Zomato, seperti produk, kejuruteraan, pemasaran dan penjenamaan.
Apa itu a Sistem reka bentuk?
Sistem reka bentuk adalah koleksi komponen yang boleh diguna semula, dipandu oleh piawaian yang jelas, yang boleh dipasang bersama untuk membina sebarang bilangan aplikasi. Sistem reka bentuk bukan sahaja koleksi aset dan komponen yang anda gunakan untuk membina produk digital. Menurut Emmet Connolly, pengarah reka bentuk produk di interkom, "... kebanyakan sistem reka bentuk benar-benar hanya perpustakaan corak: kotak besar kepingan Lego Ui yang boleh dipasang dengan cara yang hampir terhingga. Semua kepingan mungkin konsisten, tetapi itu tidak bermakna hasil yang dipasang. Produk anda lebih daripada sekadar timbunan unsur UI yang boleh diguna semula. Ia mempunyai struktur dan makna. Ia bukan laman web generik, ia adalah perwujudan sistem konsep. "
Sistem Reka Bentuk Sushi
Yayasan
Asas adalah garis panduan jenama digital, yang menentukan tipografi, palet warna, ikon, jarak, bayangan dan senibina maklumat sistem reka bentuk kami. Sushi, mengikuti prinsip reka bentuk atom, dibina bawah dengan menggunakan komponen komposable, diperintahkan sebagai atom ➡️ molekul ➡️ organisma.
Reka bentuk atom
Reka bentuk atom (seperti yang diterangkan oleh Brad Frost ) dipetakan ke sistem kami.
#atoms
Unit yang tidak dapat dipisahkan adalah atom. Dalam label teks Android (atau mana-mana ui mudah alih), butang, dan pemegang imej adalah atom.
#molecules
pandangan yang melibatkan pelbagai atom untuk membentuk, tetapi masih kelihatan dan berkelakuan Seperti entiti tunggal kepada pengguna adalah molekul. Sebagai contoh, medan input mempunyai kotak input, medan ralat, dan butang yang jelas, tetapi bersama-sama ia adalah satu entiti.
#Organisms
komponen kompleks, tetapi boleh diguna semula , yang berfungsi dengan cara yang padu bersama-sama. Terdiri daripada pelbagai atom dan molekul. Satu kes pada titik yang rating bar, yang terdiri daripada tag, masing-masing mempunyai nombor dan ikon. Tag berubah warna juga, apabila penarafan yang berbeza dipilih. Setiap tag secara individu juga digunakan di tempat lain, tetapi sebagai bar penarafan, semuanya berfungsi bersama untuk mencipta makna baru.
Typography
Typography, Seperti yang anda tahu, adalah Seni mengatur jenis untuk membuat bahasa bertulis yang boleh dibaca, boleh dibaca, dan menarik apabila dipaparkan. Susunan jenis melibatkan pemilihan typefaces, saiz titik, panjang garis, jarak jarak, dan jarak surat, dan menyesuaikan ruang antara pasang huruf.
Kami menyokong variasi typeface berikut -
Extralight
Light
Regular
Sederhana
Semibold
Bold
Extrabold
Anda boleh menggunakan mana-mana fon yang mempunyai sehingga 8 font berat dan menyerahkannya dari ini alias. Walaupun kami mempunyai Metropolis, OKRA dan Roboto untuk demo, anda boleh menggunakan sebarang fon yang berlaku dengan jenama anda.
Warna
Sushi juga menyediakan satu set warna yang telah ditetapkan dalam paletnya . Untuk kes-kes yang sangat unik, jangan ragu untuk menggunakan warna anda sendiri, tetapi sebaliknya, kami mengesyorkan menggunakan warna dari palet ini untuk semua komponen produk anda.
9Apps 4.9
