یادداشت آرشیوی: این آموزش مربوط به زمانی است که Adobe XD ابزار فعالی برای UI Design بود. Adobe XD دیگر توسعه فعال سابق را ندارد، اما مفهوم Component و استفاده مجدد از عناصر رابط همچنان یکی از اصول مهم طراحی محصول و Design System است.
Component چیست؟
Component یک عنصر قابل استفاده مجدد مثل Button، Input یا Card است. به‌جای ساخت دوباره همان عنصر در چند صفحه، یک نمونه اصلی می‌سازید و از Instanceهای آن در بخش‌های مختلف طراحی استفاده می‌کنید.
چرا Componentها مهم‌اند؟
- کاهش تکرار در طراحی
- حفظ هماهنگی بین صفحات
- ساده‌تر شدن تغییرات سراسری
- پایه مناسب برای ساخت Design System
Content-Aware Layout چه کمکی می‌کرد؟
در Adobe XD، Content-Aware Layout کمک می‌کرد اندازه یا فاصله بعضی عناصر با تغییر محتوا تطبیق پیدا کند. مثال ساده آن Buttonی است که با تغییر Label، اندازه‌اش نیز متناسب با متن تنظیم می‌شود. امروز همین مسئله در Figma معمولا با Auto Layout و Componentها حل می‌شود.
ویدیوی آموزش Adobe XD
مسیر امروزی‌تر برای یادگیری Componentها
اگر امروز UI Design را شروع می‌کنید، پیشنهاد بهتر استفاده از Figma است. برای ادامه می‌توانید آموزش Variants در Figma، Auto Layout در Figma و دوره Design System را ببینید.
