طريقتي في إنشاء أيقونة احترافية

icon-design-kouncool

السلام عليكم ورحمة الله تعالى وبركاته،

معكم هشام من مدونة كون كول.

كما وعدتكم أن تتوقعوا مني تفاعل في قناتي على اليوتيوب في آخر موضوع لي على المدونة، ها أنا اليوم جئتكم بدرس جديد عنوانه كيف تنشئ أيقونة احترافية.

غالبيتنا تعرف أن للأيقونة دور مهم في جذب انتباه الباحث في متجر التطبيقات، التي يؤثر في عدد التحميلات الشيء الذي يجعل من التطبيق إما ناجح أو العكس.

وعلى كل واحد منا يريد النجاح أن يركز جيدا ويعطي الإهتمام للأيقونة التي سينشئ لتطبيقه. لانه يمكن أن يكون في تطبيقك كل شيء يريده الباحث، لكن عندما تعطيه أيقونة غير واضحة أو أيقونة لا تشرح جيدا ما يوجد داخل التطبيق فأنت كما لو أنك تطلب من الباحث أن لا يجربه.

هذا لليس بالشيء السهل، لأن اختزال تجربة المستخدم أو تطبيقك في صورة ذات قياس 48 بكسل على 48 يتطلب معرفة وتجربة متقدمة في التصميم.

بعدما تعرفنا على أهمية الأيقونة ودورها في نجاح التطبيقات سأمر لأشارك النصائح الثلاث أو القواعد التي أعتمدها و أنا أصمم أيقونة:

1 – الحركة (Action)
2 – شرح ما بداخل اللعبة
3 – تفادي الكتابة

بالنسبة لأول وأهم شيء أراه يجب أن يكون في أيقونتك حتى تجذب الانتباه هي الحركة أو الأكشن. عندما أقول الحركة أقصد إظهار أهم حركة في تطبيقك سواء كانت الجري، القفز او أي شيء آخر.

لكي نفهم هذا أكثر دعنا نرى الأمثلة التالية:

(بالمناسبة الأمثلة التي سأعطي هي لألعاب من نفس الصنف وهو الجري، لكن مع ذلك سنجد اختلافات كبيرة في التصميم).

spirit runإذا نظرنا للأيقونة التي يستعملون سنجد أنها لم تعتمد الحركة، بالتالي فمن الصعب أن تعرف ما يوجد داخل اللعبة، هل هي جري أم أسئلة و أجوبة…

يمكن أن تقول لي أنه رغم هذا فللعبة عدد تحميلات كبير، بالتالي فلا هدف من الأيقونة.

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

railلعبة Rail Rush هي تمام العكس مع السابقة من ناحية التصميم، فرغم أنها لشركة كبيرة تدفع من أجل إشهار تطبيقها إلا أنها لم تغفل عن اعتماد الحركة في تصميم أيقونتها.

فإذا نظرنا سنجد أنه من رسم السكة الحديدية سنتعرف عل أنه داخل اللعبة يوجد سرعة، وبما أنه يمد يده فهو يجري وراء شيء الذي هو الذهب، كل هذا والشخص ضاحك بالتالي باللعبة ممتعة.

ستقول واو، كل هذا توضحه الأيقونة فقط، سأقول لك نعم فكما يقال صورة خير من ألف كلمة.

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

القاعدة الثالثة، تفاد الكتابة.

أولا لأنها لا تظهر في حالة تصغير الأيقونة، تانيا والأهم من هذا، كل قدرته على التخيل.

unnamedيمكن لك انت صاحب التطبيق أن تفهم ماذا تعني كلمة Runner لأنك أنت من أنشأتها لكن ليس بالضرورة نفس الشيء مع الآخرين.

لكي تفهما جيدا، تخيل معي لو أن هناك شخص يريد إقناعك بشراء سروال جينز دون أن يريك إياه، فمهما وصف أن السروال لونه أزرق وبقياس كدى أو كدى لن تقتنع إلا عندما تراه.

نفس الشيء مع التطبيقات، لا تعتمد فيها الكتابة في الأيقونة لأن كل ومستوى تخيله.

وهذا ما يتوضح لنا من المثال هذا (Sendokai Champions Runner)، رغم أنها تظهر شخصية بالإظافة للكتابة فمن الصعب عليك فهم ماهية اللعبة رغم انها من نفس صنف الأمثلة السابقة والذي هو الجري.

unnamed (1)الشيء الذي يظهر منذ الوهلة الاولى في المثال التالي وهو للعبة A Castle Run، رغم أن تصميمها ليس جيد إلا أنه يوصل فكرة التطبيق دون كتابة. إن رأيتها فأنت تفهم أنك ستلعب بشخص يجري فوق بساط أحمر داخل قلعة.

ومنه سنصل إلى أنه ليس هناك حاجة من إدخال الكتابة في أيقونتك، فالأمر يتطلب فقط الحركة، وإظهار ما يوجد داخل لعبتك.

الآن وبعد أن رأينا هذا سنمر لنرى كيف يمكننا تطبيق هذا في الفوتوشوب.

لنفترض أن لدينا لعبة مغامرة بطلها هو طفل يجري ليجمع كرات القدم.

(المقدمة في الفيديو هي نفسها التي قرأت في الأعلى، إن أردت تجاوزها فقم بالمرور مباشرة لدقيقة 8:35)

[sociallocker id=”1045″]
[/sociallocker] أتمنى من الموضوع هذا ان يكون قد أفادكم، كما قلت في الفيديو لا تنسوا أن تتركوا تعليقاتكم في الأسفل، سواء كانت سؤال رأي أو أي شيء.
أراكم في التعليقات :)

التعليقات
  1. محمد امين

    شخص طموح و محب للخيريساغد في سبيل شكرا لك…
    طلبي منك مند اشهر هو ان تخصص درس كهدا لكيفية كتابة الوصف.
    وشكرااا

    • هشام بنعلي

      الفيديو اللاحق سيكون عن طريقة كتابة الوصف.
      أعدك :)

      • محمد امين

        ميرسي بوكو مون امي.

        • هشام بنعلي

          ميغسي بيان D:

  2. شكرا على الطريقة تبدو بسيطة لقد كنت غافلا عن اضافة الحركة الى الأيقونات وبالنسبة للاعلانات هل تتعامل فقط مع أدموب أنا عن نغسي أتعامل معه حيث أضيف فقط البانر هل يجب اضافة أيضا ” ad interstitial” أو أكتفي فقط بالبانر :)

    • هشام بنعلي

      وعليكم السلام أيوب،
      نعم الحرة شيء مهم في الأيقونة.
      بالنسبة للإعلانات، نعم أعمل فقط مع آدموب، اما الAd Interstitial نعم أنصحك بها لأنها ترفع من نسبة الظغط على الإعلانات.
      اتمنى لك التوفيق

      • Ayoub

        السلام عليكم, وعليكم السلام أيوب :)

  3. abdo

    درس جميل جدا
    شكرا لك

    • هشام بنعلي

      مرحبا بك عبدو

  4. waled saleh

    كيف نضيف اعلان Ad Interstitial الى التطبيقات

    هل لابد ان يحتوي الكود على Ad Interstitial

    او حتى انه لايحتوي فاننا بامكاننا اضافته

    • هشام بنعلي

      بالنسبة للطريقة إدماج الإعلانات فأنا لا أعرف لأن الامر يتطلب معرفة في البرمجة الشيء الذي لا أفقهه.

  5. ahmed kermou

    شكرا اخي هشام دائما مبدع .
    اتناء قرائتي للمقال استنتجت اني قمت بدون قصد بكل ما قمت بدكره -حول طريقة التصميم-لاحد ايقوناتي الشيء الدي ادى الى تحميل تطبيقى من طرف اكتر من 100 مستعمل في غضون اسبوع وكل هاته المدة وانا ازور صفحة التطبيق لارى ما الدي قمت به وجعل التطبيق يلقى اقبال هكدا. الان ادركت اني قمت بتلخيص محتويات اللعبة كلها في الايقونة دون قصد.
    شكرا مرة اخرى اخي هشام و في انتضار جديدك.

    • هشام بنعلي

      فعلا، للأيقونة دور مهم في جذب الزوار.
      أتمنى لك التوفيق أكثر، ومرحبا بك أحمد.

  6. cherif tool

    بوركت أخي هشام شرح جد بسيط و رائع
    حقا هي أمور بسيطة في الأيقونة ولكن الكثير من يغفل عنها

  7. عصام

    شكرا لك على الدرس
    طريقة انشاء الايقونة كانت احترافية

    • هشام بنعلي

      شكرا لك عصام،
      مرحبا بك.

  8. شكرا لك أخي , الله يرضي عليك,

  9. youcef

    my friend hicham the last email i got from you was like 3 days ago , you said in the email that you gonna share a link about something,at the end of the email,, but there is no link , can you review your email and check please?
    thank you brother

    • هشام بنعلي

      قمت هذا الأسوبع بمراسلة العديد، لهذا حتى أتعرف على الرسالة التي تتكلم عنها أكتب لي عنوانها.

  10. ahmed kermou

    اخي هشام قمت بتحميل احد التطبيقات الى المتجر يوم امس و ادا بي اجد انه تم ايقافه بسبب استعمال كلمة عليها حقوق. كيف لي ان اعلم هل كلمة معينة عليها حقوق ام لا ؟ وشكرا

    • هشام بنعلي

      غالبا ما يكون الأمر واضح، لأنه غالبية الألعاب الشهورة أو الرسوم هي معروفة الأسماء.

  11. جواد

    السلام عليكم
    اود السؤال : هل حذف التطبيق من جوجل بلاي واعادة رفعه اليه من جديد ولكن بإسم مختلف لعدة مرات يشكل خطرا على حساب جوجل بلاي؟

    شكرا لك والسلام

    • هشام بنعلي

      لا يمكن، لأنه يجب تغيير الPackage name في إكليبس.
      أما بالنسبة للخطر، فحاليا لا أراه مشكل.

  12. ياسين

    اخي هشاه شكرا على الفيديو المفيد. لدي سؤال لك حول كود Hopping Bird لانه سبق لك و استعملته, حيث ان الاعلانات لا تظهر و يظهر خطا “Interstitial ads loading failed” ما\ا فعلت لحل المشكل؟ علما انني سالت صاحب الكود من\ ايام طويلة و لم اتلق اي اجابة للاسف و شكرا.

    • هشام بنعلي

      وعليكم السلام ياسين،
      انا كذلك حصل ولا يزال يحصل معي ذلك المشكل، لكن أقل لا أعرف السبب لكن الحل الذي أتيت به هو انني أنتظر على كود الإعلانات حوالي 10 دقائق، تم إن لم يعمل كذلك أرجع لمكان الكود ID وأمسح رقم وأعيد كتابته بيدي.
      من الممكن أن ترى الفكرة غير منطقية لكنها تعمل معي.
      أتمنى لك التوفيق.

  13. اخي هشام قمت بصناعة تطبييق بريسكين جيد والكود هو hopping bird

    لكن الكود لا يعمل على الهواتف عندما يصل مرحلة اختيار المستوى لا يكمل اللعب

    واظنك من مستعملي الكود واتمنى ان تساعدني في هذا اخي هشام

    فبعد الحملة السوق اصبحتنظيفة النيتشات سهلة واريد ان اكون السباق لهذا

    شكرا لك وهذا ريسكسن الخاص بي وارجوا المساعدة

    http://www.gulfup.com/?riFDa8

    • هشام بنعلي

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

    • Mohammed Abu-Hatab

      يمكنني حل مشكلتك مقابل 5 دولار

      وهذه نسخة مطورة للعبة قمت بها موجودة في المتجر
      https://play.google.com/store/apps/details?id=com.mhatab.snowmanadventuresinhalloween&hl=en

      ان اردت تواصل معي على الايميل top20.android.games@gmail.com

  14. faissal

    سلام عليكم أخي هشام .
    عندي سؤال لك . عندما أدرس المنافسين لي في موقع searsh man . أجد أن هناك جدول اسمه keyword ، به كلمات مفتاحية كتيرة ، هل هذه الكلمات تظهر تلقائيا أو يجب إدخالها في تطبيقي ، و أين ؟ و شكرا جزيلا .

    • هشام بنعلي

      الكلمات هذه هي موجودة في الوصف الخاص بالتطبيق.

  15. كونكولي

    السلام عليكم
    شكرا لك اخ هشام على الموضوع..
    لدي سؤال خارج عن الموضوع ولكنه ضمن اختصاصاتك اتمنى منك اجابتي..
    اود شراء استظافة بماذا تنصحني هوستجاتور ام ارفيكس ان بلوهست..
    بخصوص ربط المساحة مع 3 دومينات من جودادي هل هدا شيئ صعب؟ اتمنى منك افادتي وشكرا لك اخي

    • هشام بنعلي

      وعليكم السلام،
      بالنسبة للاستضافة أنصحك بآرفيكس ثم بلوهوست، لكن إن خيرتني بين هاتين الاتنين سأختار آرفيكس لأنهم متشابهتان في الخدمة والثمن في أقل، خصوصا مع استعمال الكوبون “kouncool20off” الذي يعطي تخفيض 20%..
      لا مشكل كنت أعمل بأكثر من 20 دومين مع آرفيكس.
      اتمنى لك التوفيق

  16. كونكولي

    شكرا على الاجابة اخ هشام فقط بخصوص ربط نطاقات من جودادي على ارفيكس كيف تتم العملية
    ممكن فيديو على اليوتيوب شرح العملية لكي استعين به لانه ليس عندي خبرة في الربط لانه كنت دائما اشتريه دومين و استظافة مع لوحة سيبانل جاهزة.
    وشكرا على الكوبون لاني سوف استعمله للتخفيض

    • هشام بنعلي

      الطريقة بسيطة، لا أعرف فيديو يشرحها لكن يمكننا عمل لقاء سكايب لأساعدك، اسمي على سكايب هو Maxihicham

  17. رامي

    شكرا لك اخي هشام
    موضوع انشاء الايقونة حقا رائع سيكون مفيد للجميع
    شيء اخر بخصوص موقع yay image
    هل يمكن فقط الاشتراك لشهر واحد ام لابد ان تدفع
    10 دولارات كل شهر.

    • هشام بنعلي

      نعم يمكنك ان تبدأ معهم وتغلق الحساب من في أي شهر، حتى ولو بعد 30 يوم الأولى.

  18. السلام عليكم ورحمة الله

    شكرا أخي هشام على الردود الجميلة في الحقيقة أنا جديد في هذا المجال والمشكلة أنني حققت في ظرف 3 أسابيع ما يقارب 14000 أورو بثلاثة ألعاب قمت برفعهم في يوم واحد أحسست بنوع من الخوف والتعجب ولا أعلم إن كانت قوقل سوف تحاسبني وتغلق حسابي وهل تنصحني بأن أحدف الألعاب , لا أعرف من أين أبدأ لقد قمت بكتابة وصف يتضمن بعض الكلمات لألعاب معروفة مع تغيرات طفيفة وأيقونات كذلك تضمنت شكل مألوف لألعاب ورسوم عالمية لعبت بالألوان والكرافيك , فقرأت بأنه من مخالفات سياسة قوقل أرجو التوضيح ومذا علي فعله وشكرا

    • هشام بنعلي

      وعليكم السلام،
      اولا اهنئك على ما وصلت له.
      بالنسبة للألعاب لا أرى أي داعي لحذفها ما دامت تأتي لك بأرباح، فقط السؤال الذي لدي هو ما هو التوقيت الذي قمت به برفع الألعاب هذه حتى أقارنها مع بعض التغييرات التي قامت بها غوغل؟ وهل اليوم، وقت كتابة تعليقي الألعاب لا تزال متاحة على المتجر ؟

  19. faissal

    سلام عليكم
    شكرا على مجهودك الرائع . عندي سؤال؟
    أردت أن أستعمل facebook advertise للعبة . طلبات مني أدخل URL ، و عندما أدخلته
    Vous ne pouvez pas créer de publicité pour cette application car vous n’en êtes pas l’administrateur.
    من أين آتي ب URL الخاص بي ؟

  20. رامي

    شكراً لك أخي هشام على ردك الجميل

  21. mohammed

    السلام عليكم ……. اخي هشام

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

    كان لي سؤال ليس له علاقة بالموضوع :
    كنت منذ فترة سنة تقريبا عندما كنت تعمل مع المواقع اشتريت دويمن للعمل عليه قموقع نيتش انجليزي و لكن قدر الله لم استطع و عملت عليه باللغة العربية و نظرا للمنافسة العالية و انشغالي بشكل كبير جدا لم استطع ان استمر عليه و خلال الفترات الاخيرة لاحظن انه يدخله عدد من الزوار الاجانب من امركا و روسيا بشكل خاص و فرنسا و كندا و الصين و غيرها مع العلم انه عربي و يكون الزوار من مواقع تجارية و مواقع تبادل زوار و جوجل و مواقع لا اعلم لها اصل لعدم متابعتي لها (نظرات متقطعة ) مع العلم انني لم اقم بأنشاء روابط خارجية فأفكر بربط الموقع مع امزون او اريد طرية لأستفيد من الزوار و شكرا

  22. ياسين

    اخي هشام هل تسوق للعبتك بعد رفعها على google play؟ كيف تقوم بجلب تحميلات و تقييمات للعبتك؟ ام انك لا تقوم باي تسويق بعد رفع اللعبة؟؟؟

  23. ممتاز استازى الرائع منتظرين المزيد وربنا يجعلها فى ميزان حسناتك

  24. lahcen

    كيف أعلم أن موقعي معاقب من طرف جوجل ولدلك لم تتم أرشفته ،وما هي المدة التي يتوجب علي انتظارها بعد تقديم أرشفة في webmaster tools لأتأكد نهائيا أنه تمت معاقبتي لدلك لم تتأرشف وفي الأخير هل يوجد حل لهده المشكلة وشكرا جزيلا

  25. بسم الله الرحمن الرحيم
    احببت ان اشارك بعض الحلول الخاصه بلعبة (HoppingBird)

    اولا بالنسبة لمشكلة عدم الدخول للعبه عند مرحلة اختيار المستوى يرجع ذلك الى اللغه غير لغة الجهاز الى الانجليزيه وسوف تعمل دون مشاكل .

    مشكلة الاعلانات تواصلت مع المطور و لمعرفة الخطاء من المينى فيست ابحث عن
    “Interstitial Ads loading failed ”
    واستبدله بى

    “Interstitial Ads loading failed ” + Integer.toString(errorCode), Toast.LENGTH_SHORT).show();
    سوف يظهر لك رقم الخطاء
    وتاكد من سببه من هذه الصفحه
    https://developers.google.com/android/reference/com/google/android/gms/ads/AdRequest#ERROR_CODE_INTERNAL_ERROR

  26. لكنى وحتى الان لم استطيع ان اعرض الاعلانات داخل لعبة (HoppingBird) مما اضطرنى لرفع اللعبه بدون العاب على المتجر وحين قمت مره اخرى بالتواصل مع المبرمج تقول ان المشكلة من حسابى ان استطعت مساعدتى اخى هشام اكون شاكر لك للعلم فى لوحة تحكم Admob
    هناك اكثر من 1600 طلب اعلان لكن لا يوجود اى اعلان مطابق بانتظار حل لتلك المشكله
    وشكرا مره اخرى

    • هشام بنعلي

      لا اعرف

  27. Mohammed Abu-Hatab

    اود ان أشكر الاستاذ هشام بنعلي لما قدمه لنا من معلومات ووقت
    بارك الله فيك وجزاك كل الخير

أضف تعليقك

Time limit is exhausted. Please reload the CAPTCHA.