طبق "قاعدة تباين الخطوط" (Font Pairing Contrast)؛ لا تستخدم نفس عائلة الخطوط لكل عناصر التصميم. ادمج بين خط أساسي قوي وثقيل للعناوين (مثل خط عريض وبارز) وخط نظيف وبسيط وناعم للنصوص التفصيلية. التباين ...

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

طبق "قاعدة تدرج الكتلة البصرية" (Visual Weight Distribution)؛ لا تضع جميع العناصر الثقيلة أو الداكنة في جانب واحد من التصميم. وزع الكتل البصرية بشكل متوازن؛ فإذا وضعت عنصراً كبيراً وداكناً أعلى اليسار...

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

طبق "قاعدة الـ 60-30-10 في الألوان"؛ لتوزيع الألوان باحترافية، اجعل 60% من التصميم للون الأساسي الهادئ (كالخلفية)، و30% للون الثانوي الداعم، و10% فقط للون البارز والملفت (Accent Color) الذي تستخدمه لأ...

وظف "قاعدة الهيمنة الحجمية" (Scale Dominance)؛ أعطِ العنصر الأهم في التصميم حجماً يفوق باقي العناصر بنسبة واضحة (مثل جعل رقم الخصم أو المنتج الرئيسي أضعاف حجم النصوص الأخرى). تدرج الأحجام الواضح يمنع ...

طبّق "قاعدة التباين الملمس أو النمط" (Texture & Pattern Contrast)؛ إذا كانت خلفية تصميمك مسطحة وهادئة، أضف خامة خفيفة جداً (مثل نمض شبكي خفيف، أو ملمس ورق ناعم، أو تدرج حبيبي) لإعطاء بُعد ملموس وواقعي...

وظف "قاعدة النقطة البؤرية الوحيدة" (Single Focal Point)؛ تأكد أن كل تصميم يحتوي على "نقطة جذب أساسية واحدة" يقع عليها بصر المشاهد في أول ثانية (سواء كانت صورة المنتج، أو رقم الخصم، أو العنوان الرئيسي)...

طبّق "قاعدة محاذاة الحواف الصارمة" (Edge Alignment)؛ لا تترك العناصر في التصميم تسبح بعشوائية. اربط كل نص أو أيقونة بخط وهمي يتماشى مع حافة عنصر آخر في التصميم. الدقة في محاذاة الحواف هي ما يفرق بين ا...

طبق "قاعدة تدرج التشبع اللوني" (Color Saturation Hierarchy)؛ إذا كنت تريد لفت انتباه المشاهد لعنصر معين داخل التصميم (مثل زر الشراء أو خصم خاص)، اجعل هذا العنصر بألوان عالية التشبع (High Saturation)، ...

وظف "قاعدة الخط الوهمي" (Visual Flow Lines)؛ رتب العناصر والنصوص بحيث ترسم لعين المشاهد مساراً وهمياً خفياً (على شكل حرف Z أو حرف F)، وهو المسار الطبيعي لقراءة العين البشرية. عندما ينزلق البصر بسلاسة ...

طبق "قاعدة التأطير البصري" (Visual Framing)؛ استخدم عناصر من محيط التصميم (مثل إطار خفيف، أو أشكال هندسية مفرغة، أو تداخل عناصر) لتوجيه عين المشاهد مباشرة نحو المنتج أو النص الأساسي في المنتصف. التأطي...

طبق "قاعدة المقياس والحجم" (Scale & Hierarchy) في النصوص؛ لتوجيه العين بذكاء، اجعل الهيكل النصي مكوناً من 3 مستويات فقط بوضوح تام: عنوان رئيسي ضخم وخاطف للأنظار، عنوان فرعي متوسط وموضح، ونص تفصيلي صغي...