Sushi Design System - UI Kit

Zomato

Mayelana nalolu hlelo lokusebenza

I-Sushi iwuhlelo lwakhe lwe-Zomato lokuklama, olusiza ukwakha izixhumanisi zabasebenzisi eziqinile kulandela ulimi oluhlanzekile nolulula lokuklama. Thina e-zomato, sikwakhe lokhu kusuka phansi kuya phezulu. Akuyona nje isistimu yokuklama yethu, kodwa ngaphezu kwalokho isisiza ukuthi sinikeze ulwazi olusha noluthuthukisiwe kubasebenzisi bethu. I-Sushi ingakusiza ukuthi wakhe izixhumanisi zabasebenzisi bespoke ngokulandela ulimi lwe-athomu, oluhlanzekile nolulula lokuklama. Nakuba i-Sushi yakhela phezu kolimi lwayo lokuklama, yamukela ngokugcwele futhi isebenzisa izingxenye ze-Google Material Design ngaphakathi ezindaweni eziningi.

Njengohlelo lokuklama kanye nereferensi yezinkombandlela zomkhiqizo, isetshenziswa futhi imelwe amaqembu ahlukahlukene ngaphakathi kwe-Zomato, afana - Umkhiqizo, Ubunjiniyela, Ukumaketha kanye Nokuthengisa.

Iyini isistimu yokuklama?
Uhlelo lokuklama iqoqo lezingxenye ezisebenziseka kabusha, eziqondiswa izindinganiso ezicacile, ezingaqoqwa ndawonye ukuze kwakhiwe noma iyiphi inombolo yezinhlelo zokusebenza. Isistimu yokuklama ayilona nje iqoqo lezimpahla nezingxenye ozisebenzisayo ukwakha umkhiqizo wedijithali. Ngokuka-Emmet Connolly, umqondisi womklamo womkhiqizo kwa-Intercom, “… ama-Design Systems amaningi ama-Pattern Libraries nje: ibhokisi elikhulu lezingcezu ze-UI Lego ezingahlanganiswa ngezindlela ezingapheli. Zonke izingcezu zingase zihambisane, kodwa lokho akusho ukuthi imiphumela ehlanganisiwe izoba njalo. Umkhiqizo wakho ungaphezu nje kwenqwaba yezinto ze-UI ezisebenziseka kabusha. Inesakhiwo nencazelo. Akulona ikhasi lewebhu elijwayelekile, liwumfanekiso wesistimu yemibono. "

Isistimu yokuklama i-Sushi

Izisekelo
Izisekelo ziyizinkombandlela zomkhiqizo wedijithali, ezichaza ukuthayipha, amaphelethi emibala, izithonjana, isikhala, ithunzi kanye nesakhiwo solwazi sesistimu yethu yokuklama. I-Sushi, ilandela izimiso zokuklama kwe-athomu, yakhiwe phansi-phezulu kusetshenziswa izakhi ezihlanganisekayo, ezihlelwe njengama-athomu ➡️ ama-molecule ➡️ izinto eziphilayo.

Idizayini Ye-athomu
I-Atomic Design (njengoba ichazwe u-Brad Frost) ifakwe kumephu ohlelweni lwethu.

#Athomu
Amayunithi amancane angahlukaniseki ama-athomu. Ku-Android (noma iyiphi i-UI yeselula) amalebula ombhalo, izinkinobho, nezibambi zezithombe zingama-athomu.

#Amangqamuzana
Ukubuka okubandakanya ama-athomu amaningi ukuze kwakheke, kodwa okusabukeka futhi kuziphathe njengebhizinisi elilodwa kumsebenzisi kungama-molecule. Isibonelo, izinkambu zokufaka zinebhokisi lokokufaka, indawo yephutha, nenkinobho ecacile, kodwa uma zihlangene ziyibhizinisi elilodwa.

#Izinto Eziphilayo
Izingxenye eziyinkimbinkimbi, kodwa ezisebenziseka kabusha, ezisebenza ngendlela ehlangene ndawonye. Yakhiwe ngama-athomu amaningi nama-molecule. Icala elifana nelemigoqo yokulinganisa, equkethe omaka, ngayinye enenombolo nesithonjana. Amathegi nawo ashintsha umbala, lapho kukhethwa izilinganiso ezihlukene. Ithegi ngayinye isetshenziswa futhi kwezinye izindawo, kodwa njengebha yokulinganisa, konke kusebenza ndawonye ukuze kwakhiwe incazelo entsha.

I-Typography
Ukuthayipha, njengoba kungenzeka uyazi, kuwubuciko bokuhlela uhlobo ukuze wenze ulimi olubhaliwe lufundeke, lufundeke, futhi luhehe lapho luboniswa. Ukuhlelwa kohlobo kuhilela ukukhethwa kohlobo lokubhala, osayizi bamaphuzu, ubude bemigqa, isikhala somugqa, nokuhlukanisa izinhlamvu, kanye nokulungisa isikhala phakathi kwamapheya ezinhlamvu.

Sisekela ukuhlukahluka kohlobo olulandelayo -

Ukukhanya Okungeziwe
Ukukhanya
Okuvamile
Maphakathi
I-SemiBold
Okugqamile
I-ExtraBold

Ungasebenzisa noma iyiphi ifonti enezisindo zefonti ezifika kweziyisi-8 futhi uzinikeze kulezi ziteketiso. Nakuba sine-Metropolis, i-Okra ne-Roboto yedemo, ungasebenzisa noma iyiphi ifonti ehambisana nomkhiqizo wakho.

Imibala
I-Sushi iphinde inikeze isethi yemibala echazwe ngaphambilini kuphalethi yayo. Ezimweni ezihluke kakhulu, zizwe ukhululekile ukusebenzisa imibala yakho, kodwa ngaphandle kwalokho, sincoma ukusebenzisa imibala evela kule phalethi kuzo zonke izingxenye zomkhiqizo wakho.

Inqolobane yekhodi