• Telegram
  • Google Plus
  • Linked In

استاندارد‌های ایکون محصول

استاندارد‌های ایکون محصول

تاریخ درج: خلاصه

استاندارد‌های ایکون محصول

استاندارد‌های ایکون محصول

نور: در محیط متریال، نور‌های مجازی صحنه را روشن میکنند و این امکان را فراهم میسازند که اجسام سایه ایجاد نمایند. نوری که از بالا بر المان‌ها وارد میشود سایه اتصال به وجود خواهد آورد و در عین حال لبه‌های بالا و پایین را سایه روشن می‌کند. یک نور زاویهٔ دار حس سطح را برای المان‌ها تقویت می‌کند.


از بالا

زاویه 45 درجه
سایه: برای یک ایکون محصول، نور از بالا سایه‌ای ملایم حول یک المان در بالا و سمت چپ به وجود میاورد. سایه تقریبا در سمت پایین و راست قویتر می‌باشد. این سایه همیشه درون محیط ایکون قرار دارد.
استاندارد‌های سایه
نوع: طبیعی
شفافیت: ۲۰%
انحراف x برابر با ۰dp
انحراف y برابر با ۴dp
محو بودن ۴dp
رنگ: مراجعه شود به بخش مقادیر tint, shade و سایه
tint و shade برای لبه ها: لبه‌های بالا و پایین المان‌های متریال حس عمق و سطح را القا میکنند. المان‌های متریال دارای ضخامت استاندارد ۱dp میباشند. همه فواصل لبه از لبه درونی‌ یک المان اندازه گیری میشوند.
tint لبه بالای همه المان‌ها را پررنگ می‌کند. لبه‌های چپ، راست و پایین دارای مقادیر tint نمی‌باشند.
shade موجب تیره شدن لبه پایین در همه المان‌ها میشود. لبه‌های چپ، راست و بالا دارای مقادیر shade نمی‌باشند.
tinted edge
ارتفاع: ۱dp
شفافیت: ۲۰%
رنگ: سفید

shaded edge
ارتفاع: ۱dp
شفافیت: ۲۰%
رنگ: مراجعه شود به مقعدی tint, shade و سایه
پرداخت: لایه پرداخت نتیجه‌ای از منبع نور مجازی ۴۵ درجه می‌باشد. این نور از گوشه بالا سمت چپ به بخش لبه بیرونی محیط ایکون کشیده میشود. لایه پرداخت همیشه درون این مرز‌ها قرار دارد.
استاندارد‌های gradient
نوع: شعاعی
زاویهٔ: ۴۵ درجه
رنگ: سفید
محل نقطه میانی: ۳۳%
اسلیدر ۱
شفافیت: ۱۰%
مکان: ۰%
اسلیدر ۲
شفافیت: ۰%
مکان: ۱۰۰%
مقادیر tint, shade و سایه
هر رنگ به هنگام اضافه شدن tint و shade واکنش متفاوتی نشان میدهد. رنگ هر edge tint, edge shade و سایه باید با رنگی‌ که در پشت آن قرار دارد تطبیق داده شود. به منظور اطمینان حاصل کردن از هارمونی رنگ، برای هر یک از مقادیر مناسب پیروی نمائید.




تاکنون نظری ارسال نشده است،شما اولین نفر باشید

سؤال یا نظر خود را ارسال کنید

  • Telegram
  • Google Plus
  • Linked In