2015
Lynda
James Williamson
2:50
English

Learn techniques and best practices for designing smart, visually interesting web icons in any software, in this guide with senior author James Williamson. First, find out what makes icons most effective and how to plan your design right from the start. Then review the best practices for brainstorming, sketching your ideas, and finding the right visual metaphors. James shows how to build your designs at high resolutions and create variations that will work at smaller sizes. Finally, learn how to export your work to multiple file types, and optimize SVGs, one of the most popular formats for icons.

Introduction
Welcome
Using the exercise files
1. Planning for Successful Icons
The power of icons
Creating effective icons
Designing for the screen
2. Conceptualizing Icons
Developing a brief
Defining the metaphor
Sketching ideas
Taking sketches digital
3. Drawing Icons
Setting up your workspace
Establishing grids
Creating artboards
Organizing with layers
Managing color
Creating a preview window
Adding sketches
Creating basic shapes
Adding paths
Merging shapes
Modifying strokes
Using transparency
Equalizing icon weight
Designing for smaller sizes
Simplifying icons
4. Exporting Icons
Exporting icons
Generating PNGs and GIFs
Generating SVGs
Optimizing SVGs
Conclusion
Additional resource

lynda.com/Illustrator-tutorials/Designing-Icons-Web/157227-2.html

Download File Size:466.84 MB

---