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

مدرس Sue Jenkins

انتشار 2019/09/05

مدت زمان 1h 41m

سطح متوسط

فایل تمرینی دارد

آموزش Adobe Photoshop to XD: Web Design Process

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

Adobe Photoshop Adobe XD User Experience Design (UED)

Introduction

Diving into XD ()

Using the exercise files ()

1. Setting Up the XD Workspace

Setting up XD for web design ()

Configuring the artboard grid ()

Creating color swatches ()

Creating color assets ()

Creating character styles ()

Creating CC Library elements in Photoshop ()

Creating CC Library elements in Adobe Illustrator ()

Using wireframe UI kits ()

Challenge: Build a wireframe ()

Solution: Build a wireframe ()

2. Web Design Strategies

Working from wireframes ()

Building semantic, flexible layouts ()

Using HD-ready graphics ()

XD tools overview ()

Using XD tools ()

Challenge: Build a layout ()

Solution: Build a layout ()

3. Designing for Desktop

Repeating with Repeat Grid ()

Using CC Library assets ()

Editing graphics in XD ()

Saving time with components ()

Challenge: Update the portfolio ()

Solution: Update the portfolio ()

4. Adapting Designs for Breakpoints

Adapting designs for breakpoints ()

Duplicating artboards ()

Responsive resizing ()

Manually adjusting layouts ()

Challenge: Adapting for breakpoints ()

Solution: Adapting for breakpoints ()

5. Creating Prototypes and Exporting Assets

Discovering prototypes ()

Wiring a prototype overview ()

Prototype wiring basics ()

Sharing web prototypes ()

Exporting assets for development ()

Challenge: Wiring prototypes ()

Solution: Wiring prototypes ()

Conclusion

Recommendations ()

Ex_Files_Adobe_Photoshop_XD_Web_Design_Process.zip (204.7 MB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.