مجموعة أيقونات لموقع أو تطبيق: كيف تخطط لها وتطلبها
الأيقونات هي الصور الصغيرة التي تخبر الناس أين ينقرون: الرئيسية، والسلة، والتوصيل، والدعم، والملف الشخصي. وحين تأتي من حزم مجانية مختلفة، يبدو الموقع مرقّعًا، بخطوط سميكة بجانب خطوط رفيعة، وزوايا مستديرة بجانب زوايا حادة. المجموعة المتناسقة تعالج ذلك وتجعل حتى الموقع البسيط يبدو مكتملًا. إليك كيف تخطط لها.
ابدأ بقائمة قبل أي شيء
تجوّل في موقعك أو تطبيقك ودوّن كل موضع تفيد فيه أيقونة:
- القائمة الرئيسية: الرئيسية، والكتالوج، والبحث، والسلة، والحساب.
- الميزات أو الفوائد: توصيل سريع، ودفع آمن، وإرجاع، ودعم.
- التواصل والإجراءات: الهاتف، والبريد الإلكتروني، والموقع الجغرافي، والمشاركة، والتنزيل.
صِف كل أيقونة في بضع كلمات، مثل «التوصيل: شاحنة صغيرة» أو «الإرجاع: صندوق مع سهم». كلما كانت القائمة أوضح، قلّت التعديلات لاحقًا.
كم أيقونة تحتاج
- نحو 4: صفحة هبوط فيها ثلاث أو أربع فوائد، أو عرض تقديمي قصير.
- نحو 8: الأقسام والميزات الرئيسية لموقع صغير.
- نحو 16: مجموعة كاملة لتطبيق أو لموقع أكبر فيه أقسام كثيرة.
من الأفضل عادةً أن تطلب أكثر قليلًا مما تحتاج إليه اليوم. فالأيقونات التي تُرسم لاحقًا، في طلب منفصل، يصعب أن تطابق البقية تمامًا.
اختر أسلوبًا واحدًا
اختر أسلوبًا واحدًا والتزم به في المجموعة كلها:
- خطّي: خطوط رفيعة، خفيف وعصري، مناسب للواجهات النظيفة.
- مُصمَت: أشكال ممتلئة، سهلة القراءة في الأحجام الصغيرة جدًا.
- ثنائي اللون: درجتان من لون واحد، بطابع أوضح قليلًا.
- ثلاثي الأبعاد: حجم ناعم وظلال، مناسب لصفحات الهبوط الزاهية.
إن كانت لديك بالفعل بضع أيقونات تعجبك، فشارك رابطًا إليها كي تتبع الأيقونات الجديدة المظهر نفسه.
الألوان
استخدم ألوان علامتك التجارية وقدّمها برموز hex، مثل #1A73E8، إن كانت لديك. لون رئيسي واحد ولون مميِّز واحد يكفيان عادةً. وإن لم تكن لديك ألوان للعلامة بعد، فلوحة ألوان محايدة تنجح على أي خلفية.
الأحجام الصغيرة تحسم كل شيء
الأيقونة في القائمة كثيرًا ما يكون عرضها 24 بكسل فقط. وفي هذا الحجم تختفي التفاصيل، لذا تفوز الأشكال البسيطة:
- فكرة واحدة لكل أيقونة. شاحنة للتوصيل، لا شاحنة مع طريق وساعة وصندوق.
- لا نص داخلها. الكلمات تصبح غير مقروءة حين تصغر الأيقونة.
- رموز مألوفة. العدسة المكبرة للبحث والعربة للتسوق مفهومتان في كل مكان.
ما الذي تحصل عليه وكيف تستخدمه
تأتي المجموعة المعتادة كملفات PNG منفصلة على خلفية شفافة، فيمكن وضع كل أيقونة على أي لون. وPNG تنسيق نقطي: مناسب للمواقع والتطبيقات والشرائح، لكنه ليس ملفًا متجهيًا يمكنك تكبيره بلا حدود. وإن احتجت إلى أيقونة للموقع (favicon)، فأداة تحويل مجانية عبر الإنترنت تحوّل ملف PNG إلى ملف ICO في دقيقة.
باختصار
قائمة واضحة، والعدد المناسب من الأيقونات، وأسلوب واحد، وألوان علامتك التجارية: هكذا تبدو المجموعة متناسقة على كل شاشة. وإن فضّلت أن تُرسم المجموعة لك، فاطلب مجموعة أيقونات: ترسل قائمة الأيقونات والأسلوب وألوانك، وتحصل على 4 أو 8 أو 16 أيقونة متناسقة كملفات PNG منفصلة على خلفية شفافة. ولا يُحرَّر المبلغ إلا بعد قبولك العمل.