لم أزل الظلال لأن البساطة تبدو جادة. بل أزلتها لأنها لم تكن تؤدي سوى القليل من دور التصميم بالنسبة لمقدار عدم الاتساق الذي كانت تسببه. بمجرد أن يعتمد نظام التصميم على الارتفاع الناعم في كل مكان، يبدأ غالبًا في تعويض الهرمية الضعيفة بضباب بصري.
تتوقف الحدود، والمسافات، والطباعة، والتباين عن حمل ما يكفي من الهيكل بمفردها.
ما الذي أصبح أفضل بعد الإزالة
عندما أزلنا معظم الظلال الزخرفية، أصبحت الواجهة أكثر صرامة بطريقة مفيدة:
- كان يجب أن تأتي الهرمية من التخطيط والنوع
- بدت المكونات أكثر اتساقًا عبر الصفحات
- أصبحت حالات التحويم والتركيز أسهل للقراءة
- توقفت الوزن البصري عن التراكم في كل بطاقة ولوحة
هذا هو الفائدة الحقيقية للتصميم. إنها تجبر التركيب على القيام بالعمل.
الفرق العملي في CSS
قبل:
.card {
background: #fff;
border-radius: 16px;
box-shadow:
0 10px 30px rgba(0, 0, 0, 0.08),
0 2px 8px rgba(0, 0, 0, 0.06);
}
بعد:
.card {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 16px;
}
الإصدار الثاني أكثر قسوة بصريًا، لكنه غالبًا ما يكون أكثر صدقًا. إذا كان التركيب لا يزال يعمل، لم تكن الواجهة بحاجة إلى الضباب الزخرفي في المقام الأول.
التبادل
الظلال ليست دائمًا خاطئة. إنها مفيدة عندما تنقل طبقات حقيقية:
- النوافذ المنبثقة فوق الصفحة
- القوائم العائمة
- حالات السحب
- التركيز أو الارتفاع الانتقالي
تصبح تصميمًا ضعيفًا عندما تُرش في كل مكان لجعل التركيب المسطح يبدو أكثر تكلفة.
قاعدة أفضل
استخدم الظلال عندما تشرح العمق. أزلها عندما تزين فقط غياب هيكل أقوى.
قراءة إضافية