UI Design with Adobe Illustrator: Discover the ease and power of using Illustrator to design Web sites and apps
Format: PDF / Kindle (mobi) / ePub
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.
effects. gradients can be edited with the gradient panel (CF9/Ctrl+F9) or directly on the object with the gradient annotator. 2.28 Changing the length of the gradient To create and edit a gradient: 1. select an object and give it a gradient fill by clicking the gradient button (>) in the Tools panel. Illustrator fills in the object with the default gradient, and a bar, called the gradient annotator, appears on top of the object. 2.29 Adjusting the gradient location 2. Adjust the angle and
what we’re used to with all the other apps we use. However, I’ve actually come to like the Application frame (shown in 3.3 and 3.4) because it reduces distractions from underlying windows. I’ve found myself clicking a window in the background far too often to count. If you want to give the Application frame a try, simply turn it on by choosing Window > Application Frame. orkspace 45 3.3 If you run a lot of applications in the background on a regular basis, the standard Mac configuration has
Applying the step-and-repeat style to another object es 161 Additional Type Techniques One thing I love about Illustrator is how easy it makes working with type. being able to place, select, and edit type easily makes the design process much more enjoyable. In Chapter 4, you were introduced to the basics of Illustrator’s Type tools. Several more features in addition to those can be used effectively in a UI design workflow. getting Text into Illustrator In order to format and design content,
formatting tools give you tremendous agility when setting type. Character and Paragraph styles make formatting loads of text quick and easy. The glyphs panel gives you access to any character in a typeface—no more hunting around the keyboard trying to find alternate characters, ornaments, or symbols. You can also wrap text around graphics in order to simulate browser floats in your design. Illustrator’s color tools help you create the perfect color schemes and color any object with ease (1.7).
have gotten it started without your help. Thanks to Victor Gavenda who got the ball rolling. Thanks to my superstar editor, Nancy Peterson, and her team, Stephen Nathans-Kelly and Darren Meiss, for all the time and effort spent bringing my words to life and making me sound like I know what iv UI DESIGN WITH ADoBE ILLUSTRAToR the heck I’m talking about. Thanks to my tech editor, Tom Johnson, for methodically checking and questioning my instructions so that they make sense to you, the reader.