رموز عرض القائمة

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

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

الجدول 1. ملخص لأبعاد رمز عرض القائمة النهائي لكل من كثافات الشاشة المعممة الثلاثة.

ldpi (120 نقطة لكل بوصة)
(شاشة منخفضة الكثافة)
mdpi (160 نقطة لكل بوصة)
(شاشة متوسطة الكثافة)
hdpi (240 نقطة لكل بوصة)
(شاشة عالية الكثافة)
xhdpi (320 نقطة لكل بوصة)
(شاشة عالية الكثافة)
حجم رمز عرض القائمة 24 × 24 بكسل 32 × 32 بكسل 48 × 48 بكسل 64 × 64 بكسل

يجب تصدير العمل الفني النهائي كملف PNG شفاف. عدم تضمين لون للخلفية.

تتوفر نماذج إنشاء الرموز في Adobe Photoshop في Icon Templates Pack.

جميع إصدارات Android

تشرح الإرشادات التالية كيفية تصميم رموز عرض القائمة لجميع إصدارات نظام Android الأساسي.

التركيبة

  • عادةً ما يحتوي أيقونة عرض القائمة على إطار آمن بحجم 1 بكسل، ولكن لا بأس من استخدام منطقة الإطار الآمن لحافة حرف منع الاسم المستدير الشكل المستدير.
  • تستند جميع الأبعاد المحددة إلى حجم اللوحة الفنية 32x32 بكسل في برنامج Photoshop. حافظ على ترك مساحة بمقدار بكسل واحد حول مربع الإحاطة داخل النموذج.
طريقة عرض لبنية أيقونة
طريقة عرض القائمة.

الشكل 1. إطار آمن وتدرج تعبئة لرموز عرض القائمة حجم الرمز هو 32x32.

الإضاءة والتأثيرات والظلال

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

طريقة عرض للضوء والتأثيرات والظلال لأيقونات عرض القائمة.

الشكل 2. الإضاءة والتأثيرات والتظليل لرموز عرض القائمة

1.الظل الداخلي:أسود | تعتيم بنسبة 57٪ | زاوية 120 درجة | وضع المزج عادي | المسافة 1 بكسل | الحجم 1 بكسل
2.معلومات عن القناة:أسود | لون النظام العادي
يتم عرض هذه الرموز في عرض القائمة فقط.
ملاحظة: يوجد رمز عرض القائمة على لوحة فنية بحجم 32×32 بكسل في برنامج Photoshop، بدون إطار آمن.

الخطوات التفصيلية

  1. أضف التأثيرات التي تظهر في الشكل 2 للفلتر المناسب.
  2. قم بتصدير الرمز بحجم 32×32 كملف PNG مع تفعيل الشفافية.
  3. أنشئ الأشكال الأساسية باستخدام أداة مثل Adobe Illustrator.
  4. استورد الشكل إلى أداة مثل Adobe Photoshop وقم بقياسه ليناسب صورة 32x32 بكسل على خلفية شفافة.