فلش‌کارت‌های آموزشی اصول سلسله مراتب بصری در طراحی رابط کاربری (UI)

📚 کتاب آموزشی جامع

📚 اطلاعات کتاب

عنوان کتاب: کتاب اصول سلسله مراتب بصری در طراحی رابط کاربری (UI)

موضوع کلی: طراحی و گرافیک دیجیتال

موضوع میانی: طراحی رابط کاربری (UI)

📋 سرفصل‌های کتاب (100 موضوع)

• 1. اصول سلسله مراتب بصری در طراحی رابط کاربری (UI)
• 2. مقدمه ای بر سلسله مراتب بصری
• 3. اهمیت سلسله مراتب بصری در UI
• 4. تأثیر سلسله مراتب بصری بر تجربه کاربری (UX)
• 5. هدف اصلی سلسله مراتب بصری
• 6. چگونه سلسله مراتب بصری اطلاعات را سازماندهی می کند
• 7. چالش های طراحی سلسله مراتب بصری
• 8. مفاهیم کلیدی در سلسله مراتب بصری
• 9. عناصر سازنده سلسله مراتب بصری
• 10. نقش سلسله مراتب بصری در هدایت کاربر
• 11. ارتباط بین سلسله مراتب بصری و شناخت کاربر
• 12. تکنیک های اصلی ایجاد سلسله مراتب بصری
• 13. قوانین گشتالت در طراحی UI
• 14. قانون مجاورت و ارتباط آن با سلسله مراتب
• 15. قانون شباهت و نقش آن در گروه بندی
• 16. قانون بسته بودن و تکمیل بصری
• 17. قانون پیوستگی و جریان بصری
• 18. قانون شکل-زمینه و تفکیک عناصر
• 19. قانون تکرار و ایجاد ریتم
• 20. قانون نقطه کانونی و جلب توجه
• 21. تأثیر تضاد (Contrast) در سلسله مراتب
• 22. تضاد رنگی و اهمیت آن
• 23. تضاد اندازه و مقیاس بندی عناصر
• 24. تضاد شکل و تمایز بصری
• 25. تضاد وزن (Weight) فونت ها
• 26. تضاد فضا (Spacing) و فاصله گذاری
• 27. تأثیر سلسله مراتب اندازه (Size Hierarchy)
• 28. استفاده از اندازه برای نشان دادن اهمیت
• 29. اندازه گذاری عنوان ها و زیر عنوان ها
• 30. اندازه گذاری دکمه ها و عناصر تعاملی
• 31. اندازه گذاری متن بدنه و جزئیات
• 32. تأثیر سلسله مراتب رنگ (Color Hierarchy)
• 33. استفاده از رنگ برای برجسته سازی
• 34. رنگ های اصلی و ثانویه در UI
• 35. رنگ های سیگنال (مانند خطا، موفقیت)
• 36. تأثیر سلسله مراتب فونت (Typography Hierarchy)
• 37. انتخاب فونت مناسب برای سطوح مختلف
• 38. استفاده از وزن و سبک فونت
• 39. اندازه فونت برای عنوان ها، زیرعنوان ها و متن
• 40. فاصله گذاری خطوط (Line Height) و فاصله بین کلمات
• 41. تأثیر سلسله مراتب فضایی (Spatial Hierarchy)
• 42. اهمیت فضای سفید (Whitespace)
• 43. فاصله گذاری بین عناصر (Padding & Margin)
• 44. گروه بندی بصری عناصر مرتبط
• 45. استفاده از بلوک های محتوایی
• 46. تأثیر سلسله مراتب بصری در ناوبری (Navigation)
• 47. هدایت کاربر از طریق منوها و لینک ها
• 48. برجسته سازی بخش فعال یا فعلی
• 49. ساختاردهی منوهای کشویی و تب ها
• 50. تأثیر سلسله مراتب بصری در فرم ها
• 51. اولویت بندی فیلدهای فرم
• 52. چیدمان منطقی فیلدهای ورودی
• 53. برجسته سازی دکمه های اصلی فرم
• 54. تأثیر سلسله مراتب بصری در دکمه ها و CTA ها
• 55. اهمیت دکمه های فراخوان عمل (CTA)
• 56. طراحی دکمه های اصلی و ثانویه
• 57. استفاده از رنگ و اندازه برای برجسته سازی CTA
• 58. تأثیر سلسله مراتب بصری در آیکون ها
• 59. اهمیت وضوح آیکون ها
• 60. اندازه و محل قرارگیری آیکون ها
• 61. استفاده از آیکون ها برای نمایش عملکرد
• 62. تأثیر سلسله مراتب بصری در تصاویر و رسانه ها
• 63. جایگاه تصاویر در سلسله مراتب بصری
• 64. اندازه و کیفیت تصاویر
• 65. استفاده از تصاویر برای جلب توجه
• 66. تأثیر سلسله مراتب بصری در جداول و لیست ها
• 67. سازماندهی اطلاعات در جداول
• 68. استفاده از ردیف ها و ستون ها
• 69. برجسته سازی ردیف ها یا سلول های مهم
• 70. تأثیر سلسله مراتب بصری در کارت ها (Cards)
• 71. طراحی ساختار کارت ها
• 72. اولویت بندی محتوای درون کارت
• 73. تأثیر سلسله مراتب بصری در صفحه بندی (Pagination)
• 74. هدایت کاربر بین صفحات
• 75. برجسته سازی صفحه فعلی
• 76. تأثیر سلسله مراتب بصری در اعلان ها (Notifications)
• 77. اهمیت اعلان های فوری
• 78. طراحی بصری اعلان ها
• 79. تأثیر سلسله مراتب بصری در پیام ها (Messages)
• 80. پیام های سیستمی در مقابل پیام های کاربر
• 81. طراحی بصری پیام ها
• 82. تأثیر سلسله مراتب بصری در نمودارها و گراف ها
• 83. ارائه بصری داده ها
• 84. برجسته سازی نقاط کلیدی در نمودارها
• 85. تأثیر سلسله مراتب بصری در صفحات خطا (Error Pages)
• 86. هدایت کاربر در مواقع خطا
• 87. ارائه اطلاعات واضح در صفحات خطا
• 88. تأثیر سلسله مراتب بصری در صفحات بارگذاری (Loading Pages)
• 89. مدیریت انتظار کاربر
• 90. طراحی بصری صفحات بارگذاری
• 91. تأثیر سلسله مراتب بصری در حالت های خالی (Empty States)
• 92. راهنمایی کاربر در صفحات خالی
• 93. طراحی بصری حالت های خالی
• 94. تأثیر سلسله مراتب بصری در حالت های آفلاین (Offline States)
• 95. اطلاع رسانی به کاربر در حالت آفلاین
• 96. طراحی بصری حالت های آفلاین
• 97. تأثیر سلسله مراتب بصری در حالت های موفقیت (Success States)
• 98. تأیید انجام موفقیت آمیز عمل
• 99. طراحی بصری حالت های موفقیت
• 100. تأثیر سلسله مراتب بصری در حالت های هشدار (Warning States)