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