Photoshop for UX Design (2022)
1h 39mIntermediate2022-11-21
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; 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 Mock-Up
- 07 - Why mock up before designing
- 08 - Finalizing the mock-up contact form
3. Defining Your UX Design
- 09 - Refining your UX with colors and images
- 10 - Adding text to refine the features
- 11 - Refining your UX for a single page
- 12 - Refining your UX for the contact form
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