Sushi Design System - UI Kit

Zomato

ఈ యాప్ గురించి పరిచయం

సుషీ అనేది Zomato యొక్క స్వంత డిజైన్ సిస్టమ్, ఇది శుభ్రమైన మరియు సరళమైన డిజైన్ భాషని అనుసరించి బలమైన వినియోగదారు ఇంటర్‌ఫేస్‌లను రూపొందించడంలో సహాయపడుతుంది. మేము జొమాటో వద్ద, దీన్ని గ్రౌండ్ అప్ నుండి నిర్మించాము. ఇది మా కోసం డిజైన్ సిస్టమ్ మాత్రమే కాదు, దాని కంటే ఎక్కువగా ఇది మా వినియోగదారులకు కొత్త మరియు మెరుగైన అనుభవాన్ని అందించడంలో మాకు సహాయపడుతుంది. అటామిక్, క్లీన్ మరియు సింపుల్ డిజైన్ లాంగ్వేజ్‌ని అనుసరించి బెస్పోక్ యూజర్ ఇంటర్‌ఫేస్‌లను రూపొందించడంలో సుషీ మీకు సహాయం చేస్తుంది. సుషీ తన స్వంత డిజైన్ లాంగ్వేజ్‌ను రూపొందించినప్పుడు, ఇది అనేక ప్రాంతాల్లో అంతర్గతంగా Google యొక్క మెటీరియల్ డిజైన్ భాగాలను పూర్తిగా స్వీకరించి, ఉపయోగిస్తుంది.

డిజైన్ సిస్టమ్ మరియు బ్రాండ్ మార్గదర్శకాల కోసం సూచనగా, ఇది Zomatoలోని వివిధ బృందాలచే ఉపయోగించబడుతుంది మరియు ప్రాతినిధ్యం వహిస్తుంది - ఉత్పత్తి, ఇంజనీరింగ్, మార్కెటింగ్ మరియు బ్రాండింగ్.

డిజైన్ సిస్టమ్ అంటే ఏమిటి?
డిజైన్ సిస్టమ్ అనేది పునర్వినియోగపరచదగిన భాగాల సమాహారం, స్పష్టమైన ప్రమాణాల ద్వారా మార్గనిర్దేశం చేయబడుతుంది, ఇది ఎన్ని అప్లికేషన్‌లనైనా రూపొందించడానికి కలిసి సమీకరించబడుతుంది. డిజైన్ సిస్టమ్ అనేది డిజిటల్ ఉత్పత్తిని రూపొందించడానికి మీరు ఉపయోగించే ఆస్తులు మరియు భాగాల సేకరణ మాత్రమే కాదు. ఇంటర్‌కామ్‌లో ప్రొడక్ట్ డిజైన్ డైరెక్టర్ ఎమ్మెట్ కొన్నోల్లీ ప్రకారం, “... చాలా డిజైన్ సిస్టమ్‌లు నిజంగా కేవలం ప్యాటర్న్ లైబ్రరీలు: UI లెగో ముక్కల యొక్క పెద్ద పెట్టె అనంతమైన మార్గాల్లో అసెంబుల్ చేయగలదు. అన్ని ముక్కలు స్థిరంగా ఉండవచ్చు, కానీ సమావేశమైన ఫలితాలు ఉంటాయని దీని అర్థం కాదు. మీ ఉత్పత్తి కేవలం పునర్వినియోగ UI మూలకాల కుప్ప కంటే ఎక్కువ. ఇది నిర్మాణం మరియు అర్థం ఉంది. ఇది సాధారణ వెబ్ పేజీ కాదు, ఇది భావనల వ్యవస్థ యొక్క స్వరూపం."

సుషీ డిజైన్ సిస్టమ్

పునాదులు
పునాదులు డిజిటల్ బ్రాండ్ మార్గదర్శకాలు, ఇవి మా డిజైన్ సిస్టమ్ యొక్క టైపోగ్రఫీ, రంగుల పాలెట్‌లు, చిహ్నాలు, అంతరం, నీడ మరియు సమాచార నిర్మాణాన్ని నిర్వచించాయి. సుషీ, పరమాణు రూపకల్పన సూత్రాలను అనుసరించి, కంపోజబుల్ కాంపోనెంట్‌లను ఉపయోగించి బాటప్-అప్‌గా నిర్మించబడింది, పరమాణువులు ➡️ అణువులు ➡️ జీవులుగా ఆర్డర్ చేయబడింది.

అటామిక్ డిజైన్
అటామిక్ డిజైన్ (బ్రాడ్ ఫ్రాస్ట్ వివరించినట్లు) మా సిస్టమ్‌కు మ్యాప్ చేయబడింది.

#అణువులు
అతి చిన్న విడదీయరాని యూనిట్లు పరమాణువులు. Android (లేదా ఏదైనా మొబైల్ UI)లో టెక్స్ట్ లేబుల్‌లు, బటన్‌లు మరియు ఇమేజ్ హోల్డర్‌లు పరమాణువులు.

#అణువులు
బహుళ పరమాణువులు ఏర్పడే వీక్షణలు, కానీ ఇప్పటికీ వినియోగదారుకు ఒకే అంశం వలె కనిపిస్తాయి మరియు ప్రవర్తిస్తాయి. ఉదాహరణకు, ఇన్‌పుట్ ఫీల్డ్‌లు ఇన్‌పుట్ బాక్స్, ఎర్రర్ ఫీల్డ్ మరియు క్లియర్ బటన్‌ను కలిగి ఉంటాయి, కానీ కలిసి ఇది ఒకే ఎంటిటీ.

#జీవులు
సంక్లిష్టమైన, కానీ పునర్వినియోగపరచదగిన భాగాలు, కలిసి బంధన మార్గంలో పని చేస్తాయి. బహుళ అణువులు మరియు అణువులతో కూడి ఉంటుంది. ట్యాగ్‌లను కలిగి ఉండే రేటింగ్ బార్‌లు, ప్రతి ఒక్కటి ఒక సంఖ్య మరియు చిహ్నాన్ని కలిగి ఉంటాయి. విభిన్న రేటింగ్‌లను ఎంచుకున్నప్పుడు ట్యాగ్‌లు రంగును కూడా మారుస్తాయి. ప్రతి ట్యాగ్ వ్యక్తిగతంగా ఇతర ప్రదేశాలలో కూడా ఉపయోగించబడుతుంది, కానీ రేటింగ్ బార్‌గా, కొత్త అర్థాన్ని సృష్టించడానికి ఇవన్నీ కలిసి పని చేస్తాయి.

టైపోగ్రఫీ
టైపోగ్రఫీ, మీకు తెలిసినట్లుగా, వ్రాతపూర్వక భాషను చదవగలిగేలా, చదవగలిగేలా మరియు ప్రదర్శించబడినప్పుడు ఆకర్షణీయంగా ఉండేలా రకాన్ని ఏర్పాటు చేసే కళ. టైప్ యొక్క అమరికలో టైప్‌ఫేస్‌లు, పాయింట్ సైజులు, లైన్ లెంగ్త్‌లు, లైన్-స్పేసింగ్ మరియు లెటర్-స్పేసింగ్ ఎంపిక మరియు అక్షరాల జతల మధ్య ఖాళీని సర్దుబాటు చేయడం వంటివి ఉంటాయి.

మేము కింది టైప్‌ఫేస్ వైవిధ్యాలకు మద్దతిస్తాము -

ఎక్స్‌ట్రాలైట్
కాంతి
రెగ్యులర్
మధ్యస్థం
సెమీ బోల్డ్
బోల్డ్
ఎక్స్‌ట్రాబోల్డ్

మీరు 8 ఫాంట్ బరువులు ఉన్న ఏదైనా ఫాంట్‌ని ఉపయోగించవచ్చు మరియు వాటిని ఈ మారుపేర్ల నుండి కేటాయించవచ్చు. మేము డెమో కోసం మెట్రోపాలిస్, ఓక్రా మరియు రోబోటోలను కలిగి ఉన్నాము, మీరు మీ బ్రాండ్‌తో సరిపోయే ఏదైనా ఫాంట్‌ను ఉపయోగించవచ్చు.

రంగులు
సుషీ దాని పాలెట్‌లో ముందే నిర్వచించబడిన రంగుల సమితిని కూడా అందిస్తుంది. చాలా ప్రత్యేకమైన సందర్భాల్లో, మీ స్వంత రంగులను ఉపయోగించడానికి సంకోచించకండి, లేకపోతే, మీ ఉత్పత్తిలోని అన్ని భాగాల కోసం ఈ ప్యాలెట్ నుండి రంగులను ఉపయోగించమని మేము సిఫార్సు చేస్తున్నాము.

కోడ్ రిపోజిటరీ