ثبت‌نام ورود

آموزش نرم افزار Adobe XD بصورت مقدماتی

آموزش نرم افزار 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 قرار داره می‌‌تونیم به صورت زنده  یا همان پیش نمایش طرحی که زدیم را ببینیم.

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

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

سوالی دارید؟ از ما بپرسید

  1. U17441 ۱۲ آذر ۱۳۹۹

    سلام و عرض ادب و احترام.
    من نرم افزار رو از یه سایت ایرانی که نرم افزار فعال شده داشت دانلود کردم. و چون که فعال شده نرم افزار حتی با تغییر آی‌پی به پلاگین‌ها وصل نمی‌شه و کلا Adobe CC نداره و من به پلاگین‌های احتیاج دارم. خواستم خواهش کنم که اگه می‌شه وارد این آدرس تو ویندوز بشید.
    C:\Users\{{USER_NAME}}\AppData\Local\Packages\Adobe.CC.XD_adky2gkssdxte\LocalState\plugins
    این آدرس قرار گیری پلاگین‌هاست. خواستم اگه می‌شه لطف کنید و این پلاگین‌ها رو نصب کنید تا اونجا بیان و آپلودشون کنید و برام ایمیل کنید(چون تنها راه نصبش اینه و نتونستم خودم نسخه‌ی اصلیش رو نصب کنم):
    Color Designer
    Artboard plus
    Icons 4 Design
    Icondrop
    Web Export
    لطف می‌کنید. با تشکر

  2. U17441 ۱۲ آذر ۱۳۹۹

    سلام و عرض ادب.
    به مشکلی برای نصب پلاگین‌های نرم افزار بر می خوریم اگه از سایت های ایرانی دانلود کنیم؟

  3. U17441 ۱۲ آذر ۱۳۹۹

    سلام. دابل کلیک رو نوشتید دابل کلیلک.

  4. U27102 ۰۲ اردیبهشت ۱۳۹۹

    سلام خسته نباشید. داداش از کجا آموزش کاملxd در این سایت بگیرم ؟
    خیلی ممنون

  5. U308 ۱۹ تیر ۱۳۹۸

    سپاس از آموزش‌های خوب‌تون.