Udemy, Coursera, 2U/edX Face Lawsuits Over Meta Pixel Use

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

Photoshop for UX Design

via LinkedIn Learning

Go to class Write review

Overview

Learn how to quickly create cohesive UI and UX designs. Discover how to set up a project, create a static wireframe, export a design, and even create a pixel-perfect mockup.

Syllabus

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
Conclusion
  • Next steps

Taught by

Dennis Meyer

Reviews

4.6 rating at LinkedIn Learning based on 55 ratings

Start your review of Photoshop for UX Design

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.