8 خطوات بسيطة لتحسين تصميم أيقونة
أيقونات في كل مكان. من أيقونات التطبيقات على الشاشات الرئيسية إلى التمثيلات الرسومية التي تقود المستخدمين من خلال التصميم ، فإن تصميم الرمز يمثل صفقة كبيرة.
هناك فن جميل لتصميم أيقونة جيدة. لا يقتصر الأمر على جعل العنصر معترفًا به عند أصغر الأحجام فحسب ، بل يمكن أيضًا ترقيم الرموز الجيدة القائمة على المتجهات لاستخدامها في النسب المتضخمة أيضًا. حتى أن بعض المصممين يستخدمون صورًا على غرار الأيقونات للعناصر المرئية السائدة.
إذن، أين تبدأ؟ هنا دليل لتصميم رمز أفضل في ثماني خطوات بسيطة (إلى حد ما).
1) ابدأ بشبكة
يبدأ تصميم الرمز الجيد بأساس متين. شبكة كتلة مربعة بسيطة هي كل ما تحتاجه للبدء في رسم أيقونة.
استخدم نفس ورقة الشبكة التي عملت بها في المدرسة الابتدائية لإنشاء رسومات للرموز باستخدام قلم رصاص وورق أو البدء بشبكة مربعة البيكسل في برنامج التصميم. ربما ينبغي عليك تصميم لوحة مربعة الشكل ، حيث أن معظم الأيقونات في نهاية المطاف تحتاج إلى وضعها في المساحات المربعة. (يشمل هذا كل شيء بدءًا من الرموز للتطبيقات إلى الرموز في تصميمات مواقع الويب أو ملفات تعريف الوسائط الاجتماعية.)
بمجرد أن يكون لديك شبكة ، تأكد من إعطاء نفسك عنصر مساحة بيضاء حول المحيط. سيعطيك هذا المرونة الكافية لإضافة خلفية إذا لزم الأمر والحفاظ على عدم الحصول على أيقونة في التطبيقات التي قد يكون لها حواف مستديرة أو أنواع أخرى من التجميع.
فقط لأن الشبكة الخاصة بك مربع لا يعني أن يكون رمزك. يمكن أن يكون مستطيلاً أو أكثر مستطيلاً. تذكر: بينما تقوم بتصميم شيء غير مربّع ، يجب أن يتم توسيطه أفقيًا وعموديًا في الشبكة لسهولة الاستخدام لاحقًا. سيساعدك أيضًا في الحفاظ على مقياس ثابت لمجموعة الرموز.
الشبكة هي فقط لمساعدتك على إنشاء إطار حيث يمكنك تصميم باستمرار. كمكافأة يمكنك أيضًا استخدام الشبكة للمساعدة في رسم عناصر الرمز ؛ استخدام خطوط الشبكة لرسم زوايا مستقيمة أو تحديد موضع السكتات الدماغية داخل التصميم.
2) بناء مع الهندسة
غالبًا ما تكون الأيقونات صغيرة الحجم ، لذلك من المهم بناء العناصر التي يتعرف عليها المستخدمون بلمحة سريعة. هذا هو السبب في أن العديد من الرموز متجذرة في الأشكال الهندسية.
الدوائر والمربعات والمثلثات هي المجموعات الأكثر شعبية من الأشكال. لا يجب على المستخدمين التفكير بهم أو سؤالهم عما هم عليه. كل شكل بسيط ويمكن تحديده. ثم يمكن دمجها وربطها لإنشاء عناصر أخرى بنفس التصميم الهندسي.
انظر إلى رمز Dropbox ، على سبيل المثال. إنه ليس أكثر من مربعات قليلة مرتبطة معاً لتشكيل مربع. المفهوم مبدع وبسيط وسهل القراءة بأي حجم.
خيار آخر "هندسي" هو استخدام حرف واحد ، كجزء من الأيقونات. في حين أن هذا لا يعمل بشكل جيد للتطبيق على نطاق واسع ، إلا أنه يمكن أن يعمل كمعرّف علامة تجارية وظيفية. يُعد Facebook مثالًا أساسيًا لاستخدام هذا الرمز أثناء العمل.
3) إنشاء شكل فريد
في حين أن البدء بدوائر ومربعات أمر مفيد ، فأنت تريد إنشاء شكل خاص بك. هذا هو الأكثر أهمية إذا كنت تعمل مع رمز تعريف العلامة التجارية. حتى الرموز التي تبدو معقدة في كثير من الأحيان تبدأ بالأشكال البسيطة التي تتحول إلى شيء أكثر فريدة من نوعها.
عندما يتعلق الأمر بالتفرد ، هناك بعض عناصر التصميم للتفكير.
- ابق بعيدا عن الصور. لن تبدو صغيرة جيدة.
- ابق بعيدا عن النص. لن يتمكن المستخدمون من قراءتها.
- بعض الاتجاهات جديرة بالاهتمام. تعمل أنماط الرموز المسطحة والمسطحة تقريبًا معًا.
- اعمل بخطوط وزوايا مستقيمة متصلة بنقاط على الشبكة. يمكن منحنيات الحصول على محرج بسرعة.
- تعمل أفضل الرموز بالألوان ولكن يمكن التعرف عليها أيضًا كخطوط تعريف بالأبيض والأسود.
4) اعطها الكثير من الغرفة
تحتاج الرموز إلى الكثير من المساحة للتنفس. فكر في كيفية استخدام الرموز. خاصة إذا كنت تصمم أيقونة تطبيق سيظهرها المستخدمون على خلفيات مجنونة على أجهزتهم ، يحتاج التصميم إلى وضعه داخل الإطار قليلاً لجعله أكثر قابلية للقراءة والتمييز.
داخل الشبكة الخاصة بك ، قم بإنشاء حدود متناسقة حول الحافة. فكر في هذه المساحة تقريبًا كما لو كنت تعمل مع تصميم ينزف في الطباعة. يجب أن يمتد اللون إلى هذا الجزء من اللوحة ، ولكن من المحتمل أن يكون غير مرئي.
5) التمسك بألوان العلامة التجارية
لا تصاب بالجنون مع لوحات ألوان الأيقونات فقط لأنك تستطيع ذلك. إذا كنت تقوم بصنع شيء لعمل العلامة التجارية ، التزم بلوحة الألوان الخاصة بك. في حين قد تختلف عن الشعار المعتاد للعلامة التجارية الخاصة بك لأيقونة ، يجب أن يبقى اللون ثابتًا.
إذا كنت تعمل على مجموعة رموز لحزمة تصميم الويب أو استخدام آخر ، فابدأ أولاً بأيقونات سوداء أو بيضاء. ثم أضف اللون كلما اقتربت من إكمال التصميم. من خلال العمل مع عناصر بسيطة ذات تباين عالٍ - أسود على أبيض أو أبيض على أسود - ستشعر حقاً بكيفية ظهور كل رمز في الفضاء. إذا كان يعمل بشكل مستقل عن الألوان ، فستكون هناك احتمالات أكبر أنها ستعمل بشكل جيد مع اللون المضاف أيضًا.
6. استخدم قنوات متناسقة
انتبه لكل التفاصيل في تصميم الرمز. هل قمت بقطع زاوية مائلة في التصميم؟ ثم فكر في القيام به في كل الزوايا.
على الرغم من أن هذه التفاصيل الصغيرة قد لا تبدو مهمة - قد لا تكون مرئية تمامًا عند أصغر الأحجام - إلا أنها يمكن أن تضيف لمسة كلاسيكية إلى الرموز المستخدمة في المزيد من عروض الرسومات.
يستخدم المزيد من المصممين الأيقونات كأزرار في جميع التصميمات وللمساعدة في قيادة العيون بين العناصر الثقيلة من النص. يمكن أن تساعد الرموز المصنوعة بعناية في إرضاء المستخدم وتشجيع تحويلات موقع الويب.
7. تصميم لأصغر حجم
بينما يمكن استخدام أيقونات بأي حجم تقريباً ، فأنت تريد تصميم التصميم بحيث يعمل بأقل الأحجام. يتم تحميل الرموز الشائعة لرموز favicon عند 16 × 16 بكسل فقط. هل رمزك قابل للفك في هذا الحجم؟
إذا كانت الإجابة لا ، فلديك خياران:
- البدء من جديد مع تصميم الرمز.
- أنشئ رمزًا بديلًا للمساحات الصغيرة ، مثل favicons.
8) لا تزين
أخيرا ، حافظ على بساطة. قاوم الرغبة في تزيين تصميم الرمز الخاص بك. بعض من أفضل التطبيقات لا تزال تعاني من الرموز الغريبة. (يتبادر إلى الذهن Wunderlist على الفور. مجرد التفكير في مقدار ألطف سوف تبدو دون الظلال وتحديدها.)
ينتهي الديكور بالظهور في هذه الأماكن الصغيرة. يمكن أن تطغى أيضا على التصميم. فكر في الرموز كعلامات تشكيل للتصميم ، فهي ليست التركيز الأساسي. إذا استمر المستخدم في وضع الرمز لفترة طويلة جدًا نظرًا لأنهم يحاولون معرفة معنى ذلك ، فقد يفقدون ما يفترض أن يفعلوه. يجب أن تشير الرموز إلى تفاعلات سريعة.
استنتاج
يمكن أن يكون تصميم أيقونة أكثر متعة إذا كان لديك الوقت لصقل هذه المهارة. ولكن إذا لم تكن خبيرًا فلا تقلق. هناك الكثير من المحلات التجارية الرائعة التي تطلق مجموعة الأيقونات لتستخدمها في مشاريعك.
إذا كنت بدأت للتو مع تصميم الرمز ، يجدر تحميل واحدة من هذه المجموعات. إرم الرموز على الشبكة واقطعها. يمكنك تعلم الكثير عن كيفية إنشاء أشكال بسيطة خاصة بك بشكل أفضل من هذا التمرين.