یادگیری
نمونهٔ محتوای آموزشی با تصویر جایگزین
۵ دقیقه مطالعه
آزمایشگاه رابط کاربریAYURA / DESIGN SYSTEM
نسخهٔ پایهیک ریشه، تجربههای هماهنگ
اجزای کوچک، تجربهٔ یکپارچه.
اجزای واقعی محصول را لمس کنید؛ حالتها، رفتارها و جزئیات، همه در یک مکان.
۰۱مبانی یکپارچه
۰۲اجزای قابل استفادهٔ مجدد
۰۳الگوهای مشترک
کنترلها تعاملیاند؛ دادههای این بخش فقط نمونه هستند.
دکمهها
اقدام اصلی، ثانویه، متنی و مخرب؛ همراه با حالت غیرفعال و انتظار.
Button / IconButtonناحیهٔ لمس هر دو اندازه حداقل ۴۴ پیکسل است.
پیام روزانه
نمایش تکخطی پیام روزانه؛ فقط در صورت سرریز حرکت میکند و با لمس، متن کامل را نشان میدهد.
DailyInsightTickerمتن کوتاه · بدون سرریز
متن بلند · سرریز و حرکت آرام
متن بسیار بلند
متوقفشده
Reduced motion
در حال بارگذاری
خالی
پیام روزانهای برای نمایش نیست.
ورودی و جستجو
Input / Searchکارت و پیشنهاد
Card / ContentCard / RecommendationCardسطح پایه
یک ظرف، کاربردهای مختلف
عنوان، محتوا و اقدام در یک ساختار مشترک با فاصلههای یکسان.
پیشرفت نمونه۶۰٪
امروز چطوری؟
چند سؤال کوتاه برای برنامهریزی بهتر
برچسبها و انتخابها
Chip / FilterChip / Tabsآموزشیواتاپیتاکافااطلاعاتنیاز به بررسی
دستهٔ انتخابشده: همه
نمای روزانه · نمونهٔ محتوای زبانه
نمای هفتگی · نمونهٔ محتوای زبانه
نمای ماهانه · نمونهٔ محتوای زبانه
سربرگ و ناوبری
Header / SectionHeader / BottomNavigationعنوان صفحه
توضیح کوتاه و هدفمندعنوان بخش
متن راهنمای بخش
پیشرفت و دوشاها
Progress / ProgressRing / DoshaIndicatorترکیب نمونه
مقادیر صرفاً برای نمایش اجزا هستند.
واتا۴۵٪
پیتا۳۵٪
کافا۲۰٪
بدون پیشرفت۰٪
تکمیلشده۱۰۰٪
۶۰٪
نمایش مقدار بهصورت عدد و نمودار
لایههای تعاملی
Modal / Sheetمدیریت تمرکز، بستن با Escape و بازگشت تمرکز به محرک
حالتهای سیستم
Loading / Empty / Errorدر حال بارگذاری…
هنوز چیزی اینجا نیست
محتوای ذخیرهشده در این بخش نمایش داده میشود.
دریافت اطلاعات انجام نشد
اتصال را بررسی کنید و دوباره تلاش کنید.
پیش از ساخت صفحات محصول
رنگهای نهایی، ترتیب ناوبری، نشان برند و رفتار دسکتاپ نیازمند تأیید هستند. این نسخه صرفاً سیستم طراحی است.