संरक्षित पुष्टिकरण डिज़ाइन

संरक्षित पुष्टिकरण उपयोगकर्ता इंटरफ़ेस (यूआई) में छह आवश्यक तत्व होते हैं। कुछ तत्वों को अनुकूलित किया जा सकता है, लेकिन कुछ आवश्यकताएँ हैं जिनका पालन करना आवश्यक है। यूआई को अनुकूलित करते समय निम्नलिखित दिशानिर्देशों का उपयोग करें और सुनिश्चित करें कि आवश्यकताएं पूरी हो गई हैं। यदि किसी तत्व को आवश्यकता के साथ चिह्नित किया गया है: उस तत्व को सूचीबद्ध संपत्ति का उपयोग करना होगा।

निम्नलिखित दिशानिर्देश रोबोटो फ़ॉन्ट परिवार का उपयोग करते हैं, जिसे आप fonts.google.com से डाउनलोड कर सकते हैं।

हार्डवेयर बटन के साथ यूआई

एंड्रॉइड संरक्षित पुष्टिकरण इनपुट की पुष्टि करने और रद्द करने के लिए डिवाइस पर हार्डवेयर बटन का उपयोग कर सकता है।

डिज़ाइन योजना

माउस

शील्ड चिह्न

आइकन संरक्षित पुष्टिकरण शील्ड आइकन
डाउनलोड करना सुरक्षा कवच
चिह्न का आकार 32डीपी

तीर चिह्न

आइकन कीबोर्ड तीर चिह्न
डाउनलोड करनाकीबोर्ड तीर दाईं ओर
चिह्न का आकार 24डीपी
कंटेनर कोने की त्रिज्या 4डीपी

इनपुट संदेश

संरक्षित पुष्टिकरण में दो इनपुट प्रकार उपयोग किए जाते हैं: पुष्टि करें और रद्द करें।

पुष्टिकरण स्ट्रिंग

इस संदेश में यह अवश्य दर्शाया जाना चाहिए कि पुष्टिकरण के रूप में किस बटन का उपयोग किया गया है।

संदेश पुष्टि करने के लिए (बटन) दो बार दबाएँ
ज्यादा से ज्यादा लंबाई आवश्यकता: पुष्टिकरण संदेश दो पंक्तियों से अधिक नहीं हो सकता।
रंग #000000 87%
फॉन्ट फ़ेस रोबोटो-मध्यम
फ़ॉन्ट आकार आवश्यकता: 14स्प
ऊंची लाईन आवश्यकता: 20dp

स्ट्रिंग रद्द करें

रद्दीकरण संदेश स्पष्ट रूप से दिखाई देना चाहिए और पुष्टिकरण बटन से आसानी से पहचाना जाना चाहिए। एकल शब्द Cancel के साथ निम्नलिखित गुणों का उपयोग करें।

संदेश रद्द करना
रंग #000000 87%
फॉन्ट फ़ेस रोबोटो-मध्यम
फ़ॉन्ट आकार आवश्यकता: 14स्प
ऊंची लाईन आवश्यकता: 20dp

शीर्ष लेख पाठ

सुविधा की पहचान करने के लिए विश्वसनीय यूआई में हेडर टेक्स्ट एंड्रॉइड प्रोटेक्टेड कन्फर्मेशन शामिल करें। हेडर टेक्स्ट के लिए निम्नलिखित गुणों का उपयोग करें।

संदेश आवश्यकता: Android संरक्षित पुष्टिकरण
रंग #000000 87%
फॉन्ट फ़ेस रोबोटो-नियमित
फ़ॉन्ट आकार आवश्यकता: 22sp
ऊंची लाईन आवश्यकता: 28dp

मुख्य भाग

बॉडी टेक्स्ट तत्व को लागू करते समय निम्नलिखित गुणों का उपयोग करें। वास्तविक संदेश एपीआई डेवलपर (ऐप डेवलपर) द्वारा लिखा गया है।

संदेश मुख्य पाठ संरक्षित पुष्टिकरण को कॉल करने वाले ऐप डेवलपर द्वारा प्रदान किया जाता है।
रंग #000000 87%
फॉन्ट फ़ेस रोबोटो-नियमित
फ़ॉन्ट आकार आवश्यकता: 16स्प
ऊंची लाईन आवश्यकता: 24डीपी

उपशीर्षक पाठ

यह समझाने के लिए उपशीर्षक पाठ का उपयोग करें कि उपयोगकर्ता संरक्षित पुष्टिकरण स्क्रीन क्यों देख रहा है। इस टेक्स्ट को स्क्रीन के नीचे रखें और निम्नलिखित गुणों का उपयोग करें।

संदेश आवश्यकता: यह पुष्टिकरण आपके द्वारा की जाने वाली कार्रवाई के लिए सुरक्षा की एक अतिरिक्त परत प्रदान करता है।
ज्यादा से ज्यादा लंबाई आवश्यकता: पुष्टिकरण संदेश चार पंक्तियों से अधिक नहीं हो सकता।
रंग #000000 87%
फॉन्ट फ़ेस रोबोटो-नियमित
फ़ॉन्ट आकार आवश्यकता: 14स्प
ऊंची लाईन आवश्यकता: 20dp

सॉफ़्टवेयर बटन के साथ यूआई

एंड्रॉइड संरक्षित पुष्टिकरण इनपुट की पुष्टि करने और रद्द करने के लिए सॉफ़्टवेयर बटन का उपयोग कर सकता है। निम्नलिखित दिशानिर्देश सॉफ़्टवेयर बटन का उपयोग करके यूआई का वर्णन करते हैं।

पुष्टिकरण यूआई सॉफ़्टवेयर डिज़ाइन लेआउट

ढाल चिह्न

एंड्रॉइड संरक्षित पुष्टिकरण शील्ड आइकन पर आइकन एसेट डाउनलोड करें। आइकन को स्क्रीन के शीर्ष पर रखें.

ढाल चिह्न

संरक्षित पुष्टिकरण शील्ड आइकन एक आवश्यक तत्व है। ढाल का रंग अनुकूलित किया जा सकता है लेकिन यह स्पष्ट रूप से दिखाई देना चाहिए।

इनपुट

सॉफ़्टवेयर बटन आयाम

पुष्टिकरण और रद्दीकरण इनपुट के लिए प्राथमिक और द्वितीयक बटन के रूप का उपयोग करें।

बटन लेबल बटन लेबल के लिए वाक्य केस का उपयोग करें।
बटन त्रिज्या 4डीपी
स्वरोंका रंग #1a73e8
फॉन्ट फ़ेस रोबोटो-मध्यम
फ़ॉन्ट आकार आवश्यकता: 14स्प

शीर्ष लेख पाठ

सुविधा की पहचान करने के लिए विश्वसनीय यूआई में हेडर टेक्स्ट एंड्रॉइड प्रोटेक्टेड कन्फर्मेशन शामिल करें। हेडर टेक्स्ट के लिए निम्नलिखित गुणों का उपयोग करें।

संदेश आवश्यकता: Android संरक्षित पुष्टिकरण
रंग #000000 87%
फॉन्ट फ़ेस रोबोटो-मध्यम
फ़ॉन्ट आकार आवश्यकता: 24स्प
ऊंची लाईन आवश्यकता: 20dp

मुख्य भाग

बॉडी टेक्स्ट तत्व को लागू करते समय निम्नलिखित गुणों का उपयोग करें। वास्तविक संदेश ऐप डेवलपर द्वारा लिखा गया है।

संदेश मुख्य पाठ संरक्षित पुष्टिकरण को कॉल करने वाले ऐप डेवलपर द्वारा प्रदान किया जाता है
रंग #000000 87%
फॉन्ट फ़ेस रोबोटो-मध्यम
फ़ॉन्ट आकार आवश्यकता: 16स्प
ऊंची लाईन आवश्यकता: 24डीपी

उपशीर्षक पाठ

यह समझाने के लिए उपशीर्षक पाठ का उपयोग करें कि उपयोगकर्ता संरक्षित पुष्टिकरण स्क्रीन क्यों देख रहा है। इस टेक्स्ट को स्क्रीन के नीचे रखें और निम्नलिखित गुणों का उपयोग करें।

संदेश आवश्यकता: यह पुष्टिकरण आपके द्वारा की जाने वाली कार्रवाई के लिए सुरक्षा की एक अतिरिक्त परत प्रदान करता है।
ज्यादा से ज्यादा लंबाई आवश्यकता: पुष्टिकरण संदेश चार पंक्तियों से अधिक नहीं हो सकता।
रंग #000000 54%
फॉन्ट फ़ेस रोबोटो-मध्यम
फ़ॉन्ट आकार आवश्यकता: 14स्प
ऊंची लाईन आवश्यकता: 20dp

स्थानीयकरण

आप एओएसपी के भाग के रूप में लुकअप तालिका के स्व-निहित सी-कार्यान्वयन में वर्णित घटकों के लिए स्थानीयकरण पा सकते हैं।