التصميم لغير المصممين: دليل عملي لجعل الأشياء تبدو أفضل

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

التسلسل الهرمي البصري

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

التباعد

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

المحاذاة

العناصر التي تشترك في حافة غير مرئية (نص محاذٍ لليسار، صور متمركزة على المحور نفسه) تبدو مقصودة. العناصر المائلة قليلًا عن بعضها تبدو مهملة، حتى لو لم يستطع المشاهد تحديد السبب بالضبط.

الطباعة

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

اللون والتباين

يحتاج النص إلى تباين كافٍ مع خلفيته ليُقرأ بسهولة، ولوحة ألوان صغيرة ومتسقة تبدو أكثر تعمّدًا من لوحة واسعة. راجع الدليل المخصص لاختيار اللوحة اللونية.

الاتساق

التباعد نفسه، أحجام الخطوط نفسها لنوع المحتوى نفسه، اللون نفسه للعنصر نفسه، يُطبَّق في كل مرة. الاتساق يقوم بعمل بصري أكثر من أي اختيار فردي ذكي.

الصور

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

البساطة

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

أخطاء شائعة

• استخدام أكثر من خطين.
• محاذاة كل شيء في المنتصف افتراضيًا بدلًا من اختيار المحاذاة بتعمّد.