उन्नत आईओएस इंटरफेस डिजाइन?

Question

मैंने कुछ आईफोन विकास किया है (वर्तमान में ऐपस्टोर में 3 ऐप्स) लेकिन इंटरफेस काफी सादा रहा है। मैंने अधिकांश भाग (UITableViewController, आदि) के लिए स्टॉक घटकों का उपयोग थोड़ा सा अनुकूलन के साथ किया है, लेकिन अधिकांश भाग के लिए सबकुछ बहुत सामान्य दिखता है। मैं एक अमीर यूजर इंटरफेस के साथ एप्स विकसित करना शुरू करना चाहता हूं, लेकिन मुझे शुरू करने के लिए कोई अच्छा संसाधन नहीं मिला है।

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

तृतीय पक्ष इंटरफ़ेस घटक पुस्तकालयों के बारे में क्या? क्या आप कोई सुझाव देते हैं कि स्टॉक आईओएस लाइब्रेरी में उन लोगों की तुलना में अधिक उन्नत इंटरफ़ेस घटक प्रदान करें?

मुझे शुरू करने के लिए अनुशंसा की जाने वाली किसी भी संसाधन पर नज़र डालना अच्छा लगेगा।

Answer 1

मुझे Ray Wenderlich's ट्यूटोरियल पसंद है। उन्हें कोर ग्राफिक्स पर एक मिला है जो आपको हेडर, बटन और बेजियर-घुमावदार फूटर के साथ अपना खुद का टेबल दृश्य आकर्षित करने की अनुमति देता है!

Answer 2

मुझे भी Three20 पसंद है। अब तक मैंने अपनी परियोजनाओं में इसका उपयोग नहीं किया, लेकिन मैंने इसके साथ खेला। और इसमें कुछ वाकई अच्छी चीजें हैं। ;-) मुझे लगता है कि यह आपके मानक उपयोगकर्ता इंटरफेस को बढ़ाने का एक तरीका है।

एक और वास्तव में अच्छा हिस्सा आपके तत्वों को डिजाइन कर रहा है। मुझे यह वाकई पसंद है। क्योंकि आपके पास तब आपके ऐप में कुछ और है। :- डी

Answer 3

यहां एक छोटा सा रहस्य है जो अक्सर अनदेखा हो जाता है: स्टॉक के बहुत सारे यूआई तत्व हैं जो ऐप्पल तत्व हैं जिन्हें बिना किसी वापसी के कगार पर अनुकूलित किया गया है।

इसका मुख्य कारण यह है कि ऐप्पल ने घटकों को बनाने में काफी समय और प्रयास किया है जो कि केवल सादा काम है। एक UIScrollView, उदाहरण के लिए, आपके द्वारा लिखे गए किसी ऐप की तुलना में परीक्षण के कई और घंटों का परीक्षण हो सकता है।

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

लेकिन यदि आप ऐप्पल के UITabBarController का उपयोग करते हैं और या तो सबक्लास, वर्गीकरण, या अन्यथा इसे अनुकूलित करने के लिए इसे अधिभारित करते हैं, तो आपको मुफ्त में बहुत कम स्तरीय ईवेंट हैंडलिंग सामग्री मिलती है।

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

एक विशेष रूप से उपयोगी उत्तर नहीं, मैं आपको अनुदान देता हूं, लेकिन जिस बिंदु पर मैं यहां जाना चाहता हूं वह एक बार है जब आपने अपना किक-गधा यूआई कदम वापस डिजाइन किया है और विचार करें कि मौजूदा टूलसेट के साथ अपना खुद का रोल करने से पहले क्या हासिल किया जा सकता है । जब आप बग फिक्सिंग में आते हैं तो आप मुझे धन्यवाद देंगे!

Answer 4

मैं Opacity for Mac का उपयोग कर, यह एक बहुत साफ डेस्कटॉप अनुप्रयोग जहाँ आप अपने ग्राफिकल तत्वों (बटन, स्विच, माउस आदि) उत्पन्न कर सकते हैं और फिर स्वचालित रूप से CocoaTouch/Quartz2D वर्गों और हेडर में ड्रॉप करने उत्पन्न में देख शुरू कर दिया है आपका ऐप ... कुछ तत्व सबसे अच्छा काम करते हैं जब वे डिवाइस पर मूल रूप से खींचे जाते हैं, बजाय पीएनजी के रूप में संग्रहीत/लोड किए जाते हैं, या जो भी हो। इसके अलावा, आपको मुफ्त में @ 2x रेटिना डिस्प्ले समर्थन मिलता है। इंटरफ़ेस ड्रेस-अप फ्रेमवर्क नहीं होने पर, यह तथ्य कि यह आपके लिए क्वार्ट्ज 2 डी कोड उत्पन्न करता है, यह किसी भी व्यक्ति के लिए वास्तविक दावेदार बनाता है जो दूरस्थ रूप से ग्राफिक रूप से रचनात्मक है लेकिन जटिल 2 डी प्रोग्रामिंग कौशल पर छोटा है।

सुंदर इंटरफेस की बात करते हुए, यदि आप अपने इंटरफ़ेस में प्रेरणा या वास्तविक ग्राफिकल तत्वों की तलाश में हैं, तो मुझे अक्सर 365psd पर कुछ शानदार विचार मिलते हैं ... वे वास्तव में कुछ आंखों को छोड़ने के लिए फ़ोटोशॉप दस्तावेज़ प्रदान करते हैं , मुक्त करने के लिए। कुछ स्थान आपको केवल एक पीएनजी दे सकते हैं, लेकिन यदि आप इसे स्केल करना चाहते हैं तो यह थोड़ा अच्छा होता है (@ 2x या iPad) या अपनी आवश्यकताओं के अनुरूप इसे अनुकूलित करें। यह ग्राफिकल यूआई डिज़ाइन के लिए ओपन सोर्स की तरह है।