إرشادات صورة الشارة المخصصة

أنا على وشك أن أطلب من فريق التصميم لدينا إنشاء بعض صور الشارات المخصصة لنا.

قبل أن أفعل ذلك، سيكون من المفيد معرفة الإرشادات التي يجب أن تتبعها تلك الصور :sweat_smile:

مربع بشكل واضح. أي شيء آخر؟ تنسيق الصورة؟ الدقة؟ …؟

إعجاب واحد (1)

سؤال جيد!

عادةً ما يتم عرض الشارات بحجم ~ 14 × 14 بكسل، أو 16 × 16 بكسل، أو 56 × 56 بكسل.
يمكن أن يختلف الحجم لأنه عادةً ما يكون نسبيًا لحجم خط العنصر.
ولكن هذا يعطيك فكرة عن الحجم الأساسي الذي يمكنك استهدافه.

أيضًا:

  • نسبة 1:1
  • SVG للتحجيم بصورة أصغر أو PNG شفاف بصورة أكبر؛ يعتمد ذلك على ما تريد عرضه.
  • ضع في اعتبارك الوضع المظلم للون
  • ضع في اعتبارك نوع الشارة إذا لزم الأمر
  • ضع في اعتبارك كيف سيتم عرضها بحجم صغير

هذا كل ما يمكنني التفكير فيه الآن.

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

آمل أن يساعد هذا.

5 إعجابات