آموزش طراحی رابط کاربری ( ui/ux) با نرم افزار Adobe XD
( فیلم آموزشی ) ،توسط مهندس عرفان امانیان
به کلیک سایت خوش اومدی ،
اینجا میتونی هر فیلم آموزشی که مد نظر داری رو پیدا کنی.
آموزش های کلیک سایت کاملا از صفر تا صد طراحی شده و تمامی آموزش ها به زبان فارسی و مناسب جهت ورود به بازار کار تولید شده.
پس از دیدن آموزش ها ، بدون تردید شما آماده ورود به بازار کار و کسب درآمد خواهید شد.
برای شروع ، ابتدا فیلم معرفی دوره رو مشاهده نمایید.
سپس میتوانید در ادامه همین صفحه ، سایر قسمت های این مجموعه را دانلود نمایید.
برای مشاهده فیلم با سرعت بالا ، از آی پی ایران استفاده نمایید.
معرفی سرفصل های این دوره:
توضیحات کلی مجموعه:
...درباره Adobe XD :
نرم افزار Adobe XD در سال 2017 توسط تیم و شرکت ادوبی روانه بازار داغ برنامه نویسی و طراحی رابط کاربری شد. وبا توجه به قدرت و کارایی که داشت توانست به سرعت جای خود را در دل طراح های UI و UX باز کند .
برخی ویژگی های این نرم افزار :
- محیط کاری حرفه ای و ساده
- دسترسی سریع و ساده به بخش های مختلف که باعث افزایش سرعت کار و طراحی می شود
- قابلیت استفاده از پلاگین های مختلف
- قابلیت به اشتراک گذاری پروژه با برنامه نویس های تیم و یا کارفرما
- قابلیت داینامیک کردن و حرکات بین صفحات که امر بسیار جذابی است
- قابلیت پیش نمایش در گوشی همراه برای پروژه های اپ
- ارتباط با دیگر نرم افزار های ادوبی مانند : فتوشاپ یا ایلوستریتور
حال اگر شما طراح رابط کاربری هستید و یا اگر میخواهید به تازگی این صنعت و هنر را شروع کنید من نرم افزار Adobe XD را بهتان معرفی میکنم .
چرا این دوره Adobe XD ?
این دوره بالغ بر 42 جلسه و بیش از 10ساعت آموزش می باشد که هنرجو پس از گذراندن این دوره به فهم کاملی از نرم افزار خواهد رسید و می تواند نیازهایش را برآورده سازد. این دوره 3 فصل می باشد که در هر فصل مفاهیم جدیدی تدریس خواهد شد و تفاوتش نسبت به دیگر مجموعه ها مثال های مکرر و پروژه هایش می باشد .
در هر فصل چه چیزی می آموزیم ؟
فصل یک : هنرجو در فصل یک با نرم افزار آشنا می شود و به طور کامل آن را فرا میگیرد . یعنی هنرجو در پایان فصل یک میتواند با نرم افزار کامل کار کند و نسبت به آن تسلط پیدا میکند.
فصل دو : در این فصل ما به انجام پروژه بزرگ فروشگاه اینترنتی میپردازیم و صفر تا صد و قسمت های مختلف فروشگاه را طراحی میکنیم . در این فصل جدا از انجام پروژه بزرگمان به آموزش مطالب علمی طراحی رابط کاربری می پردازیم و استاندارد ها را بررسی می کنیم .
فصل سوم : در اسن فصل به طراحی رابط کاربری اپلیکیشن فروشگاه اینترنتی که در فصل دوم طراحی گردیم میپردازیم . در این فصل همچنین به اصول و اساس یک طراحی خوب میپردازیم و در مورد روان شناسی رنگ ها و شناخت رنگ ها صحبت خواهیم کرد.
سوالاتی که ممکن است برای شما پیش بیاید :
۱. من دانشجوی گرافیک نیستم آیا می توانم در این دوره شرکت کنم و به درآمدزایی بپردازم؟
بله، این دوره برای همگان مناسب می باشد چراکه از پایه تدریس گردیده است.
۲. تفاوت این دوره با دیگر دوره هایAdobe XD در چیست؟
این دوره یکی از کامل ترین دوره های گرافیکی می باشد چراکه دارای 3 فصل، 42 جلسه و 2 پروژه بسیار بزرگ می باشد.
سر فصل های مجموعه Adobe XD:
فصل اول ( مقدماتی و پایه ) :
قسمت اول : بررسی ویژگی های نرم افزار و معرفی نرم افزار
قسمت دوم : نصب و کرک نرم افزار
قسمت سوم : نحوه ایجاد سند و توضیحات کامل تب های بخش سند جدید
قسمت چهارم : بررسی و توضیح فضای کلی نرم افزار در فضای کاری
قسمت پنجم : آموزش کار با شیپ ها
قسمت ششم : آموزش کار با شیپ ها
قسمت هفتم : آموزش کار با ابزار پن
قسمت هشتم : آموزش کار با ابزار متن و ایجاد سند به روش دیگر
قسمت نهم : کار با بخش تب های استس ، آرت بورد و پلاگین
قسمت دهم : کار با بخش پروتوتایپ
قسمت یازدم : کار با بخش پروتوتایپ
فصل دوم ( حرفه ای و همراه با پروژه بزرگ وب سایت فروشگاهی ) :
قسمت اول :در این فصل چه چیزی یاد میگیریم ؟
قسمت دوم :طراحی هدر (Header)
قسمت سوم :طراحی منو (menu)
قسمت چهارم :طراحی slider
قسمت پنجم :طراحی body
قسمت ششم:طراحی body
قسمت هفتم:طراحی body
قسمت هشتم:طراحی body
قسمت نهم :طراحی footer
قسمت دهم:طراحی footer
قسمت یازدهم : طراحی بخش محصولات
قسمت دوازدهم: طراحی بخش محصولات
قسمت سیزدهم: طراحی بخش محصولات
قسمت چهاردهم: طراحی بخش محصولات
قسمت پانزدهم: طراحی بخش محصولات
قسمت شانزدهم : طراحی بخش عضویت و ورود
قسمت هفدهم : طراحی بخش دسته بندی محصولات
قسمت هجدهم: طراحی بخش دسته بندی محصولات
قسمت نوزدهم :طراحی پروفایل
قسمت بیستم:طراحی پروفایل
در این فصل علاوه بر انجام پروژه بزرگ به مباحث حرفه ای طراحی ui/ux مانند تئوری رنگ ها و اصول تضاد و رنگ بندی و دیگر موضوعات ریز و درشت می پردازیم.
فصل سوم ( فوق حرفه ای و همراه با پروژه بزرگ اپلیکیشن فروشگاهی ) :
قسمت اول :در این فصل چه چیزی یاد میگیریم ؟
قسمت دوم :طراحی صفحه SplashScreen
قسمت سوم :طراحی Header
قسمت چهارم :طراحی home screen
قسمت پنجم :طراحی home screen
قسمت ششم:طراحی home screen
قسمت هفتم:طراحی home screen
قسمت هشتم:طراحی drawer
قسمت نهم :طراحی صفحه محصولات
قسمت دهم:طراحی صفحه محصولات
قسمت یازدهم : طراحی صفحه محصولات
در این فصل علاوه بر انجام پروژه بزرگ به مباحث حرفه ای طراحی ui/ux مانند معماری کار ، اصول یک طراحی حرفه ای و دیگر موضوعات ریز و درشت می پردازیم.
موفق باشید
بخش های رایگان این مجموعه آموزشی:
ما در دوره صفر تا صد AdobeXD چه چیزی قرار است بیاموزیم ؟ ( بخش 1 ) دانلود مستقیم نصب و کرک و راه اندازی نرم افزار Adobe XD ( بخش 2 ) دانلود مستقیم نحوه ایجاد سند و توضیحات کامل تب های بخش new document ( بخش 3 ) دانلود مستقیم در این فصل چه چیزی یاد میگیریم ؟ ( بخش 12 ) دانلود مستقیم طراحی هدر (Header) ( بخش 13 ) دانلود مستقیم در این فصل قرار است چه چیزی بیاموزیم ؟ ( بخش 32 ) دانلود مستقیم( ما در دوره صفر تا صد AdobeXD چه چیزی قرار است بیاموزیم ؟ )
( نصب و کرک و راه اندازی نرم افزار Adobe XD )
( نحوه ایجاد سند و توضیحات کامل تب های بخش new document )
( بررسی و توضیح فضای کلی نرم افزار در work space )
( آموزش کار با شیپ ها (shape) )
( آموزش کار با شیپ ها (shape) )
( آموزش کار با ابزار pen )
( آموزش کار با ابزار Textو ایجاد سند به روش دیگر )
( کار با بخش تب های Assets ،Artboard,plugins )
( کار با بخش prototype )
( کار با بخش prototype )
وضعیت دوره: تکمیل شده
تعداد قسمت ها : 42 قسمت
سطح آموزش: صفر تا صد
به همراه کدها و فایل های آموزش
پشتیبانی فنی: دارد
می توانید پس از دریافت مجموعه،مشکلات و سوالات تخصصی و فنی خود را با سازنده این مجموعه، (مهندس عرفان امانیان ) در میان گذاشته و برطرف نمایید.
تعداد فصل ها: 3 فصل
مدت زمان: 16 ساعت و 28 دقیقه
افزودن پکیج به سبد خرید
جهت اطلاع از بروزرسانی این دوره آموزشی و اطلاع از بخش های جدید،ایمیل خود را وارد نمایید:
نظر/پرسش/پیشنهاد شما
در صورت تمایل به دریافت پیامک به هنگام پاسخ به سوال شما و یا به هنگام درج نظر شما در سایت، شماره همراه خود را وارد نمایید.
جهت بزرگنمایی،ماوس را روی تصویر حرکت دهید
در حال بارگزاری تصاویر...
نظرات/پرسش ها/پیشنهادات
کاربر
میگه:
سلام خسته نباشید خدا قوت، عذر میخوام فایل نهایی که به مشتری باید تحویل بدیم چی هست و کار ما کجا تمام میشه؟منظورم اینه که (خروجی نرم افزار رو تحویل میدیم و اتصال اون به «سایت، جاوای اندروید و..» وظیفه ما نیست) درسته؟ خیلی سپاس گزارم جوابم رو بدید.
پاسخ:
سلام خسته نباشید شما به عنوان ui designer تنها وظیفتون طراحی بصری رابط کاربریه نه کد نویسی . در اخر کار که پروژه تموم میشه شما باید در قالب pdf صفحات رو با دیزاین سیستم ( اندازه فونت ها ، دکمه ها ، فواصل و هرچیزی که تو برنامه نویسی نیازه ) رو به مشتری بدید و اگر فایل لایه باز خواست مبلغ اضافی دریافت میکنید
ehsan saraee
میگه:
سلام وقت بخیر
تبدیل psd به html css هم تدریس میشه؟
پاسخ:
سلام خیر تنها رابط کاربری و اصول طراحی آن تدریس میشود . طراحان رابط کاربری اصولا کد نویس نیستن
امیر
میگه:
سلام
آموزش تبدیل (کد نویسی xml گام به گام) ui هایی که در Adobe XD طراحی میکنیم رو قرار میدین؟ (تبدیل ui به xml برای اپلیکیشن اندروید).
پاسخ:
سلام برایاین کار نیاز به داشتن دانش برنامه نویسی جاوا دارید میتونید از پکیج های همکاران برنامه نویس استفاده کنید . این پکیج تنها در مورد طراحی رابط کاربری است
داودمنزه
میگه:
سلام آیا کدpdpمیدد که تبدیل به htmlبشه
پاسخ:
سلام خیر طراحی رابط کاربری از بحث کد نویسی جداست و در کنار آن باید برنامه نویس داشته باشید
aroon
میگه:
سلام
وقتی رابط کاربری یه اپلیکیشن داخل این نرم افزار طراحی کنیم خروجی xml بهمون میده که در قسمت طراحی اندروید استدیو ازش استفاده کنیم ؟
پاسخ:
سلام خیر . فقط طراحی بصری هستش و هیچ کدی به شما نمیده
Soroosh zoghi
میگه:
سلام
پرتوتایپینگ و وایر فریم هم تدریس شده؟
پاسخ:
سلام بله دوست عزیز در پروژه ها تدریس شده اند
jr
میگه:
با سلام
بنده یک سوال داشتم در مورد این نرم افزار میخواستم بدونم این نرم افزار خروجی کد شده رو میده یا فقط یک طرح تصویری زنده ست ؟ یعنی استارت یک پروژه رو با html و css رو استارتشو نمیزنه؟یا فقط ظاهر گرافیکی اونو نشون میده؟
پاسخ:
با سلام خیر این نرم افزار خروجی کد به شما نمیده یک اپ یا سایت شبه داینامیک به شما میده کحه میتونید بین صفحاتش حرکت کنید و جابه جا بشید
jr
میگه:
سلام
نرم افزارadobe xdروی چه نوع سیستم عاملی قابل اجراونصب هست؟
حجم آن چقدره سبکترازفتوشاپ هست؟
پاسخ:
سلام رو همه سیستما قابل نصبه نسخه جدیدش با اخرین ابدیت ویندوز 10 سازگاره و خیللللی سبکتر از فتوشاپ و کاربردی تر در زمینه طراحی رابط کاربریه
jr
میگه:
سلام
یادگیری adobe xdراحت وسریعترهست یافتوشاپ؟
وبایادگیری این ، اصلاًدیگه نیازی به فتوشاپ نداریم؟
لطفادقیق راهنمایی بفرمایید.
پاسخ:
سلام . یاد گیریش فوق العاده سادس و سریع تر از فتوشاپه برای یاد گیریش نیاز به یاد داشتن فتوشاپ ندارید چون این نرم افزار تو این پکیج از صفر آموزش داده میشه
واحدی
میگه:
با سلام. حدقل یک جلسه از آموزش رو رایگان منتشر کنید تا بتونیم دوره رو ارزیابی کنیم و تصمیم به خرید کنیم.
پاسخ:
با سلام تغیرات بخش ها بزودی اعمال میشه
aroon.mahmoud
میگه:
سلام
برای گذارندن این دوره پیش نیازی لازم است؟
پاسخ:
با سلام خیر دوره صفر تا صد است
مسعود
میگه:
سلام جناب امانیان
خواستم از شما در خواست کنم که اگه امکان داره دمویی از پروژه های کار شده در این آموزش بگذارید برای درک بهتر این دوره.
ممنون
پاسخ:
سلام بله در اسرع وقت
داودمنزه
میگه:
سلام استاد درزمینه طراحی وب ایا این دوره ازفتوشاپ بی نیاز میشم؟
پاسخ:
با سلام این دوره صفر تاصد است و بدون هیچ گونه دانش قبلی است . این دوره با نرم افزار تخصصی adobe xd که مخصوص طراحی رابط کاربری است تدریس شده است و نیازی به یاد داشتن فتوشاپ ندارد و بدون داشتن هیچ گونه دانش از فتوشاپ میتوانیدآن را یاد بگیرید