السلاسة والبساطة
الفظاظة في جلب الانتباه إلى عناصر التصميم تضر به بأكثر مما تتصور. هناك أساليب محدودة في جذب الانتباه لا تهدرها لأنك بذلك تفقدها قيمتها. من أساليب جلب الانتباه إلى عناصر التصميم:
- حجم خط الكتابة وثخنه
- التباين اللوني مع المحيط
- الأطر
- الحركة
- الخطوط الدالة واتجاه النظر
- التوازن والفراغ
فلو جعلت كل ما على الشاشة بخط ثخين غامق فإن المستخدم لن يجد العنوان المهم ولن يعطيه الوزن الذي تبتغيه منه وربما لن يجد الزر الشراء الذي تريد من المستخدم أن يكبس عليه في النهاية.
من أهم النصائح هي تخفيف التباين بين لون الخط والخلفية وادخاره لما هو أهم حيث أن أغلب المواقع تجدها بخلفية بيضاء ونص أسود نصيحتي هي أن تستعمل رمادي غامق جدا عوضا عن الأسود بهذه الطريقة مجرد إظهار نص أسود يجعله يبدو ثخينا.
فلننظر إلى موقع Smashing Magazine
 |
| موقع Smashing Magazine |
نلاحظ أن المسافات الخالية الكبيرة (خصوصا العامودية) والتباين المعتدل حيث أن الكتابة هي برمادي غامق (يكاد يكون أسود) بدرجة #333 للنص وحتى لا يتشتت انتباه القارئ عن المحتوى الرئيسي فإن خط القائمة الجانبية أفتح وبتباين أقل (يقترب أكثر من لون الخلفية البيضاء) وهو الرمادي الفاتح #808080 كذلك لاحظ أن أيقونات فيسبوك وتويتر وغيرها شبه شفافة (وتصبح معتمة عند الإشارة فقط) كما نلاحظ أنه لا يوجد صناديق تحيط بالقائمة الجانبية. وأيضا نلاحظ بأن استخدام اللون الرمادي كخلفية للجهة اليمنى يجعل تركيزك محصور في المحتوى الرئيسي في الوسط دون تشتت.
الآن ماذا يحدث لو جعلنا اللون هو أسود قاتم تماما لنزيد التباين وبروز النص ؟ وأزلنا المسافات البيضاء ...إلخ
 |
| موقع Smashing Magazine بعد زيادة التباين |
 |
| موقع Smashing Magazine مشوه |
لقد أصبح الموقع مثل السلطة وأنا لم ألمس الجهة اليمنى بعد ولك أن تتخيل ...
وأختم بالنصيحة التالية: لا تكن فجا في تصميمك. أرشد القارئ بهدوئ وسلاسة إلى المحتوى الرئيسي ولا تشتته عنه.
المقالة التالية تحتوي تصاميم كانت دارجة ثم اندثرت فهل عندكم مقالات مشابهة ؟ شاركونا من خلال التعليقات
ما شاء الله .. ذوقك راقي :) ارجو منك اكمال عملك المتميز ؛)
ردحذف