تقویم جلالیِ آفلایناول، برای همهٔ دستگاههای شما
این نمونهٔ اولیه، تجربهٔ اصلی محصول را بازسازی میکند: ورود دومرحلهای، شش نمای تقویم (ماه، هفته، روز، برنامه، سال و وظایف)، ساخت و ویرایش رویداد با تاریخیاب جلالی، مدیریت تقویمها و حل تداخل همگامسازی.
صفحات نمونه
ورود دومرحلهای
شماره همراه، کد یکبارمصرف ششرقمی با ارقام فارسی، شمارش معکوس ارسال مجدد و حالت خطا.
- اعتبارسنجی زندهٔ شماره
- جعبههای کد با تبدیل ارقام فارسی
تقویم اصلی
قلب محصول: نماهای ماهانه، هفتگی، روزانه، برنامه و سالانه با نوار کنارِ راست و مودال رویداد.
- ایجاد، مشاهده و ویرایش رویداد + تاریخیاب جلالی
- مدیریت تقویمها با فیلتر رنگی
- نشان تداخل همگامسازی و رزرو
- جستجو، حالت تاریک، سه کلاس پنجره
وظایف
نمای یکپارچهٔ وظایف درون اپلیکیشن تقویم — از ریل، نوار پایین و کارت کناربر دسترسیپذیر است.
- چهار دسته با شمارندهٔ زنده و افزودن سریع
- پیشنمایش جزئیات، اولویت و موعد جلالی
دیزاین سیستم
مستندات دیزاین سیستم تقویمم
پنج صفحه سرآغاز و اصول، مبانی (رنگ، تایپ، فاصله، آیکون، تقویم جلالی)، کتابخانه ۱۶ کامپوننت با نمونه زنده، ده الگوی کاربری و هویت بصری برند — همگی از همان توکنها و کلاسهای واقعی همین پروتوتایپ.
ورود به مستندات ←هویت بصری تقویمم
سه مسیر نماد و لوگوتایپ (خورشیدِ صفحه، نقطهٔ امروز، تیکِ صفحه)، لوکآپها، قواعد کاربرد و آیکون اپ — مسیر منتخب «نقطهٔ امروز» در کل پروتوتایپ نشسته است.
مشاهدهٔ هویت ←پایههای طراحی
رنگ یکپارچه
آبی برند #2563EB در هر دو سرویس وب و موبایل یکسان شد؛ پالت رویدادها به ۸ رنگ و قرمز تعطیلات (#D41317) از قرمز خطا جدا شد.
تایپوگرافی
تقویمم ۱۲۳
دانا (DanaFaNum) — یک خانواده برای کل محصول (متن و رابط)؛ بارگذاری محلی از پوشهٔ پروژه و ارقام فارسی ذاتی در خود فونت. فاصلهٔ حروف پیشفرض.
گرید جلالی
شروع هفته شنبه؛ جمعه و تعطیلات رسمی قرمز؛ امروز با دایرهٔ پر؛ روزهای ماه مجاور کمرنگ.
ناوبری واکنشگرا
≥۸۴۰px — نوار کنار دائمی (راست)
۶۰۰–۸۳۹ — ریل باریک ۸۰px + کشو
<۶۰۰ — نوار پایین ۵تایی + دکمهٔ شناور
شعاعها ۴/۸/۱۲/۱۶؛ واحد فاصله ۴px؛ MD3.
پوشش این نسخه
در این نمونه کار میکند
- پنج نمای تقویم + ناوبری ماه/هفته/روز با کیبورد
- ایجاد/مشاهده/ویرایش/حذف رویداد با اعتبارسنجی و بازگردانی حذف — کلیک روی رویداد ابتدا پیشنمایش جزئیات را باز میکند و ویرایش گام بعدی است
- تاریخیاب و ساعتیاب جلالی در مودال رویداد
- نمایش/مخفیکردن و افزودن و حذف تقویم (جایگزین prompt())
- نشان و مودال تداخل همگامسازی (بازگردانی / رد)
- جستجوی رویدادها از نوار بالا
- حالت تاریک و بازنشانی دادهٔ نمونه
- مستندات کامل دیزاین سیستم در پنج صفحه + هویت بصری برند
خارج از پوشش
- همگامسازی واقعی — تداخلها شبیهسازی شدهاند
- پنل یادآورها (W18) و نمای سال در اپ موبایل
- صفحات حساب کاربری، پشتیبانی و تیکتها (M8–M16)
- اپ اندروید — این نمونه فقط وب است
- دادهها نمایشیاند و با پاککردن حافظهٔ مرورگر بازنشانی میشوند