اولین ترفند ادوبی XD را در قسمت اول از مجموعه مقالات ترفندها و نکته های Adobe Xd به شما معرفی کردیم. در این مطلب ترفندهای دوم تا چهاردهم را یاد می گیرید و مابقی آن ها را در قسمت سوم (آخر) این مقالات خواهید خواند.
ترفند دوم؛ بردارها را از فتوشاپ وارد کنید
اگر می خواهید تصاویر برداری را از فتوشاپ به ادوبی XD انتقال دهید، محدوده مورد نظر خود را انتخاب کنید سپس همزمان کلیدهای میانبر کنترل (Ctrl) + شیفت (C) + (Shift) را بگیرید. (این عملیات، تمام اجزاء محیط انتخاب شده که قابل رویت است را با هم کپی می‌کند، حتی اگر لایه مورد نظر را انتخاب نکرده باشید). سپس در Adobe XD کلیدهای (Ctrl) + (V) را بگیرید تا تصویر مورد نظر شما به صفحه منتقل شود.
با این حال می توانید با کلیک راست روی لایه مورد نظر (از نوار ابزار لایه ها)، انتخاب گزینه «Copy SVG» و paste کردن آن در Adobe XD مشابه همین عملیات را انجام دهید.
ترفند سوم؛ ۱۰ پیکسل شبکه ? ۱۰ پیکسل ناج nudge
در ادوبی XD می توانید با استفاده از کلیدهای میانبر کنترل (Ctrl)+’ ، شبکه (Grid) را برای آرتبورد (Artboard) فعال کنید. به طور پیش فرض، ابعاد شبکه روی ۸ پیکسل تنظیم شده است. بنابراین اگر بخواهیم با استفاده از کلیدهای Shift + فلش چپ / راست یا بالا / پایین، عناصر را در گریدهای ۸ پیکسل حرکت دهیم به درستی فیت نمی‌شوند. برای رفع این مشکل می توانید روی نام آرتبورد Artboard کلیک کنید تا به حالت انتخاب در بیاید، سپس مقدار پیش فرض ۸ پیکسل را به ۱۰ پیکسل تغییر دهید تا حرکت عناصر با خط های شبکه مطابقت داشته باشد. این مقدار را می توانید با کلیک کردن روی دکمه Make Default به عنوان پیش فرض برای پروژه های بعدی تعریف کنید.
پی نوشت: “ناج nudge “ واحد هر حرکت در ادوبی فتوشاپ، ادوبی XD یا… است. یعنی اگر دکمه Shift را بگیریم و کلیدهای فلش چپ / راست یا بالا / پایین را فشار دهیم، یک ناج انجام دادیم.
ترفند چهارم؛ Guideline آری یا نه! ?
در ادوبی xd ، خطوط راهنما یا همان Guideline ها مانند فتوشاپ وجود ندارند، ولی هنگام درگ کردن، راهنماهای هوشمندی ظاهر می شوند و به مکان‌یابی بهتر اجزا کمک می‌کنند. اما گاهی این رفتار پیش فرض ممکن است چسبیدن یا چفت شدن ناخواسته ایجاد کند. برای غیرفعال کردن موقتی راهنماهای هوشمند، دکمه Cmd (مک) یا Control (ویندوز) را هنگام درگ کردن فشار دهید.
ترفند پنجم؛ راهنماهای استایل برای نجات!
بهتر است برای راهنماهای استایل، Artboard های جداگانه ایجاد کنید. جایی که تمام مشخصات هویتی مانند رنگ، تایپوگرافی، استایل‌های مشترک و کنترل هایی مانند دکمه‌ها، ورودی ها، و آیکون های مشترک را قرار می‌دهید.
ترفند ششم؛ سبک های تایپ و استفاده مجدد از استایل تایپ?
برای تایپ کردن یک متن عمودی می‌توانید از سایت gridlover.net استفاده کنید. برای استفاده مجدد از استایل های متنی که قبلا در Adobe XD تایپ کرده بودید به شکل زیر است:
متنی که می‌خواهید به عنوان مرجع برای استایل جدید استفاده کنید را انتخاب کنید، سپس یک منطقه تایپ جدید ایجاد و متن مورد را نظر را تایپ کنید؛ می‌بینید که استایل متن انتخاب شده قبلی را گرفته است.
ترفند هفتم؛ فوت و فن شیرین سایز فونت ?
می‌توانید سایز فونت را با درگ کردن بیضی کوچک در پایین خط بیرونی متن کوچک و بزرگ کنید. فیلد تکست باید از نوع نقطه باشد، به این معنا که باید با یک بار کلیک کردن موس ایجاد شده باشد و نه با درگ کردن فیلد تکست.
ترفند هشتم؛ زیرمجموعه استایل متن
هر فیلد متن شامل ساب‌استایل (زیرمجوعه استایل) هایی با ویژگی‌های مختلفی مانند رنگ و وزن است.
ترفند نهم؛ ایجاد متن با چسباندن مستقیم متن
متن دلخواه خود را کپی و آن را مستقیماً در Adobe XD پیست کنید تا فیلد تکست به صورت اتوماتیک ایجاد شود.
ترفند دهم؛ ریست کردن ارتفاع خط با عدد صفر
بعد از آزمایش ارتفاع بین خطوط متن، ممکن است بخواهید به مقادیر پیش‌فرض برگردید. نیازی نیست حدس بزنید، فقط برای مقدار ارتفاع ورودی عدد صفر را قرار دهید تا ریست شود.
ترفند یازدهم؛ لمس مقادیر رنگ‌ها
در ادوبی xd از دکمه شیفت و جهت های راست یا چپ کیبورد برای تغییر مقادیر در ورودی‌هایی مانند آلفا یا رنگ استفاده کنید.
ترفند دوازدهم؛ مقدار رنگ #HEX ??????
در باکس انتخاب رنگ، از مقادیر هگزا دسیمال (در مبنای ۱۶) برای انتخاب رنگ دقیق‌تر استفاده کنید. می‌توانید یک حرف، عدد یا ترکیبی از آن‌ها را برای به دست آوردن نتایج مختلف استفاده کنید.
ترفند سیزدهم؛ آیکون های ساده در XD
گاهی اوقات ساده تر و سریع تر است که از ابزارهای دیفالت Adobe XD مثل شکل‌ها و قلم ها و عملگرهای بولین روی شکل‌ها استفاده کنید و آیکون های ساده رسم کنید.
ترفند چهاردهم؛ تبدیل متن به اشکال
برای تبدیل متن به شکل و ویرایش نقاط برداری هر حرف، از میانبر Cmd/Control + 8 استفاده کنید.
قسمت آخر این مطلب را از اینجا بخوانید.
منبع: https://medium.com