Icon Design Using Adobe XD - Tutorial
30 videos • 12,089 views • by App Design Tips
Learn the fundamentals of icon design and create a beautiful flat icon set by combining and overlaying shapes
1
Types of icons | Ep 1/30 [Icon Design in Adobe XD]
App Design Tips
Download
2
When to use icons in your design | Ep 2/30 [Icon Design in Adobe XD]
App Design Tips
Download
3
How to keep your icons looking consistent | Ep 3/30 [Icon Design in Adobe XD]
App Design Tips
Download
4
The difference between different icon formats | Ep 4/30 [Icon Design in Adobe XD]
App Design Tips
Download
5
Preparing a style and color palette for your icons | Episode 5/30 [Icon Design in Adobe XD]
App Design Tips
Download
6
Researching different metaphors for icon design | Ep 6/30 [Icon Design in Adobe XD]
App Design Tips
Download
7
Sketching Icons | Ep 7/30 [Icon Design in Adobe XD]
App Design Tips
Download
8
Scanning icon sketches to your computer | Ep 8/30 [Icon Design in Adobe XD]
App Design Tips
Download
9
Creating Artboards for your Icons | Ep 9/30 [Icon Design in Adobe XD]
App Design Tips
Download
10
Setting up grids in Adobe XD for Icon Design | Ep 10/30 [Icon Design in Adobe XD]
App Design Tips
Download
11
Importing Sketches | Ep 11/30 [Icon Design in Adobe XD]
App Design Tips
Download
12
Using layers for organization | Ep 12/30 [Icon Design in Adobe XD]
App Design Tips
Download
13
Managing Color | Ep 13/30 [Icon Design in Adobe XD]
App Design Tips
Download
14
Adding Shapes to Create Icons in Adobe XD | Ep 14/30 [Icon Design in Adobe XD]
App Design Tips
Download
15
Merging Shapes to Create Icons in Adobe XD | Ep 15/30 [Icon Design in Adobe XD]
App Design Tips
Download
16
Drawing Icons with the Pen tool | Ep 16/30 [Icon Design in Adobe XD]
App Design Tips
Download
17
Converting Combined Shapes into a Single Path in Adobe XD | Ep 17/30 [Icon Design in Adobe XD]
App Design Tips
Download
18
Using Transparency to Cast Icon Shadows In Adobe XD | Ep 18/30 [Icon Design in Adobe XD]
App Design Tips
Download
19
Icon Design Challenge | Ep 19/30 [Icon Design in Adobe XD]
App Design Tips
Download
20
Icon Design Solution | Ep 20/30 [Icon Design in Adobe XD]
App Design Tips
Download
21
Balancing Icon Sizes | Ep 21/30 [Icon Design in Adobe XD]
App Design Tips
Download
22
Simplifying icons for smaller screen sizes | Ep 22/30 [Icon Design in Adobe XD]
App Design Tips
Download
23
Creating a notification icon in Adobe XD | Ep 23/30 [Icon Design in Adobe XD]
App Design Tips
Download
24
Creating a Heart Icon | Ep 24/30 [Icon Design in Adobe XD]
App Design Tips
Download
25
Creating a cloud icon | Ep 25/30 [Icon Design in Adobe XD]
App Design Tips
Download
26
Creating a chat icon | Ep 26/30 [Icon Design in Adobe XD]
App Design Tips
Download
27
Creating a calendar icon Ep | 27/30 [Icon Design in Adobe XD]
App Design Tips
Download
28
Converting icons to outlines | Ep 28/30 [Icon Design in Adobe XD]
App Design Tips
Download
29
Toggling between active and inactive icons | Ep 29/30 [Icon Design in Adobe XD]
App Design Tips
Download
30
Exporting icons | Ep 30/30 [Icon Design in Adobe XD]
App Design Tips
Download