सूची के तौर पर दिखने वाले आइकॉन

सूची वाले व्यू के आइकॉन, डायलॉग आइकॉन की तरह ही दिखते हैं. हालांकि, इनमें इनर शैडो इफ़ेक्ट का इस्तेमाल किया जाता है. इसमें रोशनी का सोर्स ऑब्जेक्ट के ऊपर होता है. इन्हें सिर्फ़ ListView में इस्तेमाल करने के लिए डिज़ाइन किया गया है. उदाहरण के लिए, सेटिंग ऐप्लिकेशन.

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

पहली टेबल. इस इमेज में, सूची के तौर पर दिखने वाले आइटम के आइकॉन के डाइमेंशन की खास जानकारी दी गई है. यह जानकारी, सामान्य तौर पर इस्तेमाल होने वाली तीन तरह की स्क्रीन डेंसिटी के लिए है.

ldpi (120 dpi)
(Low density screen)
mdpi (160 dpi)
(मीडियम डेंसिटी वाली स्क्रीन)
hdpi (240 dpi)
(High density screen)
xhdpi (320 dpi)
(Extra-high density screen)
सूची वाले व्यू के आइकॉन का साइज़ 24 x 24 पिक्सल 32 x 32 पिक्सल 48 x 48 पिक्सल 64 x 64 पिक्सल

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

Adobe Photoshop में आइकॉन बनाने के लिए टेंप्लेट, आइकॉन टेंप्लेट पैक में उपलब्ध हैं.

Android के सभी वर्शन

यहां दिए गए दिशा-निर्देशों में, Android प्लैटफ़ॉर्म के सभी वर्शन के लिए, सूची वाले व्यू के आइकॉन डिज़ाइन करने का तरीका बताया गया है.

संरचना

  • सूची वाले व्यू के आइकॉन में आम तौर पर 1 पिक्सल का सेफ़फ़्रेम होता है. हालांकि, गोल आकार के एंटी-एलियास के किनारे के लिए सेफ़फ़्रेम एरिया का इस्तेमाल किया जा सकता है.
  • यहां दिए गए सभी डाइमेंशन, Photoshop में 32x32 पिक्सल के आर्टबोर्ड साइज़ पर आधारित हैं. टेंप्लेट में बाउंडिंग बॉक्स के चारों ओर एक पिक्सल की पैडिंग रखें.
list
view आइकॉन स्ट्रक्चर का व्यू.

पहली इमेज. लिस्ट व्यू के आइकॉन के लिए सेफ़फ़्रेम और फ़िल ग्रेडिएंट. आइकॉन का साइज़ 32x32 है.

रोशनी, इफ़ेक्ट, और शैडो

सूची वाले व्यू के आइकॉन फ़्लैट होते हैं और इन्हें सामने से दिखाया जाता है. साथ ही, इनमें अंदर की ओर शैडो होती है. इन्हें हल्के ग्रेडिएंट और अंदर की ओर शैडो की मदद से बनाया गया है. इसलिए, ये गहरे रंग के बैकग्राउंड पर अच्छी तरह से दिखते हैं.

सूची वाले आइकॉन के लिए, रोशनी, इफ़ेक्ट, और परछाईं का व्यू.

दूसरी इमेज. सूची वाले व्यू के आइकॉन के लिए लाइट, इफ़ेक्ट, और शैडो.

1.इनर शैडो:काला | 57 % ओपैसिटी | ऐंगल 120° | ब्लेंड मोड सामान्य | दूरी 1 पिक्सल | साइज़ 1 पिक्सल
2.बैकग्राउंड:काला | सिस्टम का स्टैंडर्ड रंग
ये आइकॉन सिर्फ़ सूची वाले व्यू में दिखते हैं.
ध्यान दें: सूची के तौर पर दिखने वाला आइकॉन, Photoshop में 32x32 पिक्सल के आर्टबोर्ड पर मौजूद है. इसमें सेफ़फ़्रेम नहीं है.

चरण-दर-चरण

  1. सही फ़िल्टर के लिए, इमेज 2 में दिख रहे इफ़ेक्ट जोड़ें.
  2. आइकॉन को 32x32 साइज़ में, पारदर्शिता की सुविधा चालू करके PNG फ़ाइल के तौर पर एक्सपोर्ट करें.
  3. Adobe Illustrator जैसे टूल का इस्तेमाल करके, बुनियादी आकार बनाएं.
  4. शेप को Adobe Photoshop जैसे टूल में इंपोर्ट करें और पारदर्शी बैकग्राउंड पर 32x32 पिक्सल की इमेज के हिसाब से उसका साइज़ बदलें.