فلش‌کارت‌های آموزشی Applied Apple Graphics: تسلط بر طراحی گرافیکی در برنامه‌های iOS و macOS

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره Applied Apple Graphics: تسلط بر طراحی گرافیکی در برنامه‌های iOS و macOS

موضوع کلی: توسعه گرافیک و رابط کاربری اپل

موضوع میانی: مبانی و تکنیک‌های گرافیک در اپل

📋 سرفصل‌های دوره

• 1. مقدمه‌ای بر اکوسیستم گرافیک اپل: iOS، macOS، watchOS، tvOS
• 2. بررسی اجمالی فریمورک‌های گرافیکی (UIKit/AppKit, SwiftUI, Core Graphics, Core Animation, Metal)
• 3. آشنایی با سیستم مختصات در iOS و macOS: تفاوت‌ها و شباهت‌ها
• 4. رزولوشن، نقاط (Points) و پیکسل‌ها (Pixels): درک Retina Display
• 5. مفاهیم رنگ: RGB, HSB, CMYK و فضای رنگی P3
• 6. مقدمه‌ای بر `CALayer` و نقش آن در رندرینگ
• 7. معرفی `UIView` و `NSView` به عنوان بوم نقاشی
• 8. چرخه حیات رندرینگ: از کد تا نمایش روی صفحه
• 9. اصول اولیه طراحی واکنش‌گرا (Responsive Design) برای گرافیک
• 10. ابزارهای توسعه گرافیکی: Xcode, Instruments, Asset Catalogs
• 11. آشنایی با `CGContext` و مفهوم آن در Core Graphics
• 12. ترسیم اشکال هندسی پایه: خط، مستطیل، دایره
• 13. کار با Pathها (مسیرها): `CGMutablePath` و `UIBezierPath`
• 14. استایل‌دهی به مسیرها: ضخامت خط، نوع انتها و اتصال (Line Caps & Joins)
• 15. پر کردن اشکال: `fill` و `stroke`
• 16. استفاده از رنگ‌ها در Core Graphics: `UIColor`, `NSColor` و `CGColor`
• 17. گریدینت‌ها (Gradients): خطی و شعاعی در Core Graphics
• 18. اعمال Transformها: جابجایی، مقیاس‌دهی، دوران (Translation, Scale, Rotation)
• 19. عملیات Save و Restore کانتکست گرافیکی
• 20. رندرینگ خارج از صفحه (Offscreen Rendering) با `UIGraphicsImageRenderer`
• 21. ایجاد `Custom View` برای نقاشی سفارشی
• 22. متد `draw(_: )` در `UIView` و `draw(_: )` در `NSView`
• 23. نقاشی با `UIBezierPath` (iOS) و `NSBezierPath` (macOS)
• 24. افزودن تصاویر به نقاشی‌ها: `UIImage` و `NSImage`
• 25. استفاده از `CGContext` در `draw(_: )`
• 26. سایه‌ها (Shadows) و Blurring در لایه‌ها و Viewها
• 27. ماسک‌ها (Masks) و Clipping Pathها
• 28. ترکیب (Compositing) و Blend Modeها
• 29. مدیریت رندرینگ و بهینه‌سازی نقاشی در `UIView` و `NSView`
• 30. تعامل با رویدادهای لمسی و کلیک برای نقاشی
• 31. اصول اولیه ترسیم متن با `NSString` و `NSAttributedString`
• 32. استفاده از `Core Text` برای کنترل پیشرفته‌تر متن
• 33. تنظیم فونت‌ها، اندازه و رنگ متن
• 34. تراز بندی (Alignment) و شکستن خطوط (Line Breaking)
• 35. ترسیم متن در یک Path یا شکل خاص
• 36. کار با `Text Kit` در iOS و macOS
• 37. ویژگی‌های پیشرفته متن: Ligatures, Kerning
• 38. پشتیبانی از زبان‌های Right-to-Left (RTL) در متن گرافیکی
• 39. Dynamic Type و مقیاس‌پذیری متن
• 40. ایجاد و استفاده از Glyphs سفارشی
• 41. آشنایی با پروتکل `Shape` و `View`های گرافیکی در SwiftUI
• 42. ترسیم اشکال پایه (Rectangle, Circle, Ellipse, Capsule)
• 43. ایجاد Pathهای سفارشی با `Path`
• 44. اعمال Modifierهای گرافیکی: `stroke`, `fill`, `trim`
• 45. گریدینت‌ها در SwiftUI: `LinearGradient`, `RadialGradient`, `AngularGradient`
• 46. استفاده از `Canvas` برای نقاشی پیشرفته و imperative
• 47. اعمال `DrawingGroup` برای بهینه‌سازی عملکرد
• 48. انیمیشن اشکال و Pathها در SwiftUI
• 49. `SF Symbols`: استفاده از آیکون‌های سیستمی
• 50. ترکیب Viewهای UIKit/AppKit با SwiftUI برای گرافیک
• 51. ساختار `CALayer` و سلسله مراتب لایه‌ها
• 52. خواص کلیدی `CALayer`: Position, Bounds, Anchor Point
• 53. انیمیشن‌های پایه (Basic Animations) با `CABasicAnimation`
• 54. انیمیشن‌های Keyframe با `CAKeyframeAnimation`
• 55. استفاده از `CATransition` برای انتقال (Transitions)
• 56. گروه بندی انیمیشن‌ها با `CAAnimationGroup`
• 57. Time Functions و Easing Curves برای کنترل سرعت انیمیشن
• 58. انیمیشن‌های ضمنی (Implicit) و صریح (Explicit)
• 59. کنترل انیمیشن: توقف، مکث و از سرگیری
• 60. آشنایی با `CAShapeLayer` و `CATextLayer`
• 61. مقدمه‌ای بر Core Image و فیلترهای آن
• 62. کار با `CIImage` و `CIContext`
• 63. اعمال فیلترهای داخلی (Built-in Filters)
• 64. زنجیره‌سازی فیلترها (Chaining Filters)
• 65. تنظیم پارامترهای فیلتر و Key-Value Coding
• 66. تشخیص چهره و اشیاء با Core Image
• 67. استفاده از Core Image برای پردازش ویدئو
• 68. بهبود عملکرد Core Image با GPU
• 69. ایجاد فیلترهای سفارشی با `CIKernel`
• 70. ترکیب Core Image با Core Graphics و UIKit/AppKit
• 71. آشنایی با Metal: رندرینگ گرافیکی سطح پایین
• 72. تفاوت Metal با فریمورک‌های سطح بالاتر (Core Graphics, Core Animation)
• 73. سخت‌افزار GPU و مدل برنامه‌نویسی آن
• 74. `MTLDevice` و مدیریت منابع GPU
• 75. `MTLCommandQueue` و `MTLCommandBuffer`
• 76. ترسیم اشکال ساده با Metal: مثلث و مستطیل
• 77. Shaders: Vertex Shader و Fragment Shader (معرفی)
• 78. بافرها (Buffers) در Metal برای داده‌های هندسی
• 79. معرفی Textures در Metal
• 80. ابزارهای دیباگینگ و پروفایلینگ Metal
• 81. پروفایلینگ عملکرد گرافیکی با Instruments
• 82. شناسایی و کاهش Overdraw
• 83. کشینگ (Caching) محتوای رندر شده
• 84. استفاده بهینه از لایه‌ها و `CALayer`
• 85. بهینه‌سازی تصاویر: فشرده‌سازی و فرمت‌های مناسب (PNG, JPEG, HEIC)
• 86. مدیریت منابع و مصرف حافظه GPU
• 87. استفاده از `UIGraphicsImageRenderer` برای رندرینگ کارآمد
• 88. Thread Safety در عملیات گرافیکی
• 89. انتخاب فریمورک مناسب برای هر کار (Core Graphics vs. Metal vs. SwiftUI)
• 90. استراتژی‌های رندرینگ برای انیمیشن‌های پیچیده
• 91. گرافیک و Accessibility: VoiceOver و تضاد رنگ
• 92. پشتیبانی از Dark Mode در گرافیک سفارشی
• 93. Localization و Internationalization در گرافیک
• 94. طراحی آیکون‌ها و Assets با Asset Catalogs
• 95. استفاده از گرافیک وکتور (PDF, SVG) در پروژه‌ها
• 96. ابزارهای طراحی (Sketch, Figma, Adobe XD) و همگام‌سازی با Xcode
• 97. اصول طراحی متریال و Fluent برای اپل (Human Interface Guidelines)
• 98. تست خودکار (Automated Testing) کامپوننت‌های گرافیکی
• 99. آینده گرافیک در اپل: واقعیت افزوده (ARKit) و واقعیت مجازی (VisionOS)
• 100. جمع‌بندی و پروژه‌های عملی: ساخت یک کامپوننت گرافیکی کامل