الظلال Shadows
من أهم الأمور التي يجب التركيز عليها عند تصميم واجهة المستخدم Ui و
عند برمجه صفحات الويب front end.
في هذا الثريد سوف أشارك معكم طريقة سهله و احترافية لعمل ظل shadow مثل
المحترفين ??♂️
?? https://t.co/qHOfRNvp1y
من أجل تصميم ظل إحترافي يجب التركيز على ثلاث نقاط أساسية.
✴ مكان الظل.
يتم تعديل اتجاة الظل عمودي و أفقي
حسب الحاجة
في أغلب الوقت إستخدام القيم التاليه
عمودي 8px
أفقي 0px
يفي بالغرض ?
الصوره تحت توضح كيف شكل
الظل قبل و بعد إستخدام القاعده ??♂️ https://t.co/elu054y5wR
✴ درجه شفافية اللون
من المهم التعديل على درجة الشفافية
أفضل قيم بين (%10 - %30)
✴ ضبابية (blur) الظل.
يفضل إستخدام قيمه بين
(40px - 16px)
??
مثال أخير
يقارن عندما
تستخدم القواعد ( التي ذكرتها فوق)
و بدون إستخدام القواعد
الصور تحت
المقارنة واضحة و تمثل أهميه
إتباع القواعد فوق ?
?? https://t.co/yb28wqFGCG
نلتقي في ثريد أخر ?
إذا أعجبك الثريد لا تنسى تعمل
ريتويت عشان
يستفيد اكبر عدد من الناس ?
تابع حسابي @naif4web
لجديد المقالات و النصائح
في مجال البرمجة و تصميم الويب
