اليوم الثاني عشر من فعالية تصميم الواجهات وتجربة المستخدم 🌙🚀:
كثير من المصممين المبتدئين يغلطون في كيفية استخدام الظل (Shadow) لعناصر التصميم. أغلبهم يعتمدون على القيمة الإفتراضية للظل دون تعديلها أو يكون استخدام الظل بشكل ثقيل ويشتت المستخدم.
كثير من المصممين المبتدئين يغلطون في كيفية استخدام الظل (Shadow) لعناصر التصميم. أغلبهم يعتمدون على القيمة الإفتراضية للظل دون تعديلها أو يكون استخدام الظل بشكل ثقيل ويشتت المستخدم.
الغرض من الظل هو تمييز العنصر من الخلفية وإبرازه للمستخدم.
الصورة اللي على اليسار هي نفس القيم الإفتراضية اللي موجودة في برنامج figma. يمكن شكلها هنا مقبول نوعاً ما لكن لو كان في عناصر كثيرة لها نفس الظل سوف يصبح شكل التصميم خاصة لو كانت لون الخلفية مو بيضاء فيصير الظل الأسود ثقيل وغير مناسب.
الصورة اللي على اليمين هي بعد التعديل. قيمة y ترمز إلى اتجاه الظل في اتجاه الرأسي وكل ما زادت القيمة كلما زاد طول الظل. قيمة blur هي القيمة التي تستخدم لتخفيف حدة الظل وكلما زادت قيمته كلما خفت حدة الظل.
طبعاً القيم هذه ليست ثابتة ولكن تعتمد على تصميمك ولكن تجنب استخدام القيم الإفتراضية.
جاري تحميل الاقتراحات...