راهنمای Export در XD: خروجی برای برنامهنویسها و طراحان ، برای برنامهنویسها، بهترین روش استفاده از قابلیت Share for Development است که یک لینک آنلاین با تمام مشخصات و داراییها ایجاد میکند. برای طراحان، بهترین روش استفاده از منوی Export (Ctrl+E) برای خروجی گرفتن فایلهای تصویری باکیفیت است.
بخش اول: خروجی برای برنامهنویسها (Handoff to Developers)
هدف در این بخش، تحویل دادن طرح به شکلی است که برنامهنویس بتواند به راحتی تمام مشخصات فنی (رنگ، اندازه، فاصله) و داراییهای گرافیکی (آیکون، تصویر) را استخراج کند.
بهترین روش: استفاده از Share for Development
این قابلیت مدرن و کارآمد، فرآیند تحویل طرح (Handoff) را بسیار ساده میکند. شما به جای ارسال دهها فایل تصویری، فقط یک لینک برای برنامهنویس میفرستید.
چگونه؟
- در ادوبی ایکس دی، وارد تب Share در بالای صفحه شوید.
- در پنل سمت راست، در بخش View Setting، گزینه Development را انتخاب کنید.
- میتوانید مشخص کنید که داراییها (Assets) برای چه پلتفرمهایی (وب، iOS، اندروید) آماده شوند.
- روی دکمه Create Link کلیک کنید. XD یک لینک منحصر به فرد ایجاد میکند که میتوانید آن را کپی کرده و برای تیم توسعه ارسال نمایید.
برنامهنویس با باز کردن این لینک چه چیزی میبیند؟
- پیشنمایش تعاملی: میتواند در پروتوتایپ شما کلیک کرده و بین صفحات جابجا شود.
- مشخصات طراحی (Design Specs): با کلیک روی هر عنصر، تمام مشخصات آن در پنل سمت راست نمایش داده میشود:
- ابعاد (عرض و ارتفاع).
- کد رنگها (HEX, RGBA, HSL).
- مشخصات فونت (نام، اندازه، وزن).
- فاصله آن عنصر با عناصر اطراف (با نگه داشتن کلید Alt یا Option).
- دانلود داراییها (Assets): برنامهنویس میتواند آیکونها، تصاویر و سایر عناصر گرافیکی را مستقیماً از همان صفحه وب در فرمتهای SVG، PNG، PDF و JPG دانلود کند.
بخش دوم: خروجی برای طراحان (ارائه، پورتفولیو و …)
هدف در این بخش، ایجاد فایلهای تصویری باکیفیت برای استفاده در ارائهها، پورتفولیو، شبکههای اجتماعی یا انتقال به نرمافزارهای دیگر است.
بهترین روش: استفاده از منوی Export
- انتخاب آیتمها: ابتدا، آیتم یا آیتمهایی را که میخواهید از آنها خروجی بگیرید، انتخاب کنید. این آیتم میتواند یک آرتبورد کامل، یک گروه از لایهها یا حتی یک عنصر تکی باشد.
- باز کردن پنجره Export: به منوی File > Export بروید یا از کلید میانبر Ctrl + E (در ویندوز) یا Cmd + E (در مک) استفاده کنید.
- Export Selected: فقط آیتمهای انتخابشده را خروجی میگیرد.
- Export All Artboards: از تمام آرتبوردهای پروژه خروجی میگیرد.
- انتخاب فرمت: در پنجره Export، فرمت مورد نظر خود را انتخاب کنید:
- PNG: بهترین گزینه برای تصاویر گرافیکی، آیکونها و هر طرحی که نیاز به پسزمینه شفاف (Transparency) دارد. میتوانید در اندازههای مختلف (1x, 2x, 3x) برای نمایشگرهای با تراکم پیکسلی متفاوت خروجی بگیرید.
- JPG: مناسب برای عکسها و تصاویر پیچیده که شفافیت نیاز ندارند. میتوانید کیفیت (Quality) را برای کنترل حجم فایل تنظیم کنید (معمولاً 80% تا 90% ایدهآل است).
- SVG: بهترین فرمت برای آیکونها و لوگوها. این فرمت وکتور است، حجم بسیار کمی دارد و بدون افت کیفیت، بینهایت بزرگ یا کوچک میشود.
- PDF: عالی برای به اشتراکگذاری کل طرح به صورت یک سند چندصفحهای. تمام آرتبوردها به صورت صفحات جداگانه در یک فایل PDF ذخیره میشوند.
نکته تکمیلی: خروجی گرفتن کل پروژه
اگر میخواهید کل فایل قابل ویرایش پروژه را با یک طراح دیگر به اشتراک بگذارید، کافی است از منوی File > Save As، پروژه را با فرمت .xd ذخیره کرده و آن فایل را برای همکارتان ارسال کنید.