تبدیل طرح های Adobe XD به کد وب بوسیله Avocode 3

هنگامی که شما طراحی می کنید و آن را به یک وبسایت کاملا کد شده تبدیل می کنید، با همان نرم افزاری که برای ایجاد این طراحی استفاده می شود، همیشه رویکرد کارآمد نیست.
به جای آن با استفاده از چیزی مانند Adobe XD، طرح، یا Adobe Photoshop، می توانید از یک برنامه Handoff در طول فاز کدگذاری استفاده کنید. چیزی شبیه Avocode 3.
avocode می تواند آن را بسیار آسان تر انجام کارها مانند صادرات تصاویر، تولید CSS، ارزیابی اندازه گیری ها، کار با متغیرها و یک دسته کامل بیشتر.
این دوره دوم در یک سری دو بخش است. در اولین اولین، ما یک طراحی با کد دوستانه در Adobe XD ایجاد کردیم و در این دوره ما این طراحی را می گیریم و آن را به یک وب سایت کاملا کد شده و کاملا پاسخگو با کمک Avocode 3 تبدیل خواهیم کرد.
بیایید شروع کنیم در "Adobe XD به کد با Avocode 3".
یادگیری Adobe XD
ما یک راهنمای جامع را برای کمک به یادگیری Adobe XD ساخته ایم، آیا شما فقط با طراحی UX شروع به کار می کنید؟ شما می خواهید نمونه سازی و همکاری را کشف کنید.

عنوان اصلی : Adobe XD to Code With Avocode 3

سرفصل های دوره :

01 مقدمه:
001 به دوره خوش آمدید
02 آماده سازی و مبانی:
001 راه اندازی، طراحی واردات، و پیکربندی تنظیمات
002 صادرات تصاویر
003 ایجاد متغیرهای CSS
004 کد پایه کد HTML و متغیرهای CSS
005 طرح اساسی و رنگ پس زمینه
03 پانل های خوش آمدید و تایپوگرافی:
001 ایجاد یک پانل تصویر 169
002 اضافه کردن پانل 1 کاشی محتوا
003 ساخت پانل 1 پاسخگو
004 تایپوگرافی و پانل های 2�5
005 لینک ها و دکمه ها
006 تنظیم پنل پاسخگو
04 پانل های پاسخگو دو ستون:
01 تنظیم سریع پنل 6 تنظیم
002 یک تصویر قرص مقیاس پذیر را با اندازه فایل کم تنظیم کنید
003 پانل 6 پاسخگو
004 تنظیم پنل 7 را با یک تصویر لپ تاپ قطع شده
005 سریع پاورقی
05 نتیجه گیری:
001 بسته شدن