Sushi Design System - UI Kit

Zomato

ስለዚህ መተግበሪያ

ሱሺ ንጹህ እና ቀላል የንድፍ ቋንቋን በመከተል ጠንካራ የተጠቃሚ በይነገጾችን ለመገንባት የሚያግዝ የዞማቶ የራሱ የንድፍ ስርዓት ነው። እኛ ዞማቶ ላይ ይህን ከመሠረቱ የገነባነው ነው። ለእኛ የንድፍ ስርዓት ብቻ አይደለም፣ ነገር ግን ከዚህም በላይ ለተጠቃሚዎቻችን አዲስ እና የተሻሻለ ልምድ እንድናቀርብ ይረዳናል። ሱሺ የአቶሚክ፣ ንፁህ እና ቀላል የንድፍ ቋንቋን በመከተል የሚነገር የተጠቃሚ በይነገጾችን እንዲገነቡ ሊረዳዎት ይችላል። ሱሺ በራሱ የንድፍ ቋንቋ ሲገነባ፣ የGoogle ቁስ ዲዛይን ክፍሎችን ሙሉ በሙሉ ተቀብሎ በብዙ አካባቢዎች ይጠቀማል።

እንደ የንድፍ አሰራር እና የምርት ስም መመሪያዎች ማጣቀሻ በዞማቶ ውስጥ በተለያዩ ቡድኖች ማለትም ምርት፣ ኢንጂነሪንግ፣ ግብይት እና ብራንዲንግ ጥቅም ላይ ይውላል።

የዲዛይን ሥርዓት ምንድን ነው?
የንድፍ ስርዓት የማንኛውም አይነት አፕሊኬሽኖችን ለመገንባት በአንድ ላይ ሊገጣጠሙ የሚችሉ ግልጽ በሆኑ መስፈርቶች የሚመሩ እንደገና ጥቅም ላይ ሊውሉ የሚችሉ አካላት ስብስብ ነው። የንድፍ ስርዓት ዲጂታል ምርትን ለመገንባት የሚጠቀሙባቸው ንብረቶች እና አካላት ስብስብ ብቻ አይደለም. በኢንተርኮም የምርት ዲዛይን ዳይሬክተር ኤመት ኮኖሊ እንደተናገሩት፣ “… አብዛኞቹ የንድፍ ሲስተሞች የስርዓተ-ጥለት ቤተ-መጻሕፍት ብቻ ናቸው፡ ትልቅ ሳጥን UI Lego ማለቂያ በሌለው መንገድ ሊገጣጠም ይችላል። ሁሉም ክፍሎች ወጥነት ሊኖራቸው ይችላል, ነገር ግን ይህ ማለት የተሰበሰቡ ውጤቶች ይሆናሉ ማለት አይደለም. ምርትህ እንደገና ጥቅም ላይ ሊውሉ ከሚችሉ የUI አባሎች ክምር በላይ ነው። መዋቅር እና ትርጉም አለው። እሱ አጠቃላይ ድረ-ገጽ አይደለም ፣ እሱ የፅንሰ-ሀሳቦች ስርዓት መገለጫ ነው።

የሱሺ ዲዛይን ስርዓት

መሠረቶች
መሠረቶች የዲጅታል ብራንድ መመሪያዎች ናቸው፣ እነሱም የፊደል አጻጻፍ፣ የቀለም ቤተ-ስዕል፣ አዶዎች፣ ክፍተት፣ ጥላ እና የንድፍ ስርዓታችን የመረጃ አርክቴክቸርን የሚገልጹ ናቸው። ሱሺ የአቶሚክ ዲዛይን መርሆዎችን በመከተል ከታች ወደ ላይ የተገነባው የተዋሃዱ አካላትን በመጠቀም እንደ አቶሞች ➡️ ሞለኪውሎች ➡️ ህዋሳት ተብለው የታዘዙ ናቸው።

የአቶሚክ ዲዛይን
የአቶሚክ ዲዛይን (በብራድ ፍሮስት እንደተገለፀው) ወደ ስርዓታችን ተቀርጿል።

#Atoms
በጣም ትንሹ የማይነጣጠሉ ክፍሎች አተሞች ናቸው. በአንድሮይድ (ወይም በማንኛውም የሞባይል UI) የጽሑፍ መለያዎች፣ አዝራሮች እና የምስል መያዣዎች አቶሞች ናቸው።

#ሞለኪውሎች
ለመመስረት ብዙ አቶሞችን የሚያካትቱ፣ ግን አሁንም የሚመስሉ እና ለተጠቃሚው እንደ አንድ አካል ያሉ እይታዎች ሞለኪውሎች ናቸው። ለምሳሌ, የግቤት መስኮች የግቤት ሳጥን, የስህተት መስክ እና ግልጽ አዝራር አላቸው, ግን አንድ ላይ አንድ አካል ነው.

#አካላት
ውስብስብ, ግን እንደገና ጥቅም ላይ ሊውሉ የሚችሉ ክፍሎች, በአንድነት በአንድነት ይሠራሉ. ከበርካታ አቶሞች እና ሞለኪውሎች የተዋቀረ. መለያዎችን ያቀፈ፣ እያንዳንዱ ቁጥር እና አዶ ያለው የደረጃ አሰጣጥ ባር ዋንኛ ምሳሌ። የተለያዩ ደረጃዎች ሲመረጡ መለያዎቹ ቀለማቸውንም ይቀይራሉ። እያንዳንዱ መለያ በተናጥል በሌሎች ቦታዎችም ጥቅም ላይ ይውላል፣ ነገር ግን እንደ የደረጃ አሰጣጥ አሞሌ፣ ሁሉም አዲስ ትርጉም ለመፍጠር በአንድ ላይ ይሰራል።

የታይፕ ጽሑፍ
ታይፕግራፊ፣ እርስዎ እንደሚያውቁት፣ የጽሁፍ ቋንቋ በሚታይበት ጊዜ የሚነበብ፣ የሚነበብ እና ማራኪ እንዲሆን የማዘጋጀት ጥበብ ነው። የዓይነት አቀማመጥ የፊደል አጻጻፍ, የነጥብ መጠኖች, የመስመር ርዝመቶች, የመስመር-ክፍተት እና የደብዳቤ ክፍተት ምርጫን እና በጥንድ ፊደሎች መካከል ያለውን ክፍተት ማስተካከል ያካትታል.

የሚከተሉትን የፊደል አጻጻፍ ልዩነቶችን እንደግፋለን-

ኤክስትራላይት
ብርሃን
መደበኛ
መካከለኛ
ሰሚቦልድ
ደፋር
ExtraBold

እስከ 8 የሚደርሱ የቅርጸ-ቁምፊዎች ክብደት ያለው ማንኛውንም ቅርጸ-ቁምፊ መጠቀም እና ከእነዚህ ተለዋጭ ስሞች መመደብ ይችላሉ። ለሞሪ ሜትሮፖሊስ፣ ኦክራ እና ሮቦቶ እያለን ከብራንድዎ ጋር የሚሄድ ማንኛውንም ቅርጸ-ቁምፊ መጠቀም ይችላሉ።

ቀለሞች
ሱሺ እንዲሁ በቤተ-ስዕል ውስጥ አስቀድሞ የተገለጹ ቀለሞችን ያቀርባል። እጅግ በጣም ልዩ ለሆኑ ጉዳዮች የራስዎን ቀለሞች ለመጠቀም ነፃነት ይሰማዎት ፣ ግን ካልሆነ ፣ ለሁሉም የምርትዎ ክፍሎች ከዚህ ቤተ-ስዕል ቀለሞችን እንዲጠቀሙ እንመክራለን።

የኮድ ማከማቻ