Sushi Design System - UI Kit
ද10+
බාගැනීම්
සියලුදෙනටාම
info
මෙම යෙදුම ගැන
Sushi යනු Zomato ගේම නිර්මාණ පද්ධතියකි, එය පිරිසිදු හා සරල නිර්මාණ භාෂාවක් අනුගමනය කරමින් ශක්තිමත් පරිශීලක අතුරුමුහුණත් ගොඩනැගීමට උපකාරී වේ. zomato හි අපි, මෙය බිම් මට්ටමේ සිට ගොඩනගා ඇත. එය අපට නිර්මාණ පද්ධතියක් පමණක් නොවේ, නමුත් ඊට වඩා එය අපගේ පරිශීලකයින්ට නව සහ වැඩිදියුණු කළ අත්දැකීමක් ලබා දීමට උපකාරී වේ. Sushi ඔබට පරමාණුක, පිරිසිදු සහ සරල මෝස්තර භාෂාවක් අනුගමනය කරමින් සුදුසු පරිශීලක අතුරුමුහුණත් ගොඩනගා ගැනීමට උදවු කළ හැක. සුෂි තමන්ගේම නිර්මාණ භාෂාවෙන් ගොඩනඟන අතර, එය බොහෝ ප්‍රදේශවල අභ්‍යන්තරව Google හි ද්‍රව්‍ය සැලසුම් සංරචක සම්පූර්ණයෙන්ම වැළඳගෙන භාවිතා කරයි.
නිර්මාණ පද්ධතියක් සහ සන්නාම මාර්ගෝපදේශ සඳහා යොමු කිරීමක් ලෙස, එය Zomato තුළ විවිධ කණ්ඩායම් විසින් භාවිතා කරනු ලැබේ සහ නියෝජනය කරයි, එනම් - නිෂ්පාදන, ඉංජිනේරු, අලෙවිකරණය සහ සන්නාමය.
නිර්මාණ පද්ධතියක් යනු කුමක්ද?
සැලසුම් පද්ධතියක් යනු පැහැදිලි ප්‍රමිතීන් මගින් මඟ පෙන්වනු ලබන නැවත භාවිත කළ හැකි සංරචක එකතුවකි, එය ඕනෑම යෙදුම් ගණනාවක් ගොඩ නැගීම සඳහා එකට එකතු කළ හැක. සැලසුම් පද්ධතියක් යනු ඔබ ඩිජිටල් නිෂ්පාදනයක් තැනීමට භාවිතා කරන වත්කම් සහ සංරචක එකතුවක් පමණක් නොවේ. ඉන්ටර්කොම් හි නිෂ්පාදන සැලසුම් අධ්‍යක්ෂ Emmet Connolly ට අනුව, “... බොහෝ නිර්මාණ පද්ධති සැබවින්ම රටා පුස්තකාල පමණි: UI Lego කෑලි විශාල පෙට්ටියක් අනන්තවත් ආකාරවලින් එකලස් කළ හැකිය. සියලුම කෑලි අනුකූල විය හැකි නමුත්, එකලස් කරන ලද ප්රතිඵල වනු ඇති බව ඉන් අදහස් නොවේ. ඔබේ නිෂ්පාදනය නැවත භාවිත කළ හැකි UI මූලද්‍රව්‍ය ගොඩකට වඩා වැඩි ය. එහි ව්යුහය හා අර්ථය ඇත. එය සාමාන්‍ය වෙබ් පිටුවක් නොවේ, එය සංකල්ප පද්ධතියක මූර්තිමත් කිරීමකි.
සුෂි නිර්මාණ පද්ධතිය
පදනම
පදනම් යනු අපගේ සැලසුම් පද්ධතියේ මුද්‍රණ ශිල්පය, වර්ණ පුවරු, අයිකන, පරතරය, සෙවනැලි සහ තොරතුරු ගෘහ නිර්මාණ ශිල්පය නිර්වචනය කරන ඩිජිටල් සන්නාම මාර්ගෝපදේශ වේ. සුෂි, පරමාණුක සැලසුම් මූලධර්ම අනුගමනය කරමින්, පරමාණු ➡️ අණු ➡️ ජීවීන් ලෙස ඇණවුම් කරන ලද, සංයුක්ත කළ හැකි සංරචක භාවිතයෙන් පහළ සිට ඉහළට ගොඩනගා ඇත.
පරමාණුක නිර්මාණය
පරමාණුක නිර්මාණය (බ්‍රැඩ් ෆ්‍රොස්ට් විසින් විස්තර කරන ලද පරිදි) අපගේ පද්ධතියට සිතියම්ගත කර ඇත.
#පරමාණු
කුඩාම වෙන් කළ නොහැකි ඒකක පරමාණු වේ. Android හි (හෝ ඕනෑම ජංගම UI) පෙළ ලේබල, බොත්තම් සහ රූප රඳවනයන් පරමාණු වේ.
#අණු
පිහිටුවීමට බහු පරමාණු ඇතුළත්, නමුත් තවමත් පරිශීලකයාට තනි වස්තුවක් ලෙස පෙනෙන සහ හැසිරෙන දසුන් අණු වේ. උදාහරණයක් ලෙස, ආදාන ක්ෂේත්‍රවල ආදාන කොටුව, දෝෂ ක්ෂේත්‍රය සහ පැහැදිලි බොත්තමක් ඇත, නමුත් එකට එය තනි ආයතනයකි.
#ජීවීන්
සංකීර්ණ, නමුත් නැවත භාවිතා කළ හැකි සංරචක, එකට එකට එකට වැඩ කරයි. බහු පරමාණු සහ අණු වලින් සමන්විත වේ. එක් එක් අංකයක් සහ නිරූපකයක් සහිත ටැග් වලින් සමන්විත, ශ්‍රේණිගත කිරීමේ තීරුවකි. විවිධ ශ්‍රේණිගත කිරීම් තෝරාගත් විට ටැග් වල වර්ණයද වෙනස් වේ. එක් එක් ටැගය තනි තනිව වෙනත් ස්ථානවල ද භාවිතා වේ, නමුත් ශ්‍රේණිගත කිරීමේ තීරුවක් ලෙස, එය නව අර්ථයක් නිර්මාණය කිරීමට එකට ක්‍රියා කරයි.
මුද්‍රණකරණය
මුද්‍රණ ශිල්පය, ඔබ දන්නා පරිදි, ලිඛිත භාෂාව කියවිය හැකි, කියවිය හැකි සහ ප්‍රදර්ශනය වන විට සිත් ඇදගන්නා ලෙස සකස් කිරීමේ කලාවයි. ටයිප් කිරීමේ සැකැස්මට අකුරු මුහුණු, ලක්ෂ්‍ය ප්‍රමාණය, රේඛා දිග, රේඛා පරතරය සහ අකුරු පරතරය තෝරා ගැනීම සහ අකුරු යුගල අතර අවකාශය සකස් කිරීම ඇතුළත් වේ.
අපි පහත අකුරු විචලනයන්ට සහය දෙමු -
අමතර ආලෝකය
ආලෝකය
නිතිපතා
මධ්යම
අර්ධ බෝල්ඩ්
නිර්භීත
ExtraBold
ඔබට අකුරු බර 8ක් දක්වා ඇති ඕනෑම අකුරු භාවිත කළ හැකි අතර මෙම අන්වර්ථවලින් ඒවා පැවරිය හැක. අප සතුව Demo සඳහා Metropolis, Okra සහ Roboto ඇති අතර, ඔබට ඔබේ වෙළඳ නාමය සමඟ යන ඕනෑම අකුරු භාවිතා කළ හැක.
වර්ණ
Sushi එහි palette තුළ පූර්ව නිශ්චිත වර්ණ මාලාවක් ද සපයයි. අතිශයින්ම අද්විතීය අවස්ථා සඳහා, ඔබේම වර්ණ භාවිතා කිරීමට නිදහස් වන්න, නමුත් එසේ නොමැති නම්, ඔබේ නිෂ්පාදනයේ සියලුම සංරචක සඳහා මෙම palette වෙතින් වර්ණ භාවිතා කිරීමට අපි නිර්දේශ කරමු.
කේත ගබඩාව
නිර්මාණ පද්ධතියක් සහ සන්නාම මාර්ගෝපදේශ සඳහා යොමු කිරීමක් ලෙස, එය Zomato තුළ විවිධ කණ්ඩායම් විසින් භාවිතා කරනු ලැබේ සහ නියෝජනය කරයි, එනම් - නිෂ්පාදන, ඉංජිනේරු, අලෙවිකරණය සහ සන්නාමය.
නිර්මාණ පද්ධතියක් යනු කුමක්ද?
සැලසුම් පද්ධතියක් යනු පැහැදිලි ප්‍රමිතීන් මගින් මඟ පෙන්වනු ලබන නැවත භාවිත කළ හැකි සංරචක එකතුවකි, එය ඕනෑම යෙදුම් ගණනාවක් ගොඩ නැගීම සඳහා එකට එකතු කළ හැක. සැලසුම් පද්ධතියක් යනු ඔබ ඩිජිටල් නිෂ්පාදනයක් තැනීමට භාවිතා කරන වත්කම් සහ සංරචක එකතුවක් පමණක් නොවේ. ඉන්ටර්කොම් හි නිෂ්පාදන සැලසුම් අධ්‍යක්ෂ Emmet Connolly ට අනුව, “... බොහෝ නිර්මාණ පද්ධති සැබවින්ම රටා පුස්තකාල පමණි: UI Lego කෑලි විශාල පෙට්ටියක් අනන්තවත් ආකාරවලින් එකලස් කළ හැකිය. සියලුම කෑලි අනුකූල විය හැකි නමුත්, එකලස් කරන ලද ප්රතිඵල වනු ඇති බව ඉන් අදහස් නොවේ. ඔබේ නිෂ්පාදනය නැවත භාවිත කළ හැකි UI මූලද්‍රව්‍ය ගොඩකට වඩා වැඩි ය. එහි ව්යුහය හා අර්ථය ඇත. එය සාමාන්‍ය වෙබ් පිටුවක් නොවේ, එය සංකල්ප පද්ධතියක මූර්තිමත් කිරීමකි.
සුෂි නිර්මාණ පද්ධතිය
පදනම
පදනම් යනු අපගේ සැලසුම් පද්ධතියේ මුද්‍රණ ශිල්පය, වර්ණ පුවරු, අයිකන, පරතරය, සෙවනැලි සහ තොරතුරු ගෘහ නිර්මාණ ශිල්පය නිර්වචනය කරන ඩිජිටල් සන්නාම මාර්ගෝපදේශ වේ. සුෂි, පරමාණුක සැලසුම් මූලධර්ම අනුගමනය කරමින්, පරමාණු ➡️ අණු ➡️ ජීවීන් ලෙස ඇණවුම් කරන ලද, සංයුක්ත කළ හැකි සංරචක භාවිතයෙන් පහළ සිට ඉහළට ගොඩනගා ඇත.
පරමාණුක නිර්මාණය
පරමාණුක නිර්මාණය (බ්‍රැඩ් ෆ්‍රොස්ට් විසින් විස්තර කරන ලද පරිදි) අපගේ පද්ධතියට සිතියම්ගත කර ඇත.
#පරමාණු
කුඩාම වෙන් කළ නොහැකි ඒකක පරමාණු වේ. Android හි (හෝ ඕනෑම ජංගම UI) පෙළ ලේබල, බොත්තම් සහ රූප රඳවනයන් පරමාණු වේ.
#අණු
පිහිටුවීමට බහු පරමාණු ඇතුළත්, නමුත් තවමත් පරිශීලකයාට තනි වස්තුවක් ලෙස පෙනෙන සහ හැසිරෙන දසුන් අණු වේ. උදාහරණයක් ලෙස, ආදාන ක්ෂේත්‍රවල ආදාන කොටුව, දෝෂ ක්ෂේත්‍රය සහ පැහැදිලි බොත්තමක් ඇත, නමුත් එකට එය තනි ආයතනයකි.
#ජීවීන්
සංකීර්ණ, නමුත් නැවත භාවිතා කළ හැකි සංරචක, එකට එකට එකට වැඩ කරයි. බහු පරමාණු සහ අණු වලින් සමන්විත වේ. එක් එක් අංකයක් සහ නිරූපකයක් සහිත ටැග් වලින් සමන්විත, ශ්‍රේණිගත කිරීමේ තීරුවකි. විවිධ ශ්‍රේණිගත කිරීම් තෝරාගත් විට ටැග් වල වර්ණයද වෙනස් වේ. එක් එක් ටැගය තනි තනිව වෙනත් ස්ථානවල ද භාවිතා වේ, නමුත් ශ්‍රේණිගත කිරීමේ තීරුවක් ලෙස, එය නව අර්ථයක් නිර්මාණය කිරීමට එකට ක්‍රියා කරයි.
මුද්‍රණකරණය
මුද්‍රණ ශිල්පය, ඔබ දන්නා පරිදි, ලිඛිත භාෂාව කියවිය හැකි, කියවිය හැකි සහ ප්‍රදර්ශනය වන විට සිත් ඇදගන්නා ලෙස සකස් කිරීමේ කලාවයි. ටයිප් කිරීමේ සැකැස්මට අකුරු මුහුණු, ලක්ෂ්‍ය ප්‍රමාණය, රේඛා දිග, රේඛා පරතරය සහ අකුරු පරතරය තෝරා ගැනීම සහ අකුරු යුගල අතර අවකාශය සකස් කිරීම ඇතුළත් වේ.
අපි පහත අකුරු විචලනයන්ට සහය දෙමු -
අමතර ආලෝකය
ආලෝකය
නිතිපතා
මධ්යම
අර්ධ බෝල්ඩ්
නිර්භීත
ExtraBold
ඔබට අකුරු බර 8ක් දක්වා ඇති ඕනෑම අකුරු භාවිත කළ හැකි අතර මෙම අන්වර්ථවලින් ඒවා පැවරිය හැක. අප සතුව Demo සඳහා Metropolis, Okra සහ Roboto ඇති අතර, ඔබට ඔබේ වෙළඳ නාමය සමඟ යන ඕනෑම අකුරු භාවිතා කළ හැක.
වර්ණ
Sushi එහි palette තුළ පූර්ව නිශ්චිත වර්ණ මාලාවක් ද සපයයි. අතිශයින්ම අද්විතීය අවස්ථා සඳහා, ඔබේම වර්ණ භාවිතා කිරීමට නිදහස් වන්න, නමුත් එසේ නොමැති නම්, ඔබේ නිෂ්පාදනයේ සියලුම සංරචක සඳහා මෙම palette වෙතින් වර්ණ භාවිතා කිරීමට අපි නිර්දේශ කරමු.
කේත ගබඩාව
යාවත්කාලීන කළේ
දත්ත ආරක්ෂාව
සංවර්ධකයන්ට සිය යෙදුම මගින් ඔබේ දත්ත රැස් කර භාවිතා කරන ආකාරය පිළිබඳ තොරතුරු මෙහි දිස් කළ හැකිය. දත්ත ආරක්ෂාව පිළිබඳව තව දැන ගන්න
තොරතුරු ලබා ගත නොහැක
