Designing Icons for the Web

Offered By: LinkedIn Learning

Tags

Web Design Courses Graphic Design Courses User Interface Design Courses Iconography Courses GIFs Courses Artboards Courses Vector Graphics Courses

Course Description

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

Related Courses

User Experience for the Web
Open2Study Writing for the Web
Open2Study Web-Engineering I: Grundlagen der Web-Entwicklung
iversity Human-Computer Interaction Design
University of California, San Diego via Coursera Ruby مدخل إلى برمجة مواقع الإنترنت باستخدام لغة
Rwaq (رواق)