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

تاریخ انتشار: 26 مهر 1394

تعداد بازدید: 0 نفر

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

از بالا

زاویه 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 و سایه باید با رنگی‌ که در پشت آن قرار دارد تطبیق داده شود. به منظور اطمینان حاصل کردن از هارمونی رنگ، برای هر یک از مقادیر مناسب پیروی نمائید.

اشتراک گذاری:

مشاهده نمونه های بیشتر

2 خرداد 1402

راهنمای جامع طراحی سایت فروشگاهی

این راهنما شما را با دانش و استراتژی های مورد نیاز طراحی سایت فروشگاهی استثنایی مجهز می کند. برای کشف قدرت طراحی در فروش آنلاین و ایجاد یک برند دیجیتال موفق آماده شوید.

31 اردیبهشت 1402

تایپوگرافی چیست و چگونه از آن در طراحی سایت استفاده کنیم؟

با استفاده از قدرت تایپوگرافی، طراحان می توانند تجربیات دیجیتالی فریبنده و فراموش نشدنی ایجاد کنند که مجذوب، اطلاع رسانی و تأثیر ماندگاری بر روی کاربران می شود. در این مقاله قصد داریم به صورت کامل مفهموم تایپوگرافی در طراحی سایت را برای شما شرح دهیم.

25 اردیبهشت 1402

طرح رنگ چیست و چگونه از آن در طراحی سایت استفاده کنیم؟

در این مقاله، ما به پیچیدگی‌های طرح‌های رنگی در طراحی وب‌ سایت، بررسی اصول تئوری رنگ‌ها، تأثیرات روان‌شناختی رنگ‌ها و ملاحظات عملی برای انتخاب پالت رنگ مناسب می‌پردازیم.