Photoshop for UX Design
1h 44mIntermediate2025-01-07
Authors
Emmanuel Henri
Executive with 20+ years of experience in programming and design
Course details
With all the different design tools at your disposal for your UX projects, sometimes the tool you already know may be the best tool for the job. If you’ve wondered what kind of UX capabilities Photoshop has, this is the course for you. Instructor Emmanuel Henri ramps you up to speed quickly so you can integrate Photoshop into your UX design workflow. Emmanuel starts with covering the specific strengths of Photoshop for UX design and how they align with your project goals. He then shares tips for setting up a Photoshop file for UX design work. Learn how to create artboards and screens for UX projects; how to use shapes and bitmap objects to flesh out your designs; how to refine mockups into full-resolution designs (including AI-generated placeholder text); best practices for collaborating with team members and stakeholders; how to export assets for developer integration, and much more.
Skills covered
UX DesignImage EditingPhotoshopUser ExperiencePersonaPhotographyAdobeWeb Development
Concepts
0. Introduction
- 01 - Photoshop for UX
- 02 - Course prerequisites
1. Getting Started with Photoshop
- 03 - Defining your goals and objectives
- 04 - Overview of the interface and tools
- 05 - Creating the experience with artboards
- 06 - Setting up your guides and grids
2. Defining Your UX Mockup
- 07 - Why mock up before designing
- 08 - Finalizing the mockup contact form
3. Defining Your UX Design
- 09 - Refining your UX with images
- 10 - Refining your UX with colors
- 11 - Adding text to refine the features
- 12 - Using AI to add content
4. Prepping Your UX Design for Collaboration
- 13 - Creating artboards for mobile
- 14 - Collaborative and exporting tools
- 15 - Adobe XD for prototyping
Conclusion
- 16 - Next steps