3000+ Courses from California Community Colleges

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

Designing Icons for the Web

via LinkedIn Learning

Go to class Write review

Overview

Learn techniques and best practices for designing smart, visually interesting website icons in any software.

Syllabus

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 resources

Taught by

James Williamson

Reviews

4.7 rating at LinkedIn Learning based on 20 ratings

Start your review of Designing Icons for the Web

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.