Sushi Design System - UI Kit

Zomato

இந்த ஆப்ஸ் பற்றி

சுஷி என்பது Zomatoவின் சொந்த வடிவமைப்பு அமைப்பாகும், இது சுத்தமான மற்றும் எளிமையான வடிவமைப்பு மொழியைப் பின்பற்றி வலுவான பயனர் இடைமுகங்களை உருவாக்க உதவுகிறது. zomatoவில் உள்ள நாங்கள், இதை அடித்தளத்தில் இருந்து உருவாக்கியுள்ளோம். இது எங்களுக்கான வடிவமைப்பு அமைப்பு மட்டுமல்ல, அதை விடவும் இது எங்கள் பயனர்களுக்கு புதிய மற்றும் மேம்பட்ட அனுபவத்தை வழங்க உதவுகிறது. அணு, சுத்தமான மற்றும் எளிமையான வடிவமைப்பு மொழியைப் பின்பற்றி பெஸ்போக் பயனர் இடைமுகங்களை உருவாக்க சுஷி உங்களுக்கு உதவ முடியும். சுஷி தனது சொந்த வடிவமைப்பு மொழியைக் கட்டமைத்தாலும், அது கூகுளின் மெட்டீரியல் டிசைன் கூறுகளை உள்நாட்டில் பல பகுதிகளில் முழுமையாகத் தழுவி பயன்படுத்துகிறது.

ஒரு வடிவமைப்பு அமைப்பு மற்றும் பிராண்ட் வழிகாட்டுதல்களுக்கான குறிப்பு, இது Zomatoவில் உள்ள பல்வேறு குழுக்களால் பயன்படுத்தப்பட்டு பிரதிநிதித்துவப்படுத்தப்படுகிறது, அதாவது - தயாரிப்பு, பொறியியல், சந்தைப்படுத்தல் மற்றும் பிராண்டிங்.

வடிவமைப்பு அமைப்பு என்றால் என்ன?
ஒரு வடிவமைப்பு அமைப்பு என்பது மீண்டும் பயன்படுத்தக்கூடிய கூறுகளின் தொகுப்பாகும், இது தெளிவான தரநிலைகளால் வழிநடத்தப்படுகிறது, இது எத்தனை பயன்பாடுகளையும் உருவாக்க ஒன்றாக இணைக்கப்படலாம். வடிவமைப்பு அமைப்பு என்பது டிஜிட்டல் தயாரிப்பை உருவாக்க நீங்கள் பயன்படுத்தும் சொத்துக்கள் மற்றும் கூறுகளின் தொகுப்பு மட்டுமல்ல. இண்டர்காமின் தயாரிப்பு வடிவமைப்பின் இயக்குனர் எம்மெட் கோனோலியின் கூற்றுப்படி, "... பெரும்பாலான வடிவமைப்பு அமைப்புகள் உண்மையில் வெறும் பேட்டர்ன் லைப்ரரிகள்: UI லெகோ துண்டுகளின் பெரிய பெட்டி, இது எல்லையற்ற வழிகளில் கூடியிருக்கும். அனைத்து துண்டுகளும் சீரானதாக இருக்கலாம், ஆனால் கூடியிருந்த முடிவுகள் இருக்கும் என்று அர்த்தமல்ல. உங்கள் தயாரிப்பு மீண்டும் பயன்படுத்தக்கூடிய UI கூறுகளின் குவியலை விட அதிகம். இது அமைப்பு மற்றும் பொருள் கொண்டது. இது ஒரு பொதுவான வலைப் பக்கம் அல்ல, இது கருத்துகளின் அமைப்பின் உருவகம்.

சுஷி வடிவமைப்பு அமைப்பு

அடித்தளங்கள்
அடித்தளங்கள் என்பது டிஜிட்டல் பிராண்ட் வழிகாட்டுதல்கள் ஆகும், இது அச்சுக்கலை, வண்ணத் தட்டுகள், சின்னங்கள், இடைவெளி, நிழல் மற்றும் எங்கள் வடிவமைப்பு அமைப்பின் தகவல் கட்டமைப்பை வரையறுக்கிறது. சுஷி, அணு வடிவமைப்புக் கொள்கைகளைப் பின்பற்றி, தொகுக்கக்கூடிய கூறுகளைப் பயன்படுத்தி, அணுக்கள் ➡️ மூலக்கூறுகள் ➡️ உயிரினங்களாக வரிசைப்படுத்தப்பட்ட கீழ்-மேலே கட்டமைக்கப்பட்டுள்ளது.

அணு வடிவமைப்பு
அணு வடிவமைப்பு (பிராட் ஃப்ரோஸ்ட் விவரித்தபடி) எங்கள் கணினியில் வரைபடமாக்கப்பட்டது.

#அணுக்கள்
பிரிக்க முடியாத சிறிய அலகுகள் அணுக்கள். ஆண்ட்ராய்டில் (அல்லது ஏதேனும் மொபைல் UI) உரை லேபிள்கள், பொத்தான்கள் மற்றும் பட வைத்திருப்பவர்கள் அணுக்கள்.

#மூலக்கூறுகள்
பல அணுக்களை உருவாக்கும் காட்சிகள், ஆனால் இன்னும் தோற்றமளிக்கும் மற்றும் பயனருக்கு ஒரு தனித்தன்மையைப் போலவே செயல்படுகின்றன. எடுத்துக்காட்டாக, உள்ளீட்டுப் புலங்களில் உள்ளீட்டுப் பெட்டி, பிழைப் புலம் மற்றும் தெளிவான பொத்தான் இருக்கும், ஆனால் ஒன்றாக அது ஒரு தனி நிறுவனமாகும்.

#உயிரினங்கள்
சிக்கலான, ஆனால் மீண்டும் பயன்படுத்தக்கூடிய கூறுகள், அவை ஒன்றிணைந்து செயல்படுகின்றன. பல அணுக்கள் மற்றும் மூலக்கூறுகளால் ஆனது. குறிச்சொற்களைக் கொண்ட ரேட்டிங் பார்கள், ஒவ்வொன்றும் ஒரு எண் மற்றும் ஐகானைக் கொண்டிருக்கும். வெவ்வேறு மதிப்பீடுகள் தேர்ந்தெடுக்கப்படும் போது குறிச்சொற்கள் நிறத்தையும் மாற்றும். ஒவ்வொரு குறிச்சொல்லும் தனித்தனியாக மற்ற இடங்களிலும் பயன்படுத்தப்படுகிறது, ஆனால் மதிப்பீடு பட்டியாக, புதிய அர்த்தத்தை உருவாக்க இவை அனைத்தும் ஒன்றாகச் செயல்படுகின்றன.

அச்சுக்கலை
அச்சுக்கலை என்பது உங்களுக்குத் தெரிந்திருக்கும், எழுதப்பட்ட மொழியைப் படிக்கக்கூடியதாகவும், படிக்கக்கூடியதாகவும், காட்டப்படும்போது ஈர்க்கக்கூடியதாகவும் மாற்றும் வகையை ஒழுங்குபடுத்தும் கலை. வகையின் ஏற்பாட்டில் தட்டச்சு முகங்கள், புள்ளி அளவுகள், வரி நீளம், வரி-இடைவெளி மற்றும் எழுத்து-இடைவெளி ஆகியவற்றைத் தேர்ந்தெடுப்பது மற்றும் ஜோடி எழுத்துக்களுக்கு இடையிலான இடைவெளியை சரிசெய்தல் ஆகியவை அடங்கும்.

பின்வரும் எழுத்து வடிவ மாறுபாடுகளை நாங்கள் ஆதரிக்கிறோம் -

எக்ஸ்ட்ரா லைட்
ஒளி
வழக்கமான
நடுத்தர
அரை போல்ட்
தடித்த
ExtraBold

8 எழுத்துரு எடைகள் வரை உள்ள எந்த எழுத்துருவையும் நீங்கள் பயன்படுத்தலாம் மற்றும் இந்த மாற்றுப்பெயர்களிலிருந்து அவற்றை ஒதுக்கலாம். டெமோவிற்காக எங்களிடம் மெட்ரோபோலிஸ், ஓக்ரா மற்றும் ரோபோடோ இருக்கும் போது, ​​உங்கள் பிராண்டுடன் செல்லும் எந்த எழுத்துருவையும் நீங்கள் பயன்படுத்தலாம்.

நிறங்கள்
சுஷி அதன் தட்டுகளில் முன் வரையறுக்கப்பட்ட வண்ணங்களின் தொகுப்பையும் வழங்குகிறது. மிகவும் தனித்துவமான நிகழ்வுகளுக்கு, உங்கள் சொந்த வண்ணங்களைப் பயன்படுத்த தயங்க வேண்டாம், இல்லையெனில், உங்கள் தயாரிப்பின் அனைத்து கூறுகளுக்கும் இந்தத் தட்டுகளிலிருந்து வண்ணங்களைப் பயன்படுத்த பரிந்துரைக்கிறோம்.

குறியீடு களஞ்சியம்