مطالب پیشنهادی از سراسر وب

آموزش طراحی UX در فتوشاپ

دسته بندی ها: آموزش فتوشاپ (Photoshop) ، آموزش های ادوبی (Adobe) ، آموزش یو ایکس (UX) ، آموزش طراحی وب ، آموزش های لیندا (Lynda) ، آموزش طراحی کامپیوتری (Computer Design)

lynda-photoshop-for-ux-design

ترجمه با ویدابیا

ترجمه فارسی این دوره آموزشی رو همین الان از ویدابیا سفارش بده الان سفارش بده
آیا این نوشته را دوست داشتید؟
Photoshop for UX Design Publisher:Lynda Author:Dennis Meyer Duration:1h 29m Level:Intermediate

Learn how to use Photoshop to quickly create cohesive designs for UI and UX purposes. Dennis Meyer demonstrates how to set up a project, create a static wireframe, export a design, and even create a pixel-perfect mockup.
Released: 3/9/2017

Although you have a number of design tools available to you for your numerous UX projects, oftentimes, the tool you already have and the tool you already know is the best tool for the job. This course shows how to quickly create wireframes, flowcharts, and pixel-perfect mockups in Photoshop. Learn how to use artboards, guides, Creative Cloud libraries, and more to make layouts and generate exports that convey fluid app experiences. Join Dennis Meyer as he shows you how to set up your project, create a static wireframe, export your designs, and leverage UI kits to create pixel-perfect mockups.

Topics include:
Creating a document with artboards
Using grids, guides, and guide layouts
Adding placeholders and text
Using ligature fonts for icons
Using layer comps to display states
Using Adobe Preview CC
Exporting artboards for review
Exporting assets for use in InVision
Working with user interface kits
Extracting CSS values from a design

Introduction
Welcome
1m 9s
The unique role of Photoshop in UX
1m 36s
Using the exercise files
26s
1. Set Up Your Project
Create a document with artboards
5m 27s
Grids, guides, and guide layouts
5m 51s
2. Create a Static Wireframe
Add content placeholders
9m
Add text to your wireframes
6m 48s
Use ligature fonts to quickly add icons
3m 15s
Use layer comps to display states
4m 54s
Annotate your artboards
6m 9s
3. Export Your Artwork
Adobe Preview CC
2m 59s
Export artboards for review
4m 33s
Export assets for use in InVision
5m 4s
4. Create a Pixel-Perfect Mockup
How pixels can go wrong
8m 7s
What are user interface kits?
3m
Use a UI kit to create a pixel-perfect design
10m 2s
Create your own interface kit
5m 24s
Extract CSS values from a design
5m 1s
Conclusion
Next steps
45s

پیشنهاد آموزش مرتبط در فرادرس

لینک های دانلود حجم فایل: 251.0MB Lynda Photoshop for UX Design_git.ir.rar