القواعد الثلاث لتصميم أيقونة تطبيق الجوّال
للكاتب ايفان تاشكوف /المصدر انفجن
عندما واجهت التحدي المتمثل في رسم أيقونة تطبيق لأول مرة ، كان لدي الكثير من الأسئلة – ولكنى لم أجد سوى إجابات لبعضها فقط بعد الانتهاء من أول مشاريع قليلة. الآن ، كمصمم في ستوديو لتطوير التطبيقات ، أريد أن أشارك ما استغرقني من الوقت والخبرة والطاقة لاكتشافه بنفسي.
لنبدأ الأن:
- لماذا يحتاج كل تطبيق إلى أيقونة
- أهمية قابلية التوسع
- كيفية الحفاظ على تصميم بسيط ومثير للاهتمام
- الحفاظ على الاتساق عبر الأجهزة
- الامتثال لتعليمات iOS و Android
لماذا يحتاج كل تطبيق إلى أيقونة
أيقونة التطبيق هي صورة فريدة تُضاف لكل تطبيق جوال ، ويراها المستخدمون عندما يعثرون على التطبيق بمتجر التطبيقات بـ- أبل أو Google Play.
في هذه المرحلة المبكرة يرى المستخدم الأيقونة التي ستساعدة بأن يقرر ما إذا كان يرغب التحقق من التطبيقأو لا يهمه منه ، فإن الأيقونة هي ما سيساعد على توليد الاهتمام ويؤكد للمستخدم أن التطبيق هو استثمار مفيد وجدير بالثقة.
أيقونة سيئة تفعل ضعف ما – ولكن العكس. إنه يربك ويلقي ظلالا من الشك على فائدة التطبيق.
بمجرد قيام المستخدم بتثبيت أحد التطبيقات ، يتغير هدف الرمز. الآن يساعد في البحث عن التطبيق على الشاشة الرئيسية بين الرموز الأخرى.
ولكن ما الذي يجعل أيقونة التطبيق “جيدة”؟
3 قواعد لتصميم أيقونة التطبيق
دعنا نتخلص من ذلك: شعار التطبيق ≠ الشعار.
إذا كنت تريد أن تتعلم كيف تصمم شعارًا جيدًا ، فهناك عدد لا يحصى من الجسيمات اللاصقة ، ومعظمها يعتمد جزئيًا على الأقل على مبادئ تصميم العلامة التجارية لبول راند. وهذا ليس مفاجئًا! تعد أيقونة التطبيق جزءًا من العلامة التجارية ، وغالبًا ما يكون هناك تداخل مقصود بين الرموز والشعارات. ومع ذلك ، لا يمكنني التأكيد على هذا بما فيه الكفاية: فهي ليست هي نفسها.
الشعار وأيقونة التطبيق لهما أهداف مختلفة ، وعلى الرغم من أن هذا لا يعني أن الشعار لا يمكن أن يتداخل مع أيقونة ، إلا أنه يجب مراعاة أهدافهما المنفصلة.
الآن بعد أن انتهى الأمر ، إليك أربعة أشياء يجب عليك القيام بها كجزء من عملية تصميم الرموز الخاصة بك.
1. قابلية التوسع – Scalability
لا توجد مرونة في حجم الأيقونة – فهي صغيرة الحجم وصغيرة ، ولا يمكن تمديدها أو تغييرها. هذا يعني أن وضوح الأيقونة هو من الأولوية الأولى عند تصميم أيقونة التطبيق. ستلاحظ أن الرموز لا تظهر فقط على الصفحة الرئيسية، بل تظهر أيضًا في قوائم فرعية بحجم أصغر.
يجب ألا يضطر المستخدمون إلى الضغط على عيونهم وهم يحاولون فهم فكرة المصمم. الاختبار هنا على جميع أنواع الأجهزة هو المفتاح (نستخدم Appsparky لذلك) ؛ على الرغم من أن فقدان التفاصيل أمر لا مفر منه ، يجب أن تكون الفكرة واضحة دائمًا.
وهذا يقودنا إلى الاعتبار الثاني لتصميم أيقونة التطبيق …
2. قابلية التعرف
هذا هو المكان الذي تتداخل فيه التطبيقات والشعارات.
في Messapps ، ننصحك بأن اسهل شيء للتعرف عليه هو إستخدام البساطة هي المفتاح – وهذا لا يعني أن يكون ممل.
انظر ، أليس هذه الرموز مفصلة؟
البساطة هنا تعني التركيز على فكرة والتخلص من أي عناصر غير ضرورية أو متكررة. يجب أن يساعد كل بكسل المستخدم على فهم الفكرة الكبيرة والاهتمام بها.
نحن ، في Messapps ، نعمل باستمرار على التصميمات التي نقوم بإنشائها حتى يندهش العملاء من النتائج. يتضمن هذا العمل تغيير المفاهيم والأفكار التي نطبقها في التصاميم – وهذا ما فعلناه مع تطبيق Mentissana.
مفتاح التعرف هو التميز: تفرد التطبيق.
مع ما يقرب من مليوني تطبيق في App Store و 2.1 مليون في Google Play. هذا مليوني أيقونة تطبيق – كلها تتنافس على الاهتمام. يمكن أن تستخدم العلامات التجارية الكبرى الشعارات لجذب الانتباه ، ولكن ماذا تفعل التطبيقات الأقل شهرة؟
عرض شيء جديد وغير عادي!
وللتأكد من بروز الرمز الخاص بك ، يمكنك قضاء بعض الوقت في التحقق من التطبيقات في مكانك. إذا كانت معظم الرموز التي تراها ملونة ، ففكر في استخدام لوحة أحادية اللون. إذا كان هناك الكثير من الصور لعنصر معين ، فقم بإظهار شيء مختلف.
ابحث دائمًا عن طريقك لحل المشكلات!
من الصعب الخروج بشيء جديد. قم بإنشاء لوحات للمزاج ، وخلق خرائط ذهنية ، واطلب من الأصدقاء وزملاء العمل الحصول على المشورة. أنت لا تعرف أبدًا أين ستجد فكرة رائعة.
3. التناسق
يمثل الرمز جزءًا من تطبيق ما ، ويجب أن تظل العلامة التجارية متسقة بين الاثنين. يجب أن تصف أيقونة أحد التطبيقات وتظهر ميزاته الرئيسية. هذا مهم بشكل خاص للألعاب حيث يمكن للتطبيق الحصول على مليون عملية تنزيل بسبب ميكانيكية واحد فقط من العبة .
يعرض Jazz Smash ميزة اللعبة الرئيسية في أيقونة التطبيق. في اللعبة، يمكنك تحطيم عناصر مختلفة باستخدام مضرب.
لا تقم بتضمين لقطات شاشة وعناصر واجهة في أيقونة — بل يمكن أن تضلل المستخدم. بدلاً من ذلك ، يمكنك التلميح إلى وظائف التطبيق والتمسك بنفس نمط وألوان التطبيق نفسه. ويمكن أن تساعدك المبادئ التوجيهية لتحقيق ذلك!
الامتثال لإرشادات تصميم الأيقونات
على الرغم من أن أيقونات iOS و Android بدأت في الظهور بنفس الشكل ، لا يزال هناك الكثير من الاختلافات التي تمنعنا من استخدام أيقونة التطبيق نفسها على نظامي التشغيل: النسب والتقنيات المرئية والميزات الخاصة. يعتاد المستخدمون على أنظمة التشغيل الخاصة بهم.
المبادئ التوجيهية لنظام التشغيل iOS هنا.
المبادئ التوجيهية الروبوت هنا.
أيقونات iOS (على اليسار) وأندرويد (على اليمين) لنفس التطبيقات
هذا لا يعني أنك بحاجة إلى رسم رموز تطبيقات مختلفة ؛ في الواقع ، ستؤدي الاختلافات المهمة إلى تقليل التعرف على التطبيق.
بدلا من ألف كلمة …
ترافق أيقونات التطبيق المستخدمين من أول لمسة لهم مع أحد التطبيقات من خلال كل تفاعل سيحصلون عليه بعد. دور الأيقونة مهم وديناميكي ، ويتطلب البحث الدقيق والتفكير.
هناك أيضًا العديد من الدورات التدريبية والموارد التي نستخدمها ونتابعها داخل فريقنا ، وهنا نريد مشاركة بعض هذه الدورات معك:
دورة بداية جيدة لمصمم أيقونات هي أيقونات تطبيق الدورة التدريبية في تطبيقharehare by Michael Flarup. أوصي بمراجعة دراسات حالة UX Planet post 10 التي تبين كيف تؤثر أيقونة التطبيق على معدل تحويل التطبيق ، وتناقش كلاً من تسويق التطبيق وتصميم أيقونة التطبيق. عند العمل على مفاهيم أيقونة التطبيق ، نستخدم معرض iOS Icon على أساس يومي.
أهم نصيحة يمكنني تقديمها هي أنه يجب ألا تنسى أبدًا التطبيق نفسه! بعد كل شيء ، لا يتطلب الأمر سوى بضع نقرات لحذف تطبيق. بغض النظر عن مدى برودته ، إذا كان التطبيق غير مفيد ، فسيحذفه المستخدم.
للكاتب ايفان تاشكوف /المصدر انفجن
