آزمایشگاه رابط کاربریAYURA / DESIGN SYSTEM
نسخهٔ پایهیک ریشه، تجربه‌های هماهنگ

الگوهایی برای ساختن.

ترکیب‌های قابل استفادهٔ مجدد از اجزای مشترک، برای ساختاری آشنا در تمام مسیرها.

فارسی و راست‌به‌چپ اجزای مشترک محصول
۰۱مبانی یکپارچه
۰۲اجزای قابل استفادهٔ مجدد
۰۳الگوهای مشترک
ترکیب اجزای واقعی؛ بدون ساخت صفحهٔ محصول.

الگوهای روزانه

اجزای قابل استفادهٔ مجدد برای خانه و تقویم؛ کارت تصویری چکاپ از همان RecommendationCard مشترک استفاده می‌کند و حالت تکمیل‌شده با CheckInCard نمایش داده می‌شود.

WeatherDateSummary / RecommendationCard / CheckInCard / ScheduleTimeline
۱۴ محرم
Saturday
۲۸°آفتابیتهران
آب‌وهوااطلاعات آب‌وهوا در دسترس نیست
زن در حال مدیتیشن در فضایی آرام و روشن

امروز چطوری؟

چند سؤال کوتاه برای همراهی بهتر با برنامهٔ امروز.

تکمیل شد

چکاپ امروز تکمیل شد

برای امروز ثبت شده است.

برنامهٔ امروز

  1. صبح
  2. شب

برنامهٔ خالی

برای امروز برنامه‌ای ثبت نشده است.

مجموعهٔ محتوا

سربرگ مشترک و شبکهٔ واکنش‌گرا برای غذا، تمرین یا آموزش.

ContentCollection

عنوان مجموعه

آموزش

خلاصهٔ محتوا در یک یا دو خط

۵ دقیقه
پیشنهاد آیورا

پیشنهاد نمونه

یک اقدام کوچک برای همراهی روزانه

خلاصهٔ نمونه

شاخص‌های مشترک و قابل استفادهٔ مجدد

واتا۴۵٪
پیتا۳۵٪
کافا۲۰٪

اطلاعات گروه‌بندی‌شده

FormSection / DetailList
اطلاعات نمونه

فرم یک‌ستونه در موبایل و دو‌ستونه در تبلت

فهرست جزئیات

پیام آرام و کوتاه

QuoteBanner
تعادل، در انتخاب‌های کوچک روزانه شکل می‌گیرد.
آیورا
همان پیام روی سطح خنثی برای پایان یک صفحهٔ روزانه.
آیورا

قاب مشترک تجربه

جایگاه سربرگ، محتوا و ناوبری؛ نمایش فقط برای بررسی ساختار است.

PageShell
AYURA

قاب نمونه

پیش‌نمایش الگو

محل قرارگیری محتوای صفحه

صفحات آینده از این الگو و اجزای مشترک ساخته می‌شوند.

شِل‌های موبایل

قاب‌های مشترک پیش از ساخت هر صفحهٔ محصول؛ نمونه‌ها از همان componentهای production استفاده می‌کنند.

AppShell / DetailShell / AuthShell / OverlayRoot

AppShell

مالک ناوبری ثابت، فضای امن و محتوای scrollable.

جزئیات نمونه

عنوان و action slot

DetailShell

برای مسیرهای جزئیات، با header مشخص و بدون ناوبری اجباری.

AYURA

AuthShell

قاب متمرکز public/auth بدون Bottom Navigation.

پیش از ساخت صفحات محصول

رنگ‌های نهایی، ترتیب ناوبری، نشان برند و رفتار دسکتاپ نیازمند تأیید هستند. این نسخه صرفاً سیستم طراحی است.