كيف يجب أن تبدو الصورة المصدر؟
ابدأ بعلامة بسيطة تبقى مميّزة في الأحجام الصغيرة. ملف SVG شفاف أو صورة PNG كبيرة شفافة يتيحان للمولّد فصل تصميمك عن الخلفية المصمتة. يمكن للصورة الفوتوغرافية أن تنتج أيقونة مسطحة صالحة للاستخدام، لكن مستطيلها المعتم يحدد أيضًا الظل أحادي اللون. وزيادة أبعاد الناتج لن تكشف تفاصيل غير موجودة في الملف المرفوع.
افتح مولد أيقونات التطبيقات، وارفع ملف SVG أو PNG أو JPEG أو WebP أو HEIC، واختر Android أو iOS أو كليهما. حدّد اسم مورد مثل ic_launcher، ولون خلفية، وهامشًا لكل جانب. لا يحتوي ملف ZIP إلا على المنصات المختارة وملاحظة استيراد. التنزيلات خاصة، والنتائج التي ألغيت قفلها من قبل مشمولة؛ وتعرض صفحة الأداة السعر الحالي لملفاتك المرفوعة.
أحد شعاراتنا النموذجية (يسارًا) وما صنعته أدوات التصدير منه: أيقونة iOS، وأيقونة Android التكيفية كما يعرضها مشغّل دائري، وأيقونة favicon، مكبّرة.
ماذا تحتوي حزمة Android؟
تتضمن الحزمة صور mipmap قديمة بصيغة PNG بأحجام 48 و72 و96 و144 و192 بكسل، وصورة لمتجر Play بحجم 512 بكسل، وملفات XML للأيقونة التكيفية. يوضع تصميم الطبقة الأمامية على لوحة شفافة بحجم 432 بكسل تمثّل 108 dp بكثافة xxxhdpi. وتتسع العلامة داخل المنطقة الآمنة المركزية بحجم 66 dp قبل إضافة الهامش الذي تختاره. وهذا يمنح أقنعة المشغّلات مساحة دون وضع أجزاء مهمة من التصميم عند حافة اللوحة.
توجد الموارد التكيفية في مجلد API 26. ويضيف نوع API 33 طبقة أحادية اللون. وتوجد صورتا PNG للطبقة الأمامية والطبقة أحادية اللون في drawable-xxxhdpi؛ بينما تبقى الموارد القديمة في مجلدات mipmap المطابقة لكثافتها. ادمج android/res في مجلد الموارد الموجود في تطبيقك، ثم اضبط android:icon="@mipmap/ic_launcher" على التطبيق، مع استبداله بالاسم الذي اخترته.
تُصنع الأيقونة المتوافقة مع السمة من قناة الشفافية في المصدر. المثلث الشفاف ينتج ظلًا مثلثًا؛ والصورة المعتمة بالكامل تنتج مستطيلًا مملوءًا. هذه خاصية في المدخلات، وليست ميزة للتعرّف على العنصر. أزِل الخلفية أو قدّم علامة شفافة مصممة لهذا الغرض عندما تحتاج إلى أيقونة متوافقة مع السمة بشكلها.
ماذا تحتوي حزمة iOS؟
يحتوي مجلد iOS على AppIcon.appiconset بصورة RGB معتمة بحجم 1024 × 1024 بكسل وملف Contents.json. أضف هذه المجموعة إلى كتالوج الأصول الموجود في Xcode واختر AppIcon في إعدادات الهدف (target). وتستخرج طريقة الحجم الواحد في Xcode أحجام المنصات من هذا المصدر.
ينشئ هذا المُصدِّر كتالوج أصول مسطحًا. ولا يُنشئ مستند Icon Composer بصيغة .icon، ولا طبقات عمق قابلة للتعديل، ولا تأثيرات Liquid Glass. فهذه تتطلب طريقة تصميم منفصلة. احتفظ بالتصميم الأصلي إذا كنت تخطط لبناء أنواع متعددة الطبقات لاحقًا. ولصورة عادية تُستخدم داخل واجهتك، اختر مجموعة صور Xcode بدلًا من مجموعة أيقونات تطبيق.
راجع قبل النشر
افحص أقنعة الدائرة والمربع المنحني (squircle) وأقنعة المشغّلات الأخرى على Android. وانظر إلى النتيجة أحادية اللون مع تفعيل الأيقونات المتوافقة مع السمة، وتأكد من أن الطبقة الأمامية ليست صغيرة جدًا بعد الهامش. وعلى iOS، افحص الأيقونة في Xcode وعلى جهاز. تحقّق من العلامة في الأحجام الصغيرة، ومن تباينها مع الخلفية، ومن عدم وجود حواف غير مرغوبة.
الحزمة المُنشأة توفّر ملفات الموارد؛ لكنها لا تقيّم حقوق العلامات التجارية، ولا تحكم على الجودة البصرية، ولا تَعِد بقبول المتجر. احتفظ بنسخة من مواردك الحالية قبل دمج المجلدات، وراجع مخرجات بناء التطبيق بحثًا عن تعارض في الأسماء أو متطلبات خاصة بالهدف.