स्केच से एंड्रॉइड पर वेक्टर संपत्ति के निर्यात के लिए 10 टिप्स

रैक्टरों को वैक्टर के फायदे स्पष्ट हैं। वेक्टर संपत्तियां छोटी, आसानी से संपादन योग्य हैं, और माइक्रोएनेज के लिए बहुत आसान है (विशेष रूप से आकार और रंग के संदर्भ में)।

मैं एक अपेक्षाकृत जटिल अनुप्रयोग पर काम करता हूं जो कई अलग-अलग प्लेटफार्मों का समर्थन करता है। एंड्रॉइड के लिए स्क्रीन के बढ़ते आकार और रिज़ॉल्यूशन (आप पर, नेक्सस 6 पी को देखते हुए) के साथ, हमने महसूस किया कि विभिन्न रिज़ॉल्यूशन का समर्थन करने की आवश्यकता के कारण परिसंपत्तियों को स्केलेबल रखने के लिए रैस्टर से वेक्टर फॉर्मेट में मौजूदा परिसंपत्तियों को अपडेट करना आवश्यक था।

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

यह एक डिजाइनर की दृष्टि से एक खोजी डायरी के रूप में कार्य करता है, कुछ चीजों के लिए जो हमने सीखा, जबकि ऐप में सभी रैस्टर संपत्ति को एंड्रॉइड के लिए वैक्टर में बदलने की कोशिश की। एंड्रॉइड स्टूडियो उपयोगकर्ता गाइड समस्या निवारण के लिए विशेष रूप से उपयोगी नहीं थे।

बिल्कुल

यहां लिखे गए कई नियम स्केच का उपयोग करके वेक्टर परिसंपत्तियों के निर्यात के लिए विशिष्ट हैं। हालांकि, वे सभी प्लेटफार्मों पर उपयोग के लिए स्वच्छ और कार्यात्मक वेक्टर संपत्ति के निर्यात के लिए अच्छे दिशानिर्देश भी हैं।

1. इसे सिंपल स्टूपिड रखें

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

2. मास्क का उपयोग करने से बचें

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

आप की जरूरत है आकार बनाने के लिए आधार परत के साथ छायांकन परत पर pathfinder ऑपरेशन

3. रूपरेखा बनाएं, स्ट्रोक नहीं

उन स्थितियों में जहां संभव हो, वांछित आकार बनाने के लिए स्ट्रोक का उपयोग करने से बचने की कोशिश करें। स्ट्रोक्स हमेशा बाकी की छवि के साथ ठीक से स्केल नहीं करता है। इसके अलावा, AVD अलग-अलग बॉर्डर पोजीशन के बीच अंतर नहीं करता है, और सभी सीमाओं को "केंद्र" स्ट्रोक के रूप में मानता है।

तो इसका क्या मतलब है कि स्केच पर मोटाई 10 के अंदर की सीमा AVD पर प्रदान किए जाने पर मोटाई 20 का केंद्र स्ट्रोक बन जाती है।

चूंकि रूपरेखा आकृतियाँ हैं, वे हमेशा स्केल्ड या रूपांतरित होने पर वांछित उपस्थिति प्रदर्शित करते हैं। यदि आप पाथफाइंडर ऑपरेशन लागू करना चाहते हैं, तो इसके साथ काम करने के लिए रूपरेखा भी बहुत आसान है।

आप सीएमडी + शिफ्ट + ओ का उपयोग करके आसानी से स्ट्रोक को रूपरेखा में बदल सकते हैं।

4. पथप्रदर्शक आपके मित्र हैं

अधिकांश जटिल आकृतियों को पाथफाइंडर संचालन का उपयोग करके सरल आकृतियों की रचना से बनाया जा सकता है। उनसे परिचित हों। इस तरह से बनाए गए आकार हर डिवाइस पर ठीक से प्रदर्शित किए जा सकते हैं।

5. Adobe Illustrator सबसे अच्छा समस्या निवारक है

एडोब इलस्ट्रेटर वेक्टर की संपत्ति को उसी तरह से प्रस्तुत करता है जैसे कि एंड्रॉइड के वेक्टरड्रॉएबल (एनकोडोटल अनुभव से)। यदि कोई संपत्ति AVD में ठीक से दिखाई नहीं दे रही है, तो इलस्ट्रेटर का उपयोग करके समस्या का निदान करने का प्रयास करें। अक्सर बार समाधान केवल भरने में निकालने के रूप में सरल है।

स्केच का उपयोग करके Android के लिए संपत्ति के निर्यात के लिए एक आम समस्या।

6. संयुक्त और रूपांतरित आकृतियों के रूप में प्रकट नहीं हो सकते हैं जैसा कि वे प्रतीत होते हैं

स्केच में किए गए प्रतिबिंब और घुमाव जैसे रूपांतरण Android वेक्टरड्राइव में पूरी तरह से समर्थित नहीं हैं। परिणामस्वरूप, रूपांतरित परतें हमेशा उस तरह से प्रकट नहीं होती हैं जैसी आप उनसे अपेक्षा करते हैं। इसका सबसे आसान उपाय यह होगा कि प्रत्येक पथ में एक परिवर्तन हो, जिससे परिवर्तन पथ का हिस्सा बन जाए।

हालाँकि, ऐसी स्थितियों में जहाँ परिवर्तन पूरे समूहों पर लागू होते हैं, इसके चारों ओर काम करने का एकमात्र तरीका मैन्युअल रूप से प्रत्येक व्यक्ति की परत को बदलना और स्थिति बनाना होगा।

7. पारदर्शिता आपके दोस्त हैं ...

पारदर्शिता को सभी उपकरणों और प्लेटफार्मों पर उचित रूप से समर्थित और प्रदर्शित किया जाता है, उनका उपयोग छाया / हाइलाइट बनाने के लिए जहां उपयुक्त हो।

स्टेक के तहत ड्रॉप छाया पर ध्यान दें

8.… और ग्रेडिएंट नहीं हैं

दूसरी ओर, एवीडी वर्तमान में ग्रेडिएंट का समर्थन नहीं करता है। इस तरह से बनाई गई संपत्ति आयात के दौरान लगभग निश्चित रूप से टूट जाएगी। सेल शेडिंग का उपयोग ढाल ढाल तकनीकों के पक्ष में किया जाना चाहिए।

स्टेक के नीचे छाया को गायब कर देता है

9. निर्यात आर्टबोर्ड, परतें नहीं

वेक्टर संपत्ति के आयामों को परिभाषित करने के लिए स्केच में एक बाउंडिंग बॉक्स का उपयोग करना एक पुरानी-स्कूल तकनीक है। हालाँकि यह अभी भी वैक्टर निर्यात करने के लिए सीमाओं को परिभाषित करने का एक उपयोगी तरीका है, बेहतर तरीका यह है कि एक आर्टबोर्ड बनाया जाए जिसमें आपके द्वारा परिभाषित व्यूपोर्ट के समान आयाम हों। एसेट में बाउंडिंग बॉक्स लेयर को एक अलग, लेकिन पारदर्शी पथ के रूप में माना जाता है जब वेक्टरड्राएबल xml में अनुवाद किया जाता है।

10. चपटे आकार ज्यादातर समस्याओं को हल करेंगे

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

परिसंपत्ति की अंतिम स्थिति केवल दिखाई जा रही है, और इसलिए इस मामले में केवल अंत राज्य मामलों की उपस्थिति है।

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