آموزشها
قالبها
افزونهها
سایت برتر
هاست وردپرس
طراحی سایتآموزش نرم افزار 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 قرار دارد میتونیم به صورت زنده یا همان پیش نمایش طرحی که زدیم را ببینیم.
شاید یکم عجیب باشد، ولی این نرمافزار با همین چند قابلیت کوچیکی که دارد میتواند طرحهای مختلفی را برای ما پیاده بکند. بخشی از این نرمافزار در این ویدئو آموزش داده میشود، ولی آموزش کاملش در دوره صفر تا صد طراحی وبسایت قرار داده میشود.
