دوره آموزشی Adobe Photoshop to XD: فرآیند طراحی وب
1 ساعت 42 دقیقهمتوسط2019-09-05
مدرسین
Sue Jenkins
Author, Teacher at Marywood University, Owner of Luckychair.com
جزئیات دوره
با افزودن Adobe XD، فرآیند طراحی وب مبتنی بر فتوشاپ خود را به یک گردش کاری مبتنی بر UX منتقل کنید. XD مبتنی بر وکتور امکان بازبینی سریعتر طراحی، سازگاری آسان با اندازههای مختلف دستگاه و توسعه سریعتر نمونههای اولیه را برای جذب مشتری قبل از شروع فرآیند توسعه فراهم میکند. در این دوره آموزشی، نحوه راهاندازی XD، نمونهسازی اولیه و همکاری طرحهای UX خود را با مشتریان و ذینفعان، استفاده از جریانهای کاری متقابل بین فتوشاپ و XD و صادرات داراییهای آماده وب برای توسعهدهندگان را خواهید آموخت.
اهداف یادگیری
راه اندازی XD برای طراحی وب
استراتژی های طراحی وب سایت
ایجاد عناصر CC Library در فتوشاپ
استفاده از کیت های رابط کاربری Wireframe
مروری بر ابزارهای XD
ویرایش گرافیک در XD
تطبیق طرح ها برای نقاط شکست
تغییر اندازه پاسخگو
ایجاد نمونه های اولیه و صادرات دارایی ها
اهداف یادگیری
راه اندازی XD برای طراحی وب
استراتژی های طراحی وب سایت
ایجاد عناصر CC Library در فتوشاپ
استفاده از کیت های رابط کاربری Wireframe
مروری بر ابزارهای XD
ویرایش گرافیک در XD
تطبیق طرح ها برای نقاط شکست
تغییر اندازه پاسخگو
ایجاد نمونه های اولیه و صادرات دارایی ها
مهارت ها
WireframingAdobe XDUX DesignPhotoshopUser ExperienceProjectAdobeWeb Development
سرفصل ها
0. مقدمه
- 01 - شیرجه زدن به XD
- 02 - استفاده از فایل های تمرین
1. راه اندازی XD Workspace
- 03 - راه اندازی XD برای طراحی وب
- 04 - پیکربندی شبکه آرتبرد
- 05 - ایجاد نمونه های رنگی
- 06 - ایجاد دارایی های رنگی
- 07 - ایجاد سبک شخصیت
- 08 - ایجاد عناصر CC Library در فتوشاپ
- 09 - ایجاد عناصر CC Library در Adobe Illustrator
- 10 - استفاده از کیت های رابط کاربری wireframe
- 11 - چالش - یک وایرفریم بسازید
- 12 - راه حل - یک وایرفریم بسازید
2. استراتژی های طراحی وب
- 13 - کار از وایرفریم
- 14 - ساخت چیدمان های معنایی و انعطاف پذیر
- 15 - استفاده از گرافیک HD-ready
- 16 - مروری بر ابزارهای XD
- 17 - استفاده از ابزار XD
- 18 - چالش - یک طرح بسازید
- 19 - راه حل - ساخت یک طرح
3. طراحی برای دسکتاپ
- 20 - تکرار با Repeat Grid
- 21 - استفاده از دارایی های CC Library
- 22 - ویرایش گرافیک در XD
- 23 - صرفه جویی در زمان با قطعات
- 24 - چالش - به روز رسانی نمونه کارها
- 25 - راه حل - به روز رسانی نمونه کارها
4. تطبیق طرح ها برای نقاط شکست
- 26 - تطبیق طرح ها برای نقاط شکست
- 27 - تکثیر تابلوهای هنری
- 28 - تغییر اندازه پاسخگو
- 29 - تنظیم دستی چیدمان ها
- 30 - چالش - تطبیق با نقاط شکست
- 31 - راه حل - تطبیق برای نقاط شکست
5. ایجاد نمونه های اولیه و صادرات دارایی ها
- 32 - کشف نمونه های اولیه
- 33 - سیم کشی نمای کلی نمونه اولیه
- 34 - اصول اولیه سیم کشی نمونه اولیه
- 35 - به اشتراک گذاری نمونه های اولیه وب
- 36 - صادرات دارایی برای توسعه
- 37 - چالش - نمونه های اولیه سیم کشی
- 38 - راه حل - نمونه های اولیه سیم کشی
نتیجه
- 39 - توصیه ها
دوره های مرتبط
- دوره آموزشی یادگیری جامع Adobe XD: طراحی
- دوره آموزشی نمونه سازی یک پروژه وردپرس در Adobe XD
- دوره آموزشی استفاده از ادوب XD با Creative Cloud Apps
- دوره آموزشی Adobe XD: مهاجرت از Sketch
- دوره آموزشی جرئیات دورههای Creative Cloud ادوبی
- دوره آموزشی یادگیری Adobe XD
- دوره آموزشی ایجاد یک سیستم طراحی با Adobe XD
- دوره آموزشی طراحی تعامل کاربردی: مدیریت نظرات
مسیرهای مرتبط
- مسیر آموزشی بهبود بخشیدن مهارت های نمونه سازی UX
- مسیر آموزشی تبدیل شدن به یک طراح مد
- مسیر آموزشی تبدیل شدن به یک انیمیشن سازدیجیتالی دو بعدی
- مسیر آموزشی گواهینامه حرفهای مهارتهای ضروری در Adobe Firefly
- مسیر آموزشی تبدیل شدن به یک عکاس
- مسیر آموزشی تبدیل شدن به یک عکاس پرتره
- مسیر آموزشی تبدیل شدن به یک استاد فوتوشاپ برای طراحی وب
- مسیر آموزشی بهبود بخشیدن مهارت های نقاشی دیجیتال خود