مبادئ التصميم الأساسية لغير المصممين

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

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

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

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

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

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

4 مبادئ تصميم أساسية يمكن لأي شخص اتباعها لتحقيق نتائج رائعة

التباين

تأكد من وجود تباين كافٍ بين جميع العناصر.

لماذا ا؟ لأن الأشياء التي تختلف قليلاً ، ولكنها ليست مختلفة بما فيه الكفاية ، تخلق نوعًا من Uncanny Valley. إنهم يشعرون بالغرابة والاشمئزاز للعين البشرية ، و / أو يصعب فهمهم. الآن لا نريد ذلك في تصميماتنا ، أليس كذلك؟

يجب أن تكون عناصر تصميمك إما متطابقة تمامًا أو مختلفة تمامًا .

تظهر المشكلات المتناقضة في الغالب بأربع طرق مختلفة:

1. اللون: استخدم الألوان الداكنة على الألوان الفاتحة والعكس صحيح.

مثال: لا تستخدم أبدًا تركيبات مثل الرمادي على رمادي أغمق قليلاً أو وردي فاتح على أزرق فاتح - فهي صعبة للغاية للقراءة / التفاعل معها.

2. الحجم: ضع العناصر بجانب بعضها والتي تكون إما بنفس الحجم تمامًا أو ذات حجم مختلف إلى حد كبير.

مثال: لا تضع أسطر نصية 32 نقطة و 36 نقطة بجانب بعضها البعض. من ناحية أخرى ، ستعمل 18 علامة و 36 نقطة معًا بشكل رائع.

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

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

4. النمط: لا تضع نوعًا مائلًا واحدًا بجانب نوع مائل آخر ، أو محرف Serif بجوار محرف serif آخر. اجمع بين الأشياء المختلفة.

مثال: لا تضع "Times New Roman" و "Georgia" بجوار بعضهما البعض - فهما متشابهان للغاية. ادمج الخطوط التي لها أنماط مختلفة إلى حد كبير.

التناسق

تأكد من ظهور العناصر المتشابهة بطرق متشابهة.

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

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

الأشياء التي يجب الالتزام بها بمجرد تحديدها:

  • محرف / الخط
  • لوحة الألوان / ظل اللون
  • جريد
  • انتقام
  • نمط العناصر الزخرفية

وهلم جرا...

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

الحلاقة أوكام

الملقب تقليل الضوضاء المرئية

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

لماذا ا؟ من الصعب على العقل البشري معالجة المعلومات واتخاذ القرارات بحمل زائد من المدخلات. استخدم أقل عدد ممكن من العناصر الزخرفية (الخطوط والألوان والظلال والإطارات والسكتات الدماغية والأيقونات والأنماط وما إلى ذلك) قدر الإمكان.

قم بتطبيق نسخة تصميم من ماكينة الحلاقة أوكام على كل شيء:

إذا كان من الممكن تحقيق شيء باستخدام عنصرين فقط ، فلا تستخدم 3. إذا كان من الممكن تحقيق شيء ما باستخدام 10 عناصر ، فلا تستخدم 20. يمكنك الحصول عليه.

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

الفراغ

ترسل الطريقة التي يتم بها وضع الأشياء رسالة على المستوى الفوقي حول معناها.

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

لاستخدام مساحة في تصميمك للتعبير عن المعنى ، هذه الأشياء الثلاثة:

1. القرب = الارتباط

الأشياء الأقرب إلى بعضها البعض من العناصر الأخرى ، يُنظر إليها على أنها مرتبطة ببعضها البعض أكثر من ارتباطها بالعناصر الأخرى.

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

يمكن تطبيقه بعدة طرق مختلفة ، على سبيل المثال:

  • يجب أن يكون هناك مسافة بين السطور أكبر من المسافة بين كل كلمة في السطر - وبالمثل ، يجب أن يكون هناك مسافة أكبر بين الفقرات المختلفة عن تلك الموجودة بين السطور داخل فقرة.
  • يجب أن يكون لعناصر التصميم مساحة أقل بين بعضها البعض من تلك العناصر وحواف التكوين.
  • يجب وضع الملصقات والمعلومات الداعمة بالقرب من العناصر التي تصفها / تتعلق بها.

2. الفضاء السلبي

بالاقتران مع Occam's Razor ، امنح تصميماتك مساحة سلبية قدر الإمكان ، لإفسادها وجعل معناها أكثر وضوحًا.

إن وضع الكثير من العناصر في مساحة محدودة يشبه محاولة الاستماع إلى ثلاث أغانٍ مختلفة في وقت واحد. من الصعب فهم ما يقال.

3. الأهمية والنظام

هذا هو المنطق السليم للغاية ولكني أشعر أنه لا يزال يتعين علي ذكره هنا.

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

النهاية

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

لكل شيء آخر ، هناك دائمًا مصمم.

***

اسمي Mészáros Anna ، أنا مصمم رسومات / واجهة مستخدم تحولت إلى مصمم UX / UI مع خلفية أكاديمية في الفلسفة وأهتم بكل ما يتعلق بأخلاقيات التصميم. أرغب في التواصل مع المزيد من الأفراد المتشابهين في التفكير ، لذا لا تتردد في مراسلتي ومتابعي على Medium أو Twitter.