مولّد الظلال

كيفية الاستخدام مولّد الظلال

1. اضبط الإزاحة والتمويه والامتداد واللون.
2. أضف طبقات ظل إضافية لبناء العمق.
3. انسخ الشيفرة الجاهزة.

الظل والاتجاه

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

فقيمة box-shadow: 4px 4px 8px تزيح الظل إلى اليمين دائمًا. وفي واجهة عربية يعني ذلك أن مصدر الضوء يقع في الجهة المقابلة لما يتوقّعه القارئ بصريًا.

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

وهذا هو المتّبع في أغلب أنظمة التصميم الحديثة أصلًا: الضوء من الأعلى، والظل إلى الأسفل، بلا إزاحة جانبية.

لماذا تبدو الظلال مصطنعة؟

ثلاثة أخطاء تفسّر أغلب الظلال الفاشلة.

الأول شفافية عالية. فالأسود الخالص بنسبة 50% يعطي بقعة رمادية لا ظلًا. والظلال الواقعية بين 5 و15%، وعدة طبقات خفيفة أفضل من طبقة قوية.

والثاني طبقة واحدة. ففي الواقع للجسم ظل قريب أغمق وظل بعيد واسع خفيف جدًا. وطبقتان أو ثلاث تحاكيان ذلك.

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

نظام بدل قيم متفرّقة

بدل ابتكار ظل لكل عنصر، تُعرَّف أربع أو خمس درجات وتُستخدم وحدها.

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

ومع كل درجة تنمو الإزاحة والتمويه بنسبة أكبر، بينما ترتفع الشفافية قليلًا فقط. فينشأ انطباع الارتفاع المتزايد.

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

الأسئلة الشائعة