Learn techniques and best practices for designing smart, visually interesting website icons in any software.
Overview
Syllabus
Introduction
- Welcome
- Using the exercise files
- The power of icons
- Creating effective icons
- Designing for the screen
- Developing a brief
- Defining the metaphor
- Sketching ideas
- Taking sketches digital
- 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
- Exporting icons
- Generating PNGs and GIFs
- Generating SVGs
- Optimizing SVGs
- Additional resources
Taught by
James Williamson
