الظلال من الجوانب التي تجعل التصميم الجميل اكثر جمالاً او تجعله قبيحاً عند استخدام الظلال بطرق خاطئه !
فتعرف على الطريقة الصحيحة لاستخدامه !
قبل انا أبدا يتوجب عليا شرح بعض الأمور لجعل الثريد مناسب للمطورين ومصممين UI\UX
جميع برامج التصميم تحتوي على X و Y و Blur وايضا شفافية اللون
في iOS تحديداً بدل Blue يوجد Radius
الامر بإختصار اقسم قيمة Blur على ٢ راح يطلعلك قيمة Raduis
الشرح
١-عند استخدام الظلال استخدم مع حواف ناعمه بدلاً من حوال حادة !
٢ – لا تستخدم لون اسود او اي لون غامق في الظلال
٣- اجعل الظل ناعماً
استخدم درجة شفافية من 10% الى 30% في برامج التصميم = 0.1 الى 0.3 في البرمجة
٤- لا تستخدم قيمة الافتراضيه للظل في اي برنامج تصميم
(جميع الصور الماضي مستخدم فيها الظل الافتراضيي لبرنامج سكتش)
٥- الـ Blur يكون x2 او x3 الـ Y
بما يعني اذا حطيت قيمة Y = 2 فأجعل قيمة الـBlur اما 6 او 4
٦- الظل مو لازم يكون باللون الرصاصي ! ، استخدم نفس لون الخلفيه ولكن بدرجة اغمق
هنا على اليسار اللون اسود بدرجة شفافية 30 % واليمين بلون اغمق من لون الخلفية ايضا بدرجة شفافية 30%
اليمين ستجده مريح للعين
٧- استخدم التدرجات اللونيه مع الظلال ، خاصة مع الأزرار
في هذا المثال الظل من الاعلى الى الاسفل اللون الي فوق 008DFE والي تحت 3558D0
٨- استخدم لون الزر او الـ Layer كلون ظل
مثال لنفس الزر السابق
٩- استفيد من الـ Spread
الـ Spread اذا اعطيته رقم بالسالب راح يصغر حجم الظل واذا الرقم بالموجب راح يكبر لاحظ هنا الظل حجمه اصغر من حجم المربع
بالنسبة الفقره الماضية ، في البرمجة لا يوجد خيار Spread عند اضافة الظل ، الحل انك تضيف View اسفل الـ View الي تبغى تضيف الظل له بمعنى View 1 ما تضيف الظل له ، لكن View 2 تضيف الظل له وبعدها صغر حجم View 2 راح يعطيك نفس تاثير الـ Spread
١٠- لا تستخدم الظل في Dark Mode
بمعنى اذا الخلفية كانت بلون غامق مافي حاجة لاضافة ظل
اذا مصر تستخدم الظل ، فأجعله بدرجة 10% او اقل
