2008-09-30 15 views

उत्तर

68

दस्तावेज में कहा गया है कि टैब बार छवि आमतौर पर 30x30 है, लेकिन मैं पाया है कि स्थापना के लिए सबसे अच्छा आकार छवियों है 48x32 पिक्सेल। यह आकार अभी भी प्रस्तुत करता है और आपको थोड़ा और स्थान देता है।

छवि पारदर्शिता के साथ एक पीएनजी है, केवल मुखौटा का उपयोग किया जाता है। यूआई चयनित होने पर अचयनित या नीला/क्रोम जब मुखौटा ग्रे प्रस्तुत करता है।

5

चेक "UITabBarItem कक्षा संदर्भ" SDK documentation

+4

यदि आप दस्तावेज़ से जुड़े हैं तो उत्तर भी बेहतर होगा। – Kekoa

+0

मुझे पूरा यकीन है कि मैंने इसका जवाब दिया था जब दस्तावेज़ों के लिए आसान सार्वजनिक लिंक नहीं थे। (ईटीए: जो अब भी प्रासंगिक नहीं है, क्योंकि जानकारी वहां नहीं लगती है * अब * - लेकिन http://developer.apple.com/library/ios/#documentation/UIKit/Reference/UITabBarItem_Class/Reference/ संदर्भ.html यदि आप वास्तव में एक लिंक चाहते हैं) – Dre

18

http://developer.apple.com/iphone/library/documentation/UserExperience/Conceptual/MobileHIG/IconsImages/IconsImages.html

जब संभव हो, आप नेविगेशन बार, टूलबार और टैब बार में प्रणाली द्वारा उपलब्ध कराए गए बटन और माउस ... का उपयोग करना चाहिए पर कैसे मानक बटन और आइकन, और दिशा निर्देशों का एक पूरी सूची के लिए उनका उपयोग करने के लिए, “System-Provided Buttons and Icons.”

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

इससे पहले कि आप अपने आइकन के लिए कला बनाएं, आपको कुछ समय बिताने की जरूरत है कि उसे क्या व्यक्त करना चाहिए। जैसा कि आप डिज़ाइन पर विचार करते हैं, एक आइकन के लिए लक्ष्य है:

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

के बाद आप अपने आइकन की उपस्थिति पर तय कर लिया है, इन दिशानिर्देशों का पालन के रूप में आप इसे बनाने:

  • PNG प्रारूप का प्रयोग करें।
  • उचित अल्फा के साथ शुद्ध सफेद का प्रयोग करें।
  • एक ड्रॉप छाया शामिल न करें।
  • एंटी-एलियासिंग का उपयोग करें।
  • यदि आप कोई बेवल जोड़ने का निर्णय लेते हैं, तो सुनिश्चित करें कि यह 90 डिग्री है (ऐसा करने में आपकी सहायता के लिए, आइकन के शीर्ष पर स्थित एक प्रकाश स्रोत की कल्पना करें)।
  • टूलबार और नेविगेशन बार आइकन के लिए, एक आइकन बनाएं जो लगभग 20 x 20 पिक्सेल मापता है।
  • टैब बार आइकन के लिए, एक आइकन बनाएं जो लगभग 30 x 30 पिक्सेल मापता है ...
16

यह बयान तकनीकी रूप से गलत है:

"। ... केवल मुखौटा प्रयोग किया जाता है यूआई मुखौटा ग्रे जब इसे नहीं चुना जाता या नीले/क्रोम जब चयनित renders ..."

आप किसी भी प्रकार का मुखौटा नहीं दे रहे हैं। इसके बजाय, टैब छवि को मोनोक्रोम .png छवि, उर्फ ​​केवल 1 रंग का उपयोग किया जाना चाहिए

यदि आप एक रंगीन छवि प्रदान करते हैं, तो UIKit इसे एक मोनोक्रोम छवि में माप देगा। सबसे बुरे मामले में रंग छवि ~ 8000 बाइट्स होगी, जो ~ 6k (रेटिना) का अपशिष्ट है। ठीक से काम करने के लिए मात्रा के लिए पारदर्शिता के साथ फ़ाइल प्रारूप 24-बिट .png होना चाहिए। भले ही यह एक रंग फ़ाइल प्रारूप है, रंग का उपयोग न करें या आप अंतरिक्ष बर्बाद कर रहे हैं।

नीचे लाइन, सबसे अच्छा प्रदर्शन और स्मृति के उपयोग के साथ, सही आकार इनमें से किसी एक का उपयोग करने के लिए है:

स्टैंडर्ड प्रदर्शन
    48x32 .PNG, पारदर्शिता के साथ 24-बिट (लेकिन केवल 1 रंग का उपयोग करें)। सबसे खराब मामला आकार ~ 500 बाइट्स।
    30x30 पीएनजी, 24-बिट पारदर्शिता के साथ (लेकिन केवल 1 रंग का उपयोग करें)। सबसे खराब केस आकार ~ 350 बाइट्स।

रेटिना डिस्प्ले
    60x60 .PNG, पारदर्शिता के साथ 24 बिट (लेकिन केवल 1 रंग का उपयोग करें)। सबसे खराब केस आकार ~ 2000 बाइट्स।

संबंधित मुद्दे