4.6
15

آموزش نرم افزار Adobe XD

نرم افزار Adobe XD اخیرا برای کمک به طراحان سایت و اپلیکیشن بصورت کاملا رایگان توسط شرکت اصلی (ادوبی) منتشر شده. با این نرم افزار می‌توانیم خیلی سریع و راحت سایت‌های خود را طراحی کنید. بدون دردسر‌های قبلی که در نرم‌افزار‌های طراحی سایت داشتیم! اما امروز آموزش نرم افزار Adobe XD را بصورت مقدماتی در اختیار شما قرار دادم تا بتونید کار با این نرم‌افزار رو شروع کنید. به زودی بصورت رایگان آموزش کامل کار با این نرم‌افزار رو در پنل دانشجویان دوره آموزش طراحی سایت قرار خواهیم داد.

دانلود رایگان نرم افزار Adobe XD

نرم افزار Adobe XD رو به صورت رایگان از سایت ادوبی میشه دریافتش کرد، البته با توجه به تحریم‌ها نیاز به سرویس‌های تغییر IP(آی‌پی) هست. ما با استفاده از این نرم‌افزار می‌تونیم برای ایفون، ایپد و یا برای وبسایتمون طراحی کنیم، یعنی حالت‌های ریسپانسیو مختلف رو می‌تونیم طراحی کنیم. 1366 در 768 سایزی هست که اکثر افراد توی ایران دارن با این سایز معمولا از وب استفاده میکنن. به صورت میانگین استفاده‌های زیادی داره. می‌تونیم با استفاده از این نرم‌افزار یک طرح اولیه یا حتی یک طرح نهایی از سایتمون پیاده کنیم، که بعد به سراغ برنامه نویسیشون بریم.

اگر بخواهیم یک قالب وردپرسی رو طراحی کنیم، همونطور که داخل دوره صفر تا صد طراحی وب‌سایت گفتیم با فتوشاپ می‌تونیم طرح مورد نظرمون رو پیاده کنیم، ضعف‌هاشو برطرف کنیم، بهبودهایی که می‌خوایم رو انجام بدیم و بعد به سراغ برنامه‌نویسی بریم. اینجوری راحت‌تر و سریع‌تر می‌تونیم به اون طرحی که می‌خوایم برسیم. می‌تونیم طرح فتوشاپ رو آماده کنیم و به مشتری بدیم. بعد اگر مشتری تایید نهایی رو داد، بعد بریم به سراغ برنامه‌نویسی و اون زمان شروع کنیم به نوشتن کدهای CSS, HTML, WordPress و طرح رو در نهایت بدون دردسر به مشتری تحویل بدیم.

بدون فتوشاپ هم میشه طرح زد، راه دیگه اینه که ما روی کاغذ طرح رو بکشیم که چندان جالب بیرون نمیاد، ولی یک نرم‌افزاری که کاملا رایگان شرکت ادوبی در اختیار ما قرار داده، نرم‌افزار Adobe XD هستش که دقیقا به کار ما میاد.

توی زمینه UI, UX می‌تونیم اول توی این نرم‌افزار خیلی راحت و بدون دردسر طراحیمون رو انجام بدیم و بعد ببریم توی فتوشاپ برای گرفتن خروجی، یا حتی همین نرم‌افزار خروجی CSS, HTML هم به ما میده ولی به صورت کامل نیست.

بخش‌های مختلف نرم‌افزار Adobe XD

در قسمت سمت چپ ToolBar قرار داره که که می‌‌تونیم ابزارهای مختلف رو انتخاب کنیم و ازشون استفاده کنیم.

بخش بعدی پنل اصلیه(Design) که سایت یا اپلیکیشنی رو که ما داریم طراحی می‌کنیم رو داخلش میبینیم و روی هرکدوم از لایه‌ها(Art Boards) که کلیک کنیم میتونیم توی پنل سمت راست اون رو مدیریت کنیم.

در قسمت پایین منوی ToolBar(سمت چپ پایین) پنل‌های مختلفی رو داریم که می‌تونیم انتخاب کنیم. پنل اول(Assets) در واقع میراث پروژمون هستش. فایل‌هایی که می‌خوایم توی پروژه ازشون استفاده کنیم رو اینجا قرار میدیم. پنل دوم(Layer) لایه‌هامون هستن که توی این نرم‌افزار بهشون آرت‌بورد(Art Board) گفته میشه.

ساخت Prototype در آدوبی XD

در بخش Prototype(سمت راست Design) ما می‌تونیم آرت‌بوردهای(Art Boards) مختلفی رو بسازیم، که برای مثال اگر روی درباره ما کلیلک کرده شد، این آرت‌بورد رو نمایش بده. یعنی بخش‌های مختلف سایتمون رو توی صفحات مختلف با این نرم‌افزار میتونیم طراحی کنیم.

با استفاده از دکمه Share(بالا سمت راست) میتونیم ویدئو بگیریم از لایه‌هامون یا بین دوستانمان که اکانت ادوبی دارن طرحمون رو به اشتراک بذاریم.

همچنین با استفاده از دکمه Play که سمت چپ دکمه Share قرار داره می‌‌تونیم به صورت زنده  یا همون پیش نمایش طرحی که زدیم رو ببینیم.

شاید یکم عجیب باشه، ولی این نرم‌افزار با همین چند قابلیت کوچیکی که داره می‌تونه طرح‌های مختلفی رو برای ما پیاده بکنه. بخشی از این نرم‌افزار در این ویدئو آموزش داده میشه، ولی آموزش کاملش در دوره صفر تا صد طراحی وبسایت قرار داده می‌شود.

راستی! برای دریافت مطالب وردپرسی در کانال تلگرام میهن وردپرس عضو شوید.