Sushi Design System - UI Kit

Analýza A Revize Aplikací Pro Android: Sushi Design System - UI Kit, Vyvinuté Společností Zomato. Uvedeno V Kategorii Umění A Design. Aktuální Verze Je 1.0, Aktualizována Na 16/12/2020 . Podle Recenzí Uživatelů Na Google Play: Sushi Design System - UI Kit. Dosaženo Více Než 11 Tisíc Instalací. Sushi Design System - UI Kit Má V Současné Době Recenze 12, Průměrné Hodnocení 3.5 Hvězd

Sushi je vlastní designový systém společnosti Zomato, který pomáhá vytvářet robustní uživatelská rozhraní podle čistého a jednoduchého designového jazyka. My v zomato jsme to vybudovali od základů. Není to pro nás jen designový systém, ale více než to nám pomáhá poskytovat našim uživatelům nový a vylepšený zážitek. Sushi vám může pomoci vytvořit uživatelská rozhraní na míru podle atomického, čistého a jednoduchého designového jazyka. Zatímco Sushi staví na svém vlastním designovém jazyku, plně přijímá a interně využívá komponenty Material Design společnosti Google v mnoha oblastech.

Jako designový systém a reference pro směrnice o značkách jej využívají a reprezentují různé týmy v rámci Zomatu, jako je Product, Engineering, Marketing a Branding.

Co je návrhový systém?
Designový systém je soubor opakovaně použitelných komponent, řízených jasnými standardy, které lze sestavit dohromady a vytvořit libovolný počet aplikací. Návrhový systém není pouze souborem aktiv a komponent, které používáte k sestavení digitálního produktu. Podle Emmeta Connollyho, ředitele produktového designu společnosti Intercom, „...většina návrhových systémů jsou ve skutečnosti pouze knihovny vzorů: velká krabice UI Lego kusů, které lze sestavit téměř nekonečnými způsoby. Všechny části mohou být konzistentní, ale to neznamená, že budou shromážděné výsledky. Váš produkt je víc než jen hromada opakovaně použitelných prvků uživatelského rozhraní. Má strukturu a význam. Není to obecná webová stránka, je to ztělesnění systému konceptů.“

Sushi Design System

Základy
Základem jsou směrnice digitální značky, které definují typografii, barevné palety, ikony, mezery, stíny a informační architekturu našeho návrhového systému. Sushi, podle principů atomového designu, je postaveno zdola nahoru pomocí složitelných komponent, uspořádaných jako atomy ➡️ molekuly ➡️ organismy.

Atomový design
Atomový design (jak jej popsal Brad Frost) mapovaný do našeho systému.

#Atomy
Nejmenší nedělitelné jednotky jsou atomy. V Androidu (nebo jakémkoli mobilním uživatelském rozhraní) jsou textové štítky, tlačítka a držáky obrázků atomy.

#molekuly
Pohledy, které zahrnují více atomů k vytvoření, ale přesto vypadají a chovají se pro uživatele jako jedna entita, jsou molekuly. Například vstupní pole mají vstupní pole, chybové pole a tlačítko pro vymazání, ale dohromady tvoří jednu entitu.

#Organismy
Komplexní, ale opakovaně použitelné komponenty, které spolupracují soudržným způsobem. Skládá se z více atomů a molekul. Příkladem jsou pruhy hodnocení, které se skládají ze značek, z nichž každá má číslo a ikonu. Značky také mění barvu, když jsou vybrána různá hodnocení. Každá značka samostatně se používá i na jiných místech, ale jako lišta hodnocení to vše společně vytváří nový význam.

Typografie
Typografie, jak možná víte, je umění uspořádat písmo tak, aby byl psaný jazyk čitelný, čitelný a při zobrazení přitažlivý. Uspořádání písma zahrnuje výběr typů písma, velikostí bodů, délek řádků, řádkování a mezer mezi písmeny a úpravu mezery mezi dvojicemi písmen.

Podporujeme následující varianty písma -

ExtraLight
Světlo
Pravidelný
Střední
Polotučné
tučně
ExtraBold

Můžete použít jakékoli písmo, které má až 8 tlouštěk písem a přiřadit je z těchto aliasů. Zatímco pro demo máme Metropolis, Okra a Roboto, můžete použít jakýkoli font, který se hodí k vaší značce.

Barvy
Sushi také poskytuje sadu předdefinovaných barev ve své paletě. Pro extrémně unikátní případy klidně použijte své vlastní barvy, ale jinak doporučujeme použít barvy z této palety pro všechny komponenty vašeho produktu.

Úložiště kódu

Read more