الگوها
الگوهای ترکیب، دستور آشپزی، قالب صفحه، و راهنمای نوشتار
معرفی
کامپوننت یک قطعه است، الگو یک تصمیم است. این بخش جایی است که تصمیمهایی مستند میشوند که هیچ کامپوننتی بهتنهایی مالکشان نیست: کدام نوع overlay، چه چیزی وقتی داده نیست، چطور یک صفحه در موبایل بازچین میشود.
سه چیز را با هم اشتباه نگیرید:
- کامپوننت — یک واحد با API؛ در کامپوننتها
- الگو — یک تصمیم که چند کامپوننت را کنار هم میگذارد؛ همینجا
- بلاک — یک صفحهی کامل و کارکننده که کپی میکنید؛ در گالری بلاکها
اگر چیزی که میخواهید یک صفحهی کامل است، اول سراغ بلاک بروید. الگو را وقتی بخوانید که میخواهید بدانید چرا آن بلاک اینطور چیده شده.
راهنمای انتخاب
چیدمان
ناوبری
مودالیتی (Modality)
اعلام تغییرات محصول
الگوهای فرم
الگوهای بارگذاری
حالتهای خالی
الگوهای خطا
الگوهای ریسپانسیو
فرم با اعتبارسنجی
دیالوگ تأیید حذف
جدول با مرتبسازی
ترکیب داشبورد
صفحه تحلیل
صفحه جدول داده
محتوا و لحن
اشتباهات رایج
دستهبندی
| گروه | چه چیزی است |
|---|---|
| الگوهای بنیادین | تصمیمهای فرابخشی که روی هر صفحهای اعمال میشوند — از چیدمان تا حالتهای غیرعادی |
| دستور آشپزی | راهنمای یک ترکیب مشخص از چند کامپوننت |
| قالب صفحه | ترکیب یک صفحهی کامل؛ کدِ کارکنندهاش در گالری بلاکها است |
| نوشتار و کیفیت | لحن و واژگان، و اشتباههایی که نباید تکرار شوند |
نکات مشترک
هر صفحهای که داده نشان میدهد، پنج حالت دارد، نه یکی. بارگذاری، خالی، خطا، ناقص (بخشی آمد، بخشی نه)، و موفق. حالت ناقص همان است که بیشتر از همه فراموش میشود: صفحهی چهارم از دوازده شکست خورده، درحالیکه سه صفحهی اول روی صفحهاند. در این حالت دادهی قبلی را نگه دارید و خطا را inline نشان دهید — کل صفحه را با یک ErrorState جایگزین نکنید.
دو حالت همزمان نمایش داده نمیشوند
ترتیب همیشه یکی است: اسکلتون → سپس داده، خالی، یا خطا. هرگز اسکلتون و حالت خالی با هم. و «صفر نتیجه» خطا نیست —
برای آن حالت خالی به کار ببرید، نه ErrorState.
نکتهی دوم: DataTable در پرتو سمت سرور صفحهبندی میشود. هیچچیزی را از صفحهی جاری استنتاج نکنید — نه تعداد کل، نه شمارش فیلترها، نه مرتبسازی. آنها را سرور میدهد.