برای جستجو کلمه مورد نظر خود را وارد کنید

اگه طرح های که به سبک متریال طراحی شده رو دیده باشید در بعضی از قسمت ها از سایه استفاده شده

 

در متریال دیزاین قسمت های مختلف لایه لایه هستن و برای نشان دادن لایه ها از سایه استفاده میشه و این سایه باعث برجسته بودن لایه مورد نظر و زیبا شدن برنامه میشه

مثل تول بار , دکمه شناور (FAB) کارد ویو ها و …

 

دقت کرده باشد در بعضی قسمت ها سایه بیشتر از یک قسمت دیگه هست و با هم تفاوت دارن . دلیل این تفاوت فاصله لایه از بک گراند هست که نسبت به فاصله میزان سایه تغیر میکنه

 

مثلا سایه دکمه شناور بیشتر از کارد ویو هست و دکمه شناور بنظر میرسه که نسبت به کارد ویو در لایه بالا تری قرار داره.

 

به این سایه ها توجه کنید

 

See the Pen Material Design Box Shadows by Samuel Thornton (@sdthornton) on CodePen.21951

 

درقسمت پایین میتوانید نسبت فاصله و سایه رو مشاهده کنید

روی دکمه و منو کلیک کنید¤

 

See the Pen متریال دیزاین را بهتر درک کنیم by علی صفاری (@alisaffari) on CodePen.21951

 

جمع بندی : در متریال سایه ها و لایه ها ارتباط مستقیم دارند نسبت به فاصله لایه سایه نیز تغیر میکند