Product Cover Image

UI Design with Adobe Illustrator: Discover the ease and power of using Illustrator to design Web sites and apps

By Rick Moore

Published by Adobe Press

Published Date: Jul 31, 2012

More Product Info


Create high fidelity prototypes for complex websites and applications with the easy-to-learn and super-efficient vector capabilities of Illustrator and make the fear of client changes a thing of the past. Whether you’re a seasoned Photoshop veteran, a budding designer, or someone who simply has a good eye and artistic vision, this book will show you how to produce mockups and UI elements in a creative and productive way.

Strongly of the opinion that design should not happen solely in a browser, Rick Moore demonstrates how to design mockups and UI elements with Illustrator in a way you may not have realized was possible. Learn which tools are best suited to a UI design workflow and how to customize Illustrator in a way that fits your style and flow. Rick provides expert guidance throughout the process from the initial planning stages to finalizing and sharing your work with clients and others.

Table of Contents


Why Did I Choose Illustrator?

An Air of Familiarity

Let’s Get Started!


Ch 1  UI Design with Adobe Illustrator: An Overview

 It’s All About the Vector

 Typography + Color = Power

 Design for Consistency

 Layouts with Precision



Ch 2  Tools and Panels

Choosing Your Tools

Selection Tools



Transformation Tools


Workspace Tools






Ch 3  The Illustrator Workspace

Going From Print to Pixels

Working With Artboards

Organizing Artboards



Ch 4  UI Design Building Blocks

Guides Objectified

Smart Guides

Grids Made Easy

Achieving Pixel Precision

Beginning the Layout

Typography for the UI



Ch 5  Getting Stylish with Graphics

Adding Style to Appearances

Using Symbols

Going Off the Pixel Grid

Using Layers for Organization



Ch 6  Finishing Touches

Taking Appearances to the Next Level

Additional Type Techniques

Working with Images



Ch 7  Working Smarter

UI Design Planning

Communicate Your Design Intentions

Style Libraries

Getting Your Work Out of Illustrator