صه! لا تشارك هذا السر من الداخل حول مبادئ تصميم CRAP

يعد استخدام مبادئ تصميم CRAP طريقة رائعة لإنشاء تصميم مرئي فعال.

"ماذا ؟!" قلتم جميعا ، أليس كذلك؟ حسنًا ، كان هذا بالتأكيد مفاجأة بالنسبة لك إذا لم تكن قد سمعت عن CRAP من قبل. وصفت روبن باتريشيا ويليامز ، وهي مؤلفة أمريكية رائعة كتبت العديد من الكتب المتعلقة بالكمبيوتر ، مجموعة من مبادئ التصميم الجرافيكي في كتابها ، كتاب InDesign لغير المصممين. أطلقت عليه اسم CRAP.

(يمكنك أيضًا قراءة مقابلة موجزة معها هنا ).

إذن ، ما هو CRAP؟ ليس الشخص الذي نعرفه بالطبع!

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

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

CRAP هو اختصار يشير إلى التباين والتكرار والمحاذاة والقرب.

1. مقابلة

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

اللون

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

كقاعدة عامة ، يمكن أن يكون استخدام ظلال الألوان التكميلية التي لا تؤدي إلى إجهاد العين ممارسة جيدة.

بحجم

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

شكل

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

الخط

يمكننا تصنيف الخطوط في مجموعات مختلفة. Serif و Sans-serif و script و monospaced و display هي التصنيفات المطبوعة الأساسية. يمكن أن يؤدي استخدام مجموعات خطوط مختلفة إلى إنشاء تباين للنص الذي نريد الإشارة إليه. أيضًا ، يمكن أن يؤدي استخدام أوزان خطوط مختلفة (غامقة أو عادية) وأنماط الخطوط (مائل أو معتم أو عادي) وزخارف الخطوط (تسطير أو يتوسطه خط ، إلخ) إلى الارتقاء باللعبة إلى المستوى التالي.

2. تكرار

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

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

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

3. انتقام

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

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

4. القرب

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

القاعدة الثالثة

"يستغرق الوقوع في الحب 3 ثوانٍ فقط."

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

العلاقة

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

استنتاج

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

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