نصائح في استخدام الايقونات المناسبة

الايقونات من اهم الامور في تجربة المستخدم وواجهة المستخدم ولكن مع ذلك هناك اغلاط كثيره يفعلها البعض

١- الايقونات يجب ان تكون واضحه للمستخدم ، لا تستخدم ايقونات مبهمه وغير مفهومه للمستخدم او لا تدل على الغرض المراد منها

٢- الايقونات يجب ان تكون بسيطه وليست معقدة

٣- الايقونات يجب ان تكون بنفس الستايل، اذا استخدم ايقونه مفرغه وسماكة ٢ بكسل تستخدمها في كل المشروع ، نفس الامر اذا الايقونة كانت ممتلئه او كانت بحواف ناعمه

٤- استخدم نفس اللون في جميع الايقونات ، ماعدا في الحالات التي تتطلب تغير اللون مثل وجود زر حذف وزر اضافة ، زر الحذف يجب أن يكون باللون الاحمر

٥- وسط الايقونة ، بحيث تكون مريحه عند النظر اليها المثلث في هذه الصورة ليس في المنتصف ولكن بسبب تساوي المسافة بين بقية الجهات يوحي لك بأنها في المنتصف الامر يعتمد فقط على النظر لاحظ الايقونة اليسار صحيح بانها في المنتصف الا انه تظهر بانه الجهة اليمنى اكبر من اليسرى !

٦- الايقونات بطبعها لا تملك نفس الحجم والابعاد ولكن تستطيع جعلها متساوية عند النظر اليها من الطرق انك تستخدم Grid هناك احجام اساسيه لكن نظام ابل 24 في 24 تقدر تحملها من هنا

الفكره هي انك تضح حد بكسلين الى ثلاثه بكسلات في الاطراف مثل الصورة السابقة وتضع جميع الايقونات في هذه الحدود

٧- القاعده تنص على ضع الايقونة ضمن نطاق الـ Grid ،النتيجة الايقونات راح تكون متقاربه وتشعرك بانها من عائله وحده

٨- لتسهيل عليك تستطيع تحميل ايقونات جاهزة و كمجموعه وحده من هذه المواقع

مثل تطبيق ابل في الماك : SF Symbols
موقع iCons8 يحتوي على ايقونات مقسمه كمجموعات
موقع Flaticon يحتوي على ايقونات مجانيه والنسخه المدفوعه تحتوي على حزم من الايقونات من نفس العائله

موقع http://Shape.so من المواقع الجميله ومتجدده باستمرار المميز في هذا الموقع تستطيع التلاعب في الوان الايقونة وشكلها وسماكتها حسب رغبتك وجميع الايقونات بنفس الستايل