कार्ड प्रिंट करने की सेवा

कार्ड में कई तरह की जानकारी हो सकती है. जैसे, टेक्स्ट, आइकॉन, इमेज, Gemini के जवाब या कार्रवाइयां.

सिद्धांत

एक साथ जुड़ी हुई जानकारी: कार्ड में, मिलती-जुलती जानकारी और कार्रवाइयों को एक साथ रखा जाता है, ताकि उन्हें आसानी से समझा जा सके.

साफ़ तौर पर जानकारी देना: ये कॉन्टेंट को साफ़ तौर पर और व्यवस्थित तरीके से दिखाते हैं, जिससे उसे आसानी से पढ़ा जा सकता है.

कई तरह के काम के लिए: कार्ड, अलग-अलग तरह के कॉन्टेंट को दिखाने के लिए अडजस्ट हो सकते हैं. जैसे, छोटे टेक्स्ट ब्लर्ब से लेकर कई एलिमेंट वाली ज़्यादा जटिल खास जानकारी तक.

मॉड्यूलर: इसे मॉड्यूलर तरीके से डिज़ाइन किया गया है. इसका इस्तेमाल, Jetpack Compose Glimmer for Glasses इंटरफ़ेस के अलग-अलग हिस्सों में किया जा सकता है.

इस्तेमाल और प्लेसमेंट

कार्ड में कई तरह की जानकारी हो सकती है. जैसे, टेक्स्ट, आइकॉन, इमेज, कार्रवाइयां या Gemini से मिले जवाब.

कॉन्टेंट के लिए, Jetpack Compose Glimmer कार्ड टेंप्लेट का इस्तेमाल करें. ये कई तरह के होते हैं और इन्हें चश्मे के डिज़ाइन के सिद्धांतों के हिसाब से ऑप्टिमाइज़ किया जाता है.

check_circle

यह करें

कॉन्टेंट को छोटा और सटीक रखें. साथ ही, स्टाइल से जुड़े सबसे सही तरीकों का ध्यान रखें. जैसे, रंगों का इस्तेमाल.

cancel

ऐसा न करें

कार्ड में बहुत ज़्यादा कॉन्टेंट दिखाना या स्टाइल से जुड़े दिशा-निर्देशों का पालन न करना.

एक से ज़्यादा कार्रवाइयाँ दिखाने के लिए, कार्ड के साथ बटन ग्रुप का इस्तेमाल करें.

check_circle

यह करें

ज़्यादा बेहतर तरीके से फ़ोकस करने के लिए, कार्ड में सिर्फ़ एक नेस्ट किया गया बटन होना चाहिए.

cancel

ऐसा न करें

कार्ड में एक से ज़्यादा बटन हों. कार्ड को मोबाइल डायलॉग के तौर पर नहीं माना जाना चाहिए.

शरीर-रचना विज्ञान

कार्ड, पहले से सेट किए गए स्लॉट टेंप्लेट की मदद से बनाए जाते हैं.

1. हेडर: यह कार्ड का सबसे ऊपरी सेक्शन होता है. इसे इमेज दिखाने के लिए डिज़ाइन किया गया है. 

2. टाइटल और सबटाइटल: इन टेक्स्ट फ़ील्ड में, कार्ड के लिए मुख्य और दूसरा लेबल दिया जाता है. 

3. लीडिंग आइकॉन: यह एक ऐसा आइकॉन होता है जो कार्ड के कॉन्टेंट एरिया की शुरुआत में दिखता है. हालांकि, इसे दिखाना ज़रूरी नहीं है.

4. ट्रेलिंग आइकॉन: यह एक वैकल्पिक आइकॉन होता है. यह कार्ड के कॉन्टेंट वाले हिस्से के आखिर में दिखता है.

5. ऐक्शन: यह प्राइमरी इंटरैक्टिव एलिमेंट के लिए एक स्लॉट होता है. जैसे, बटन. इससे उपयोगकर्ता, सीधे कार्ड से कोई कार्रवाई कर सकते हैं. अगर किसी कार्ड में कोई कार्रवाई है, तो उसमें सिर्फ़ एक कार्रवाई होनी चाहिए.

6. मुख्य कॉन्टेंट: कार्ड का मुख्य हिस्सा, जहां मुख्य टेक्स्ट या अन्य कॉन्टेंट रखा जाता है.

फ़ोकस

जिन कार्ड का मुख्य मकसद किसी इंटरैक्टिव एलिमेंट (जैसे कि ऐक्शन में मौजूद बटन) को शामिल करना है, उन पर फ़ोकस सीधे तौर पर उस एलिमेंट पर जाना चाहिए, न कि कार्ड कंटेनर पर. कोई कार्ड तब फ़ोकस करने लायक़ बन जाता है, जब वह किसी एक आइटम को दिखाता है. जैसे, सूची में मौजूद कोई एंट्री. इससे उपयोगकर्ताओं को ज़्यादा बेहतर और आसानी से ऐक्सेस किया जा सकने वाला अनुभव मिलता है.

ऐसा कार्ड जिस पर फ़ोकस किया गया है और जो सूची में मौजूद है.

कार्ड में मौजूद बटन को ऐक्शन लेने वाले एलिमेंट के तौर पर फ़ोकस किया गया है.

पसंद के मुताबिक बनाएं