[Lynda] Photoshop for UX Design
Photoshop for UX Design

Photoshop for UX Design

image description

Course Description

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.

What you will learn

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

Curriculum

Section 1: Introduction

Section 2: 1. Set Up Your Project

Section 3: 2. Create a Static Wireframe

Section 4: 3. Export Your Artwork

Section 5: 4. Create a Pixel-Perfect Mockup

Section 6: Conclusion