ورود با اکانت گوگل
یا
آقای متریال

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

سایه ها و لایه بندی در متریال

alisaffari


اطلاعات نویسنده
alisaffari

alisaffari

  • Exclusive Author
  • sold_between_10_000_and_50_000_dollars
  • bought_between_1_and_9_items
  • Iran (Islamic Republic of)
نمونه کارها
پشتیبانی
برای دیدن اطلاعات تماس تهیه کننده این محصول باید محصول رو خریداری کرده باشید

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

 

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

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

 

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

 

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

 

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

 

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

 

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

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

 

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

 

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

 

دیدگاه هایی که برای این مطلب ارسال شده

  1. ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: محمد نخعی کوشه بهمن ۹, ۱۳۹۴

    با سلام
    خیلی ممنون از آموزش های خوبتون واقعا مطالب سایت خیلی خوبه ممنون

    • ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: علی صفاری بهمن ۱۷, ۱۳۹۴

      ممنون از نظرتون
      نظرات شما برامون خیلی ارزشمند هست

شما هم دیدگاهی برای این مطلب ارسال کنید

مطالب مرتبط

مطالب تصادفی

لوگوی دوستان

هایپر تمپ | HyperTemp