Course info
Mar 20, 2018
3h 56m

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.

About the author
About the author

William Everhart is a multi-talented artist with a background steeped in print. His work can be seen in magazines, across the web, and on the shelf at your local grocery store. William continues his work as a designer, but has a passion for using his vast experience to teach others.

More from the author
Adobe XD CC Fundamentals
2h 9m
Dec 14, 2018
Illustrator CC Creating SVGs
2h 35m
Nov 14, 2017
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hello, and welcome to Adobe Illustrator CC for UX Design. My name is William Everhart, and I will be your learning guide throughout this course. I am a long-time Adobe Illustrator user, and I am never surprised at the ways in which it's used to create amazing content. I am, however, baffled at the fact that it is often overlooked for tasks that it seems so perfectly suited to perform. One such task is that of UX design. In this course, we're going to take a look at the various features that make Adobe Illustrator CC a great choice for UX design. Along the way, you will learn how to use Illustrator to complete the many steps of the UX design process. Some of the major topics that we'll cover include getting familiar with Illustrator's drawing and document features, creating a wireframe for your UX design, developing a full-color mockup of your UX design, exporting your wireframes and mockups to PDF for client approvals, sharing your Illustrator content with developers or other applications. By the end of this course, you'll know how to start a UX design project and see it through all the way to handing off your graphics to a developer. You'll even get a sneak peek inside of Adobe XD and add some interactivity to your design to create a working mockup of your application. Now before beginning the course, you should be familiar with the basic operations of Adobe Illustrator, such as opening and saving files, selecting content, and of course, navigating the workspace. I hope you'll join me on this journey to learn UX design with the Adobe Illustrator CC for UX Design course, right here, at Pluralsight.

From Wireframe to Mockup
With an approved wireframe in hand, it's time to take the next step in the UX design process by creating a full-color mockup. Now this will allow the client to better visualize the final product, as it will include imagery, live text, and of course graphics. Now you'll begin with the wireframe that you have completed earlier, and by the end of this module, you will have a full-color mockup that is ready for your client's approval. Some of the topics that we'll cover in this module include drawing user interface elements. Using skills that you learned in the first module, you will create a graphic for the category grid. Buttons are a very common interface element, and they come in a variety of sizes and shapes. I'll show you how to optimize your workflow by creating and using what I like to call dynamic buttons. Then you'll learn how to replace the lorem ipsum in your wireframe with actual copy. I'll even show you how to stylize your text to make the process easier. You will also replace the image placeholders with real imagery. I'll show you how to handle sizing and the cropping of your images so that they fit your layout perfectly. With the imagery in place, you will turn your attention to color. Here, you'll learn how to mix, sample, and save your colors for future reference. And finally, you will export your completed mockup for approval. So if you're ready to convert your wireframe to a full-color mockup, then join me in the next clip where we will create our first user interface element.