Sushi Design System - UI Kit

Zomato

Rakenduse teave

Sushi on Zomato enda disainisüsteem, mis aitab luua tugevaid kasutajaliideseid, järgides puhast ja lihtsat disainikeelt. Meie Zomatos oleme selle maast madalast üles ehitanud. See ei ole ainult meie jaoks mõeldud disainisüsteem, vaid see aitab meil pakkuda kasutajatele uut ja täiustatud kogemust. Sushi aitab teil luua spetsiaalselt kohandatud kasutajaliideseid, mis järgivad tuumakat, puhast ja lihtsat kujunduskeelt. Kuigi Sushi tugineb oma disainikeelele, hõlmab see täielikult ja kasutab Google'i materjalidisaini komponente paljudes valdkondades.

Disainisüsteemi ja brändijuhiste viitena kasutavad seda ja esindavad Zomato erinevad meeskonnad, näiteks toote-, inseneri-, turundus- ja kaubamärgitöö.

Mis on disainisüsteem?
Disainisüsteem on korduvkasutatavate komponentide kogum, mis juhindub selgetest standarditest ja mida saab kokku panna, et luua mis tahes arvu rakendusi. Disainisüsteem ei ole ainult nende varade ja komponentide kogum, mida kasutate digitaalse toote loomiseks. Intercomi tootedisaini direktori Emmet Connolly sõnul on „… enamik disainisüsteeme on tegelikult lihtsalt mustriteegid: suur kast kasutajaliidese legotükke, mida saab kokku panna peaaegu lõpmatul viisil. Kõik tükid võivad olla järjepidevad, kuid see ei tähenda, et kokkupandud tulemused oleksid. Teie toode on midagi enamat kui lihtsalt hunnik korduvkasutatavaid kasutajaliidese elemente. Sellel on struktuur ja tähendus. See ei ole üldine veebileht, see on mõistete süsteemi kehastus.

Sushi disainisüsteem

Sihtasutused
Vundamendid on digitaalsed brändijuhised, mis määratlevad meie disainisüsteemi tüpograafia, värvipaletid, ikoonid, vahed, varjud ja teabearhitektuuri. Aatomdisaini põhimõtteid järgiv sushi on ehitatud alt-üles, kasutades komponeeritavaid komponente, mis on järjestatud aatomiteks ➡️ molekulideks ➡️ organismideks.

Aatomi disain
Atomic Design (nagu kirjeldas Brad Frost) on meie süsteemiga kaardistatud.

#Aatomid
Väikseimad jagamatud ühikud on aatomid. Androidis (või mis tahes mobiili kasutajaliideses) on tekstisildid, nupud ja pildihoidjad aatomid.

#Molekulid
Molekulid, mille moodustumisel on kaasatud mitu aatomit, kuid mis näivad ja käituvad kasutaja jaoks siiski ühe üksusena. Näiteks on sisestusväljadel sisestuskast, veaväli ja tühjendusnupp, kuid koos on see üks olem.

#Organismid
Komplekssed, kuid korduvkasutatavad komponendid, mis töötavad ühtsel viisil. Koosneb mitmest aatomist ja molekulist. Täpne näide on hinnanguribad, mis koosnevad siltidest, millest igaühel on number ja ikoon. Erinevate hinnangute valimisel muudavad ka sildid värvi. Iga märgendit eraldi kasutatakse ka mujal, kuid hindamisribana loob see kõik koos uue tähenduse.

Tüpograafia
Tüpograafia, nagu te ehk teate, on kirjakeele paigutamise kunst, et muuta kirjakeel kuvamisel loetavaks, loetavaks ja ahvatlevaks. Tüübi paigutus hõlmab kirjatüüpide, punktide suuruste, ridade pikkuste, rea- ja tähevahede valikut ning tähepaaride vahelise ruumi reguleerimist.

Toetame järgmisi kirjatüübi variatsioone -

Extralight
Valgus
Regulaarne
Keskmine
Poolpaks
Julge
EkstraBold

Võite kasutada mis tahes fonti, millel on kuni 8 fondi kaalu, ja määrata need nende varjunimede alusel. Kuigi meil on demo jaoks Metropolis, Okra ja Roboto, saate kasutada mis tahes fonti, mis teie kaubamärgiga sobib.

Värvid
Sushi pakub oma paletis ka eelnevalt määratletud värvide komplekti. Äärmiselt unikaalsete juhtumite puhul kasutage julgelt oma värve, kuid muidu soovitame kasutada selle paleti värve kõikide toote komponentide jaoks.

Koodihoidla