مقالات

دیالوگ های تمام صفحه (full screen) در طراحی متریال

دیالوگ های تمام صفحه (full screen) در طراحی متریال

در موبایل : به دلیل فضای محدود، دیالوگ های تمام صفحه میتوانند مناسب تر از دیالوگ های استفاده شده در دستگاه ها با صفحه نمایش بزرگتر باشند.

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

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

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

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

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

جداول میتوانند درون کارت ها قرار بگیرند همراه با ابزار راهبری جدول و تغییرات داده که در بالا و پایین نمایش داده میشوند.

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

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

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

تراشه ها (chips) در طراحی متریال

تراشه ها (chips) در طراحی متریال

تراشه ها موجودیت های پیچیده را در بلوک های کوچک نمایش میدهند مانند یک مخاطب (contact).

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

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

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

عملیات ها در طراحی متریال

عملیات ها در طراحی متریال

عملیات اصلی در یک کارت معمولاً خود همان کارت میباشد. عملیات های تکمیلی میتوانند بسته به نوع محتوای کارت و خروجی مورد انتظار آن، از کارتی به کارت دیگر متغیر باشند برای مثال پخش کردن یک فیلم یا باز کردن یک کتاب. داخل کارت ها در یک مجموعه، عملیات ها را به طور سازگار با هم قرار دهید.

کارت ها (cards) در طراحی متریال

کارت ها (cards) در طراحی متریال

کارت یک برگه متریال است که به عنوان یک نقطه ورودی جهت مشاهده اطلاعات با جزئیات بیشتر ارائه میشود. یک کارت میتواند شامل عکس، متن و یک لینک درباره یک موضوع واحد باشد.

دکمه عملیاتی شناور در طراحی متریال

دکمه عملیاتی شناور در طراحی متریال

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

انواع دکمه ها - ادامه

انواع دکمه ها - ادامه

ادامه مطلب قبلی - انواع دکمه ها

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

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

طراحی سایت، متریال دیزاین، آموزش متریال دیزاین، انواع دکمه در طراحی متریال، کاربرد دکمه ها در طراحی متریال

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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