دوره آموزشی Adobe Photoshop to XD: فرآیند طراحی وب

جزئیات دوره

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

اهداف یادگیری
راه اندازی XD برای طراحی وب
استراتژی های طراحی وب سایت
ایجاد عناصر CC Library در فتوشاپ
استفاده از کیت های رابط کاربری Wireframe
مروری بر ابزارهای XD
ویرایش گرافیک در XD
تطبیق طرح ها برای نقاط شکست
تغییر اندازه پاسخگو
ایجاد نمونه های اولیه و صادرات دارایی ها

سرفصل ها

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 - توصیه ها