دقة صورة العنصر في شريط علامات تبويب iPhone؟

Question

ما هي دقة الصورة لعنصر شريط علامات التبويب؟

كما يُرجى تقديم بعض المعلومات المفيدة الأخرى بخصوص صورة عنصر علامة التبويب هذه.

شكرا لك مقدما.

Answer 1

تشير الوثائق إلى أن صورة شريط علامات التبويب عادة ما تكون 30x30، لكنني وجدت أن أفضل حجم لإعداد الصور هو 48x32 بكسل.لا يزال هذا الحجم يظهر ويمنحك مساحة أكبر قليلاً.

الصورة بصيغة PNG شفافة، وتم استخدام القناع فقط.تعرض واجهة المستخدم القناع باللون الرمادي عند عدم تحديده أو باللون الأزرق/الكروم عند تحديده.

Answer 2

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

عندما يكون ذلك ممكنًا، يجب عليك استخدام الأزرار والأيقونات المتوفرة في النظام في أشرطة التنقل، وأشرطة الأدوات، وأشرطة علامات التبويب...للحصول على قائمة كاملة بالأزرار والأيقونات القياسية وإرشادات حول كيفية استخدامها، راجع "الأزرار والأيقونات التي يوفرها النظام."

بالطبع، ليست كل مهمة ينفذها تطبيقك هي مهمة قياسية.إذا كان تطبيقك يدعم المهام المخصصة التي يحتاج المستخدمون إلى تنفيذها بشكل متكرر، فستحتاج إلى إنشاء رموز مخصصة تمثل هذه المهام في شريط الأدوات أو شريط التنقل.وبالمثل، إذا كان تطبيقك يعرض شريط علامات تبويب يسمح للمستخدمين بالتبديل بين أوضاع التطبيق المخصصة أو مجموعات فرعية مخصصة من البيانات، فستحتاج إلى تصميم أيقونات شريط علامات التبويب التي تصف هذه الأوضاع أو المجموعات الفرعية بوضوح.يقدم لك هذا القسم بعض الإرشادات حول كيفية تصميم الرموز التي تعمل بشكل جيد في أشرطة التنقل، وأشرطة الأدوات، وأشرطة علامات التبويب.

قبل إنشاء العمل الفني لأيقونتك، تحتاج إلى قضاء بعض الوقت في التفكير فيما ينبغي أن ينقله.عندما تفكر في التصاميم، استهدف رمزًا يكون:

• بسيطة ومبسطة.قد تؤدي التفاصيل الكثيرة إلى جعل الرمز يبدو غير واضح أو غير قابل للفك.
• ليس من السهل الخلط بينه وبين أحد الرموز التي يوفرها النظام.يجب أن يكون المستخدمون قادرين على تمييز الرمز المخصص الخاص بك عن الرموز القياسية في لمحة واحدة.
• مفهومة بسهولة ومقبولة على نطاق واسع.احرص على إنشاء رمز يفسره معظم المستخدمين بشكل صحيح ولن يجده أي مستخدم مسيئًا.

بعد أن تحدد مظهر الرمز الخاص بك، اتبع هذه الإرشادات أثناء إنشائه:

• استخدم تنسيق PNG.
• استخدم اللون الأبيض النقي مع ألفا المناسب.
• لا تقم بتضمين الظل المسقط.
• استخدام مكافحة التعرج.
• إذا قررت إضافة شطب مشطوف الحواف، فتأكد من أنها 90 درجة (ولمساعدتك في القيام بذلك، تخيل مصدر ضوء موضوعًا في الجزء العلوي من الأيقونة).
• بالنسبة لأيقونات شريط الأدوات وشريط التنقل، قم بإنشاء رمز يبلغ حجمه حوالي 20 × 20 بكسل.
• بالنسبة لأيقونات شريط علامات التبويب، قم بإنشاء رمز يبلغ حجمه حوالي 30 × 30 بكسل...

Answer 3

هذا البيان غير صحيح من الناحية الفنية:

"...يتم استخدام القناع فقط.تعرض واجهة المستخدم القناع باللون الرمادي عند عدم تحديده أو باللون الأزرق/الكروم عند تحديده..."

أنت لا تقدم أي نوع من الأقنعة.بدلاً من ذلك، يجب أن تكون صورة علامة التبويب مجرد ملف أحادية اللون صورة .png، ويعرف أيضًا باسم أ تم استخدام لون واحد فقط.

إذا قمت بتقديم صورة ملونة، فسوف يقوم UIKit بتكميمها وصولاً إلى صورة أحادية اللون.في أسوأ الحالات، ستكون الصورة الملونة حوالي 8000 بايت، وهو ما يعد مضيعة لحوالي 6 كيلو بايت (شبكية العين).يجب أن يكون تنسيق الملف 24 بت .png مع الشفافية حتى يعمل التكميم بشكل صحيح.على الرغم من أن هذا تنسيق ملف ملون، فلا تستخدم اللون وإلا فإنك تهدر المساحة.

خلاصة القول هي أنه للحصول على الحجم المناسب، مع أفضل أداء واستخدام للذاكرة، استخدم واحدًا مما يلي:

العرض القياسي
  48x32 PNG، 24 بت مع الشفافية (لكن استخدم لونًا واحدًا فقط).حجم الحالة الأسوأ ~ 500 بايت.
  30x30 PNG، 24 بت مع الشفافية (لكن استخدم لونًا واحدًا فقط).حجم الحالة الأسوأ ~ 350 بايت.

عرض شبكية العين
  60×60 PNG، 24 بت مع الشفافية (لكن استخدم لونًا واحدًا فقط).حجم الحالة الأسوأ ~ 2000 بايت.

Answer 4

تحقق من "مرجع فئة UITabBarItem" في ملف وثائق SDK