كيفية إنشاء أيقونة لـiOS وAndroid
ابدأ برمز واضح ومصدر مناسب، ثم صدّر الموارد وافحصها على جهاز. ينتقل الدليل من الرسم الأول إلى التكامل مع المشروع.
ما هي أيقونة التطبيق؟
هي العلامة التي تعرف التطبيق على الشاشة الرئيسية والبحث والمتجر. تختلف عن favicon والاسم الكامل: يجب أن تبقى معروفة بالحجم الصغير وتناسب شكل كل منصة.
تصميم الأيقونة
ارسم بأداة متجهية أو ابدأ بتوضيح بسيط. افحص القراءة قبل الزخرفة.
اختر نقطة تركيز
استخدم رمزًا أو حرفًا مميزًا واحذف التفاصيل والنص الطويل الذي يختفي عند التصغير.
وضّح الهيئة
افصل الرمز عن الخلفية بالشكل واللون وأبعد المهم عن الحافة.
شاهد الحجم الحقيقي
افحص مقياس الشاشة الرئيسية والخلفيات الفاتحة والداكنة، وعدّل قبل حفظ الأصل.
تحتاج رمزًا للبدء؟ استكشف صانع الشعار
ابدأ دون برنامج تصميم
إذا لم يكن الرسم جاهزًا، استخدم قالبًا أصليًا قابلًا للتحرير في المتصفح. يعتمد مساحة المعاينة والتصدير نفسها أدناه.
اختر قالبًا
قارن Orbit وStack وSignal؛ هي مصادر SVG أصلية غير حصرية يمكن تعديلها.
غيّر الأحرف والألوان
استخدم حرفًا أو حرفين لاتينيين أو أرقامًا، واختر الخلفية واللون المميز مع تباين واضح بحجم صغير.
راجع قبل التصدير
افتح القالب واختر المنصات وافحص الأقنعة والمعاينات الصغيرة قبل تنزيل ZIP.
جهّز المصدر لكل منصة
iOS: مربع معتم
جهّز PNG بمقاس 1024 × 1024 px وخلفية كاملة، دون تدوير الزوايا. يضع إخراج iOS الصورة في AppIcon.appiconset لـXcode.
راجع دليل iOSAndroid: المقدمة والخلفية
تستخدم الأيقونة التكيّفية طبقات مستقلة 108 × 108 dp. أبقِ الرمز في مركز 66 × 66 dp. تسهّل المقدمة الشفافة اختيار لون أو صورة خلفية منفصلة.
راجع دليل Android التكيّفيعرض دليل الأحجام · وثائق Apple Xcode · وثائق Android التكيّفية
إنشاء الأيقونة بالمولّد
استخدم المساحة أدناه بعد إعداد الأصل. يمكن للتصميم المشترك إنتاج كتالوج iOS وموارد مشغّل Android.
صدّر الأصل
احفظ PNG واضحًا 1024 × 1024 px. الرمز الشفاف يسهل فصل خلفية Android التكيّفية.
ارفع واختر المنصات
أضف الملف وفعّل iOS أو Android أو كليهما.
افحص المعاينة
حدد خلفية Android ومقياس المقدمة، وتأكد أن الرسم المهم داخل المنطقة الآمنة.
نزّل ZIP
صدّر الموارد؛ تتضمن الحزمة AppIcon.appiconset لـiOS وres/mipmap لـAndroid.