Introduction
Welcome
()
The unique role of Photoshop in UX
()
Using the exercise files
()
1. Set Up Your Project
Create a document with artboards
()
Grids, guides, and guide layouts
()
2. Create a Static Wireframe
Add content placeholders
()
Add text to your wireframes
()
Use ligature fonts to quickly add icons
()
Use layer comps to display states
()
Annotate your artboards
()
3. Export Your Artwork
Mobile preview on Adobe XD
()
Export artboards for review
()
Export assets for use in InVision
()
4. Create a Pixel-Perfect Mockup
How pixels can go wrong
()
What are user interface kits?
()
Use a UI kit to create a pixel-perfect design
()
Create your own interface kit
()
Extract CSS values from a design
()
Ex_Files_PhotoshopCC_UX_Design.zip
(15.9 MB)