كل ما تحتاج لمعرفته حول تصميم الأيقونات

نشرت: 2020-08-27

كل ما تحتاج لمعرفته حول تصميم الأيقونات

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

خلفية عن الأيقونات

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

حقيقة ممتعة: أصل كلمة أيقونة يأتي من العمل اليوناني "eikona" الذي يعني الصورة. بدأت الرموز الرقمية في الظهور عند ظهور أول أنظمة تشغيل واجهة المستخدم الرسومية مثل Macintosh و Microsoft.

ما هي أنواع الأيقونات المختلفة؟

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

أيقونات عالمية

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

فارغ
أيقونات ذات معاني مختلفة

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

فارغ
أيقونات فريدة

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

فارغ

ما هي تنسيقات الرموز التي يمكنك استخدامها؟

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

  • SVG - هذه رسومات متجهة قابلة للتطوير وتوفر التنسيق الأساسي المثالي. نظرًا لأنه قابل للتطوير ، فهذا يعني بشكل أساسي أنه يمكنك تغيير حجم الرمز دون فقدان الجودة.
  • PNG - تنسيق رسوم الشبكة المحمولة هو الخيار المناسب إذا كنت تريد التوافق الكامل. هذا تنسيق نقطي مما يعني أنه يعتمد على وحدات البكسل ولا يمكنك الترقية دون التأثير على الجودة. ستعمل PNG على Word و PowerPoint وعلى رسائل البريد الإلكتروني. يمكن إضافتها فوق أي خلفية ملونة دون تحرير.
  • ICO - يعد تنسيق رمز Microsoft Windows رائعًا إذا كنت تريد استخدام الرمز الخاص بك لأي تطبيق Windows أو حتى كرمز مفضل لموقع الويب الخاص بك.
  • ICNS - يستخدم هذا التنسيق لأغراض محددة للغاية. هذا تنسيق خاص بـ Apple ويمكن استخدامه مع مستندات Mac OS X والتطبيقات.

نصيحة Kimp: حافظ على تصميم الرمز الخاص بك بسيطًا قدر الإمكان. حاول استخدام عناصر من العالم الحقيقي في تصميمك تمثل بوضوح المعنى المقصود. على سبيل المثال ، يمكنك استخدام مخطط شريطي للإشارة إلى التمويل. يمكنك استخدام حقيبة عمل لتعني العمل. لمساعدة مصممك على ابتكار الرموز الصحيحة ، امنحهم أكبر قدر ممكن من السياق. دعهم يعرفون بالضبط كيف سيتم استخدام الرموز الخاصة بك.

ما الذي يجعل الأيقونة فعالة أو غير فعالة؟

نظرًا لأن لديك الآن فكرة عن تنسيقات الرموز وأنواع الرموز ، فلنلقِ نظرة أيضًا على ما يجعل الرمز فعالًا أو غير فعال. بهذه الطريقة ، عندما تعمل مع مصممك يمكنك البحث عن هذه الخصائص.

وضوح

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

مقروئية

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

فارغ
محاذاة الرمز

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

فارغ
إيجاز الأيقونة

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

التناسق

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

شخصية التصميم

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

يجب أن يكون الرمز الخاص بك سهل الاستخدام

حتى بعد أن يتم الرسم على حرف "t" ، فإن الرمز بعيد عن الاكتمال. سيحتاج الرمز الذي صممه مصممك إلى الاختبار والتحضير قبل السماح للعملاء باستخدامه. سيضمن هذا الاختبار والإعداد أن الرمز سهل الاستخدام. علامات الأيقونة سهلة الاستخدام هي:

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

ما الذي يجب أن يتضمنه موجز تصميم الأيقونات؟

ضع في اعتبارك جميع حالات الاستخدام

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

فارغ
العصف الذهني للمفاهيم والاستعارات

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

ابحث عن مراجع مفيدة

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

اختر نمط الرمز

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

ناقش بالتفصيل مع مصممك

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

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

فارغ

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

قائمة التحقق لإنشاء رموز جديدة

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

تجنب الرموز الباهتة

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

تحقق من الأبعاد والوزن

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

فارغ
استخدام الأشكال الهندسية

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

تجنب الإفراط في التفاصيل

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

احتفظ بالمساحة

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

التباين في الرموز

تأكد من وجود تباين ألوان كافٍ في الرموز. يجب أن يكون التوازن بين الأسود والأبيض صحيحًا تمامًا. إذا لم يكن هناك تباين كافٍ ، فستبدو الرموز غير واضحة.

فارغ
انظر إلى الوحدة البصرية

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

تصميم الأيقونات ممتع ، لكن من الصعب الحصول عليه بالشكل الصحيح

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