यह पोस्ट "मैं एंड्रॉइड के लिए डिज़ाइन कैसे सीखूं" विषय पर प्रकाशनों की एक श्रृंखला के लिए शुरुआती बिंदु के रूप में काम करेगा। मैंने कभी भी उबाऊ और निर्बाध विचार करते हुए दिशानिर्देशों पर पर्याप्त ध्यान नहीं दिया, लेकिन सब कुछ बदल गया है। अब मैं यह समझना शुरू कर रहा हूं कि मंच अपनी परिपक्वता तक पहुंच गया है और कई दिलचस्प समाधान प्रदान करता है।

पीछे का बटन

लंबे समय से, बैक एंड्रॉइड डिवाइसों का हार्डवेयर बटन था, यूजर इंटरफेस में एक सॉफ्टवेयर एनालॉग को जोड़ने का कोई मतलब नहीं था। अब एप्लिकेशन के भीतर नेविगेट करने के लिए बैक बटन का उपयोग करना फैशनेबल है। अगर हम यूजर इंटरफेस के बैक बटन के बारे में बात करते हैं (इसे "अप बटन" कहा जाता है), तो हार्डवेयर बैक और अप के बीच थोड़ा अंतर होता है। एप्लिकेशन के भीतर एक स्क्रीन पर जाता है, जबकि किसी भी एप्लिकेशन या सामग्री पर वापस जाता है।

परमिट

Android के लिए अनुमति सेटिंग्स थोड़ी भ्रामक हैं - xhdpi (2x), hdpi (1.5x) और mdpi (1x)।

यह बेहद तकनीकी लगता है। जब मैंने एक साल पहले काम करना शुरू किया, तो कोई भी मुझे वास्तव में समझा नहीं सका कि उनके बीच क्या पहलू अनुपात है। कई पूछताछ और खोजों के बाद, इसकी मात्रा 720 × 1280, 540 × 960 और 360 × 640 हो गई। लेआउट डिज़ाइन डिज़ाइन करते समय, हार्डवेयर बटन और स्टेटस बार पर विचार करना न भूलें।

अनुवादक से: वास्तव में, इस अनुच्छेद में जो वर्णित है वह पूरी तरह सत्य नहीं है। संदर्भ और तालिका में आपको अधिक सटीक विवरण मिलेगा।

स्टार्टर किट

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

9-स्लाइस स्केलिंग

एंड्रॉइड में ग्राफिक संसाधनों को स्केल करने का एक अजीब तरीका है, जो सीएसएस की तरह नहीं है। 9-स्लाइसिंग आपको यह निर्दिष्ट करने की अनुमति देता है कि आप किस छवि को स्केल करना चाहते हैं। बाकी, जैसे कि गोल कोनों, पूरे संसाधन को स्केल करते समय भी एक निश्चित आकार रहता है। ऐसा करने के लिए, छवि फ़ाइल में, निम्न क्षेत्रों में 1px चौड़ी काली रेखाएँ खींचें:

• शीर्ष: एक क्षेत्र जिसे क्षैतिज रूप से बढ़ाया जा सकता है।
• वाम: एक ही ऊर्ध्वाधर
• अधिकार: वह ऊर्ध्वाधर क्षेत्र जिसमें सामग्री स्थित होगी। इस पैरामीटर का उपयोग इंडेंट सेट करने के लिए किया जा सकता है।
• नीचे: इसी तरह ऊर्ध्वाधर

एक्शन बार

IPhone के विपरीत, जहां नाम आमतौर पर शीर्षक के बीच में होता है, एंड्रॉइड पर नाम ऊपरी बाएं कोने में है, एप्लिकेशन लोगो के बगल में है। लोगो पर क्लिक करने से आमतौर पर एक साइड मेनू आता है या आपको पिछली स्क्रीन पर वापस ले जाता है।



एप्लिकेशन के नाम के तहत, आप कभी-कभी एक त्रिकोणीय तीर को नोटिस कर सकते हैं, धन्यवाद जिससे एप्लिकेशन के भीतर नेविगेशन संभव है। जैसे इंटरनेट पर, एंड्रॉइड पर ड्रॉप-डाउन मेनू प्रदर्शित करने का एक बहुत ही सामान्य तरीका है।



अंत में, यदि आप दिशानिर्देशों के बारे में गंभीर हैं, तो सभी नियंत्रण ऊपरी दाएं कोने में होने चाहिए। यह अपडेट फ़ंक्शन (iPhone पर अपडेट करने के लिए पुल, यह एंड्रॉइड में बहुत कम उपयोग किया जाता है), खोज और कुख्यात "एक्शन" बटन पर भी लागू होता है, जो आदर्श रूप से तीन बिंदुओं के रूप में होना चाहिए। पॉइंट्स का उपयोग उन कार्यों के लिए किया जाता है जो एक्शन बार में नहीं हो सकते।

फोंट

फ़ॉन्ट, दुर्भाग्य से, डिवाइस की बारीकियों पर निर्भर करते हैं, इसलिए घटनाओं के लिए तैयार रहें। यदि आपको किसी पुराने डिवाइस पर डिज़ाइन का परीक्षण करना है, तो निराश न हों। बहुत बुरे दिन थे - याद रखें IE6। इस समय सबसे लोकप्रिय फ़ॉन्ट Droid Sans है । हालांकि, रोबोटो लोकप्रियता प्राप्त कर रहा है, क्योंकि यह नए उपकरणों पर मौजूद है।

आयाम

Android 2.x के साथ शुरू, न्यूनतम तत्व का आकार होना चाहिए: पाठ के लिए 28px, मेनू और शीर्षक के लिए 96px, पाद लेख के लिए 116px। यह iOS (24px, 88px और 100px) से थोड़ा अधिक है। अगर हम Android के iOS के 116% के अनुपात के बारे में बात करते हैं।

अपने Android डिवाइस पर अपने डिज़ाइन किए गए डिज़ाइन को देखें

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

एंड्रॉइड डिज़ाइन पूर्वावलोकन को विंडोज, मैक ओएस एक्स या वस्तुतः ऑपरेटिंग सिस्टम के किसी भी * निक्स परिवार पर स्थापित किया जा सकता है। आवेदन जावा में लिखा गया है और एक नियमित JAR फ़ाइल है। एंड्रॉइड डिज़ाइन पूर्वावलोकन निम्नानुसार काम करता है: डेवलपर स्मार्टफोन को यूएसबी के माध्यम से कंप्यूटर से जोड़ता है (एडीटी को पीसी पर स्थापित किया जाना चाहिए), डिज़ाइन पूर्वावलोकन लॉन्च करता है, इस कार्यक्रम में "सिलेक्ट मिरर क्षेत्र" पर क्लिक करता है और इसके सामने एक फ्रेम देखता है। वह इस फ्रेम को लेआउट पर सेट करता है और इसे स्मार्टफोन की स्क्रीन पर देखता है।