Sushi Design System - UI Kit for Android apps

का वर्णन Sushi Design System - UI Kit for Android apps

सुशी ज़ोमैटो की अपनी खुद की डिजाइन प्रणाली है, जो एक स्वच्छ और सरल डिजाइन भाषा के बाद मजबूत उपयोगकर्ता इंटरफेस बनाने में मदद करती है। हम ज़ोमेटो में, इसे जमीन से बनाया है। यह सिर्फ हमारे लिए एक डिजाइन प्रणाली नहीं है, बल्कि इससे अधिक यह हमारे उपयोगकर्ताओं को एक नया और उन्नत अनुभव प्रदान करने में मदद करता है। सुशी आपको परमाणु, स्वच्छ और सरल डिजाइन भाषा के बाद bespoke उपयोगकर्ता इंटरफेस बनाने में मदद कर सकते हैं। जबकि सुशी अपनी डिजाइन भाषा पर निर्माण करता है, यह कई क्षेत्रों में आंतरिक रूप से Google के भौतिक डिजाइन घटकों को पूरी तरह से गले लगाता है और उपयोग करता है।
एक डिजाइन सिस्टम के रूप में और ब्रांड दिशानिर्देशों के लिए एक संदर्भ, इसका उपयोग ज़ोमैटो, जैसे उत्पाद, इंजीनियरिंग, विपणन और ब्रांडिंग के भीतर विभिन्न टीमों द्वारा किया जाता है और प्रतिनिधित्व किया जाता है।
क्या है डिजाइन सिस्टम?
एक डिज़ाइन सिस्टम पुन: प्रयोज्य घटकों का संग्रह है, जो स्पष्ट मानकों द्वारा निर्देशित है, जिसे किसी भी प्रकार की अनुप्रयोगों के निर्माण के लिए एकत्रित किया जा सकता है। एक डिजाइन प्रणाली केवल डिजिटल उत्पाद बनाने के लिए उपयोग की जाने वाली संपत्तियों और घटकों का संग्रह नहीं है। इंटरकॉम में उत्पाद डिजाइन के निदेशक एम्मेट कॉनॉली के अनुसार, "... अधिकांश डिजाइन सिस्टम वास्तव में केवल पैटर्न पुस्तकालय हैं: यूआई लेगो के टुकड़े का एक बड़ा बॉक्स जिसे निकट-अनंत तरीकों से इकट्ठा किया जा सकता है। सभी टुकड़े सुसंगत हो सकते हैं, लेकिन इसका मतलब यह नहीं है कि इकट्ठे परिणाम होंगे। आपका उत्पाद पुन: प्रयोज्य यूआई तत्वों के ढेर से अधिक है। इसमें संरचना और अर्थ है। यह एक सामान्य वेब पेज नहीं है, यह अवधारणाओं की एक प्रणाली का अवतार है। "
सुशी डिजाइन सिस्टम
नींव
नींव डिजिटल ब्रांड दिशानिर्देश हैं, जो हमारी डिजाइन प्रणाली के टाइपोग्राफी, रंग पैलेट, आइकन, स्पेसिंग, छाया और सूचना वास्तुकला को परिभाषित करते हैं। परमाणु डिजाइन सिद्धांतों के बाद सुशी, कम्पोजेबल घटकों का उपयोग करके नीचे-ऊपर बनाया गया है, जिसे परमाणु ➡️ अणु ➡️ जीवों के रूप में आदेश दिया गया है।
परमाणु डिजाइन
परमाणु डिजाइन (जैसा कि ब्रैड फ्रॉस्ट द्वारा वर्णित है ) हमारे सिस्टम में मैप किया गया।
#atoms
सबसे छोटी अविभाज्य इकाइयां परमाणु हैं। एंड्रॉइड (या किसी भी मोबाइल यूआई) टेक्स्ट लेबल्स में, बटन, और छवि धारक परमाणु होते हैं।
#molecules
विचार जिनमें कई परमाणु बनाने के लिए शामिल हैं, लेकिन फिर भी देखो और व्यवहार करते हैं उपयोगकर्ता के लिए एक इकाई की तरह अणु हैं। उदाहरण के लिए, इनपुट फ़ील्ड में इनपुट बॉक्स, त्रुटि फ़ील्ड और एक स्पष्ट बटन होता है, लेकिन एक साथ यह एक इकाई है।
#organisms
कॉम्प्लेक्स, लेकिन पुन: प्रयोज्य घटकों , यह एक साथ एक समेकित तरीके से काम करता है। कई परमाणुओं और अणुओं से बना है। पॉइंट रेटिंग बार में एक मामला, जिसमें टैग होते हैं, प्रत्येक में एक संख्या और एक आइकन होता है। टैग भी रंग बदलते हैं, जब अलग-अलग रेटिंग चुनी जाती है। प्रत्येक टैग का व्यक्तिगत रूप से अन्य स्थानों पर भी उपयोग किया जाता है, लेकिन रेटिंग बार के रूप में, यह सब नया अर्थ बनाने के लिए एक साथ काम करता है।
टाइपोग्राफी
टाइपोग्राफी, जैसा कि आप जानते हैं, है लिखित भाषा को सुपाठ्य, पठनीय, और प्रदर्शित होने पर अपील करने के लिए प्रकार की व्यवस्था करने की कला। प्रकार की व्यवस्था में टाइपफेस, पॉइंट आकार, रेखा की लंबाई, लाइन-स्पेसिंग, और अक्षर-रिक्ति, और अक्षरों के जोड़े के बीच की जगह को समायोजित करना शामिल है।
हम निम्नलिखित टाइपफेस विविधताओं का समर्थन करते हैं -
Extralight
लाइट
नियमित
मध्यम
semibold
बोल्ड
ExtraBold
आप किसी भी फ़ॉन्ट का उपयोग कर सकते हैं जिसमें 8 फ़ॉन्ट वजन हो और उन्हें इन से असाइन करें उपनाम। जबकि हमारे पास डेमो के लिए मेट्रोपोलिस, ओकरा और रोबोटो हैं, आप अपने ब्रांड के साथ जाने वाले किसी भी फ़ॉन्ट का उपयोग कर सकते हैं।
रंग
सुशी अपने पैलेट में पूर्वनिर्धारित रंगों का एक सेट भी प्रदान करता है । बेहद अद्वितीय मामलों के लिए, अपने रंगों का उपयोग करने के लिए स्वतंत्र महसूस करें, लेकिन अन्यथा, हम आपके उत्पाद के सभी घटकों के लिए इस पैलेट से रंगों का उपयोग करने की सलाह देते हैं।