رموز مربعات الحوار

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

كما هو موضّح في توفير مجموعات الرموز الخاصة بالكثافة، يجب إنشاء مجموعات رموز منفصلة للشاشات ذات الكثافة المنخفضة والمتوسطة والعالية الكثافة. يضمن ذلك عرض الرموز بشكل صحيح عبر نطاق الأجهزة التي يمكن تثبيت تطبيقك عليها. انظر الجدول 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 بكسل في Adobe Photoshop. حافظ على مساحة متروكة بمقدار بكسل واحد حول مربع الإحاطة داخل نموذج Photoshop.
طريقة عرض لبنية أيقونة
مربع الحوار.

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

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

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

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

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

1.الجزء الأمامي:تراكب التدرّج | الزاوية 90 درجة
أسفل: r 223 | g 223 | b 223
لأعلى: r 249 | g 249 | b 249
موقع اللون السفلي: 0%
موقع اللون العلوي: 75%
2.الظل الداخلي:أسود | تعتيم بنسبة% 25 |
زاوية -90 درجة | المسافة 1 بكسل | الحجم 0 بكسل

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

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