Creative Cloud for UX Design

Paths

Creative Cloud for UX Design

Authors: William Everhart, Matthew Pizzi

To successfully create UX layouts and mock-ups you need to know a series of UX creation tools. This path looks at the necessary skills you’ll need to create UX layouts and... Read more

What You Will Learn

  • How to create mock-ups and prototypes using Adobe XD
  • Create, modify, and edit bitmap artwork using Adobe Photoshop CC
  • Create, modify, and edit vector artwork using Adobe Photoshop CC

Pre-requisites

None

Beginner

Get started creating layouts and prototypes by using Adobe’s purpose built UX tool Adobe XD.

Adobe XD CC Fundamentals

by William Everhart

Dec 14, 2018 / 2h 9m

2h 9m

Start Course
Description

Do you have a desire to create a mobile app or website? Would having a working prototype of your design that you could share with your clients make the process much easier? In this course, Adobe XD CC Fundamentals, you will learn foundational skills needed to create an interactive prototype for a mobile app or website. First, you will learn how to set up a project in Adobe XD CC. Next, you will discover how to create graphics with the shape and pen tools, as well as adding interactive features to your project. Finally, you will explore previewing your work on desktop and mobile, as well as sharing your interactive prototypes with clients and developers. When you’re finished with this course, you will have the skills and knowledge of Adobe XD CC needed to create beautiful interactive designs that your clients can interact with and deliver valuable feedback on.

Table of contents
  1. Course Overview
  2. Getting Started
  3. Prototyping Your Project

Intermediate

To have more control of the UX prototype or mock-up Adobe’s leading image editing tools will give you the ability to have precise control of all assets. These courses will get you comfortable using Photoshop and Illustrator to create and edit artwork.

Photoshop CC Fundamentals

by Matthew Pizzi

Jun 7, 2018 / 6h 38m

6h 38m

Start Course
Description

Learn how to harness the power of Adobe Photoshop CC to create superior images and artwork. We'll teach you how to perform key image editing tasks, including retouching, sharpening, and color correction. In the course you'll see how to effectively work with layers, blend modes, masks, and so much more. This course is the first in a series designed to help you master one of the world's most popular software applications. Software required: Photoshop CC

Table of contents
  1. Course Overview
  2. Getting Started with Photoshop CC
  3. Digital Imaging Concepts
  4. Making Selections and Basic Compositing
  5. Layers and Masks
  6. Crops, Transformations, and Warps
  7. Adjustments
  8. Localized Adjustments and Photo Retouching
  9. Type, Guides, and Grids
  10. Libraries, Output, and Updates

Illustrator CC Fundamentals

by Matthew Pizzi

Mar 9, 2016 / 4h 30m

4h 30m

Start Course
Description

Adobe Illustrator is the industry standard vector drawing tool. It's used by print professionals as well as illustrators and web designers. Illustrator CC Fundamentals explains the key concepts and techniques for producing vector-based artwork. We review the elements that make up vector graphics such as paths, strokes, and fills. Additionally, we show you how to use the key drawing tools, including the Pen Tool. This course is designed to be the first in series by Train Simple that teaches all that you need to know about Adobe Illustrator. Software required: Adobe Illustrator CC.

Table of contents
  1. What Is Adobe Illustrator?
  2. Understanding Illustrator CC
  3. Working in Illustrator
  4. Core Drawing Principles
  5. Combining Paths and Shapes
  6. Creating Artwork
  7. Working with Type

Advanced

Once you have the fundamental knowledge of working with Photoshop and Illustrator, you may want to take the next step and learn specific features of the programs to make you a more efficient and capable UX Designer.

Illustrator CC for UX Design

by William Everhart

Mar 20, 2018 / 3h 56m

3h 56m

Start Course
Description

Have you ever been asked to design a mobile app, website, or desktop software that is intuitive and easy to use, but had no idea what tool to use? If so, Illustrator CC for UX Design is the perfect course to learn the desirable skill of designing UX (user experience) all within Adobe Illustrator CC. With so much riding on UX design, you should select a tool that will make the process as easy as possible yet give you plenty control over the final design, and that is why Adobe Illustrator CC is such a good choice. First, you will learn the basics of how to draw, create graphics, and manage documents in Adobe Illustrator CC. Next, you will dive into creating a wireframe for your UX design, and then develop a full color mockup of your UX design. Finally, you will discover how to export your wireframes and mockups to a PDF for client approvals, share your Illustrator CC content with developers and other applications, and even experiment with adding interactivity to your design in Adobe XD. By the end of this course, you will know how to begin a UX design project in Adobe Illustrator CC, and see it through to final delivery to clients and developers. Software required: Adobe Illustrator CC.

Table of contents
  1. Course Overview
  2. Getting Started with Adobe Illustrator
  3. Creating a Wireframe
  4. From Wireframe to Mockup
  5. Where to Go from Here

Photoshop CC for the Web

by Matthew Pizzi

Feb 23, 2016 / 3h 32m

3h 32m

Start Course
Description

Adobe Photoshop is used by a wide range of professionals, and web designers are no exception. In this course, we'll look how you can use Photoshop to create wireframes, and complete web site mockups. The course covers creating a custom web workspace and optimizing web graphics, as well as some valuable tips for producing graphics for onscreen delivery. Towards the end of the course we look how you can speed up your workflow with Photoshop's automation tools.

Table of contents
  1. Course Overview
  2. Getting Started
  3. Wireframing in Photoshop
  4. Preparing for the Mockup
  5. Creating the Mockup
  6. Image Optimization
  7. Generate Images and Code
  8. Optimization Automation
Offer Code *
Email * First name * Last name *
Company
Title
Phone
Country *

* Required field

Opt in for the latest promotions and events. You may unsubscribe at any time. Privacy Policy

By providing my phone number to Pluralsight and toggling this feature on, I agree and acknowledge that Pluralsight may use that number to contact me for marketing purposes, including using autodialed or pre-recorded calls and text messages. I understand that consent is not required as a condition of purchase from Pluralsight.

By activating this benefit, you agree to abide by Pluralsight's terms of use and privacy policy.

I agree, activate benefit