طراحی سایت در تهران،طراحی سایت فروشگاه اینترنتی
۰۲۱-۴۱۶۵۸منو
۰۲۱-۴۱۶۵۸
inquery@webone.co

متریال دیزاین(Material Design)

 

رفتار (behavior)-طراحی متریال

رفتار (behavior)-طراحی متریال

رفتار ، مشخصات

برگه های تحتانی شرطی (modal) در طراحی متریال

برگه های تحتانی شرطی (modal) در طراحی متریال

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

اجزاء (components) در طراحی متریال

اجزاء (components) در طراحی متریال

برگه تحتانی (bottom)، یک برگه متریال است که از لبه تحتانی صفحه نمایش بالا می اید. این برگه ها تنها در نتیجه عملیات آغاز شده توسط کاربر، نمایش داده میشوند و میتوانند جهت جهت نمایش محتوای بیشتر به سمت بالا کشیده شوند. برگه تحتانی میتواند یک سطح موقت یا یک عنصر ساختاری دائم برای یک برنامه باشد.

الگو ها در طراحی متریال

الگو ها در طراحی متریال

الگو ها در طراحی متریال

شبکه (grid) در طراحی متریال

شبکه (grid) در طراحی متریال

رابط کاربری در متریال دیزاین بر پایه یک ساختار 12 ستونه میباشد.

رابط کاربری responsive در طراحی متریال

رابط کاربری responsive در طراحی متریال

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

نوارهای سیستمی در طراحی متریال

نوارهای سیستمی در طراحی متریال

طراحی سایت، آموزش متریال دیزاین، نوار سیستمی چیست، ایجاد نوار سیستمی در متریال دیزاین

نوار اپلیکیشن (app bar) در طراحی متریال

نوار اپلیکیشن (app bar) در طراحی متریال

نوار ابزار (app bar) که در Android به عنوان نوار عملیاتی (action bar) شناخته میشود، نوع خاصی از نوار ابزار است که برای راهبری، جستجو و عملیات ها استفاده میشود.

نوارهای ابزار در طراحی متریال

نوارهای ابزار در طراحی متریال

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

ساختار طراحی متریال

ساختار طراحی متریال

طراحی سایت، متریال دیزاین، طراحی متریال، انواع ساختار در طراحی متریال

اندازه نشان‌های لمسی-طراحی متریال

اندازه نشان‌های لمسی-طراحی متریال

اندازه نشان‌های لمسی

اندازه دهی‌ توسط واحد افزایش-طراحی متریال

اندازه دهی‌ توسط واحد افزایش-طراحی متریال

اندازه دهی‌ توسط واحد افزایش

​خطوط مبنا و معیار‌ها برای کامپیوتر رومیزی-طراحی متریال

​خطوط مبنا و معیار‌ها برای کامپیوتر رومیزی-طراحی متریال

​خطوط مبنا و معیار‌ها برای کامپیوتر رومیزی

معیارها و خطوط کلیدی برای تبلت-طراحی متریال

معیارها و خطوط کلیدی برای تبلت-طراحی متریال

معیارها و خطوط کلیدی برای تبلت

معیارها و خطوط کلیدی برای موبایل-طراحی متریال

معیارها و خطوط کلیدی برای موبایل-طراحی متریال

معیارها و خطوط کلیدی برای موبایل

معیارها و خطوط کلیدی-طراحی متریال

معیارها و خطوط کلیدی-طراحی متریال

معیارها و خطوط کلیدی

دیگر پیکسل‌ ها در طراحی متریال

دیگر پیکسل‌ ها در طراحی متریال

دیگر پیکسل‌ ها در طراحی متریال