Icons & Badges
Icons, badges, stickers , emoji and in-application illustrations
Windows 10 - achievement badges & stickers
Windows 8 icons, emoji, and cursors
Round 1, wide range of exploration.
Round 2, narrow down options.
Round 3, Reading List final icon on start screen tile
Round 1, wide range of exploration.
Reading List app logo/icon
Reading List is a Windows 8 application that allows the user to quickly save an item for later viewing. This could be a web page, document, email, photo, etc.
The process for finding a good application icon for Reader went through several typical stages.
Round 1 is brainstorming / initial sketeches.
Round 2 is discussion and selectng a narrower set of options.
Round 3 homes in on a single representation with small tweaks to bring the image to its ideal state.
Problem: Upgrade the scanner device icon to the level of application icon.
Scanner sketches
Solution: Scanner application icon has appropriate detail and weight to compete with other application icons
Problem: Upgrade the scanner device icon to the level of application icon.
Scanner app logo/icon
Problem: the scanner application needed an application icon and the existing scanner device icon did not have sufficient detail or visual weight to compete with the other application icons.
Solution: Referencing related device icons and applicaton icons led to several sketches. The solution is an interesting scanner image which has a good balance of detail and simplicity,
Miscellaneous symbols
Astrological animals
Emoji emotions
Miscellaneous symbols
Emoji
Emoji live in the Segoe UI Symbol font. They are based largely on the Unicode definition for each character. I had the opportunity to draw new versions of many of the emoji.
Start screen command bar icons.
Help Hub icons size ramp.
Reader command bar icons, size ramp.
Start screen command bar icons.
More icon sets
Sets of Windows 8 icons:
1. Start screeen command icons
2. Help Hub application icons
3. Icons we imagined third party application developers would need but had not yet been requested by an Windows 8 application
4. Reader command bar icons
Windows 8 to Windows 7 comparison.
Cursor size ramp.
Windows 8 to Windows 7 comparison.
Cursor refresh
Windows 8 cursor refresh kept the existing concepts but stripped out the gradients and drop shadows to leave crisper, flatter images. This side by side comparison shows the lighter feel of the updated cursors.
Open New Window and Open New Window in New Process flyout
Open Command Prompt and Open Command Prompt as Administrator flyout
Open New Window and Open New Window in New Process flyout
Ribbon icons
Windows 8 Explorer ribbon icons. For Windows 8 the file explorer was "ribbonized". Adding the ribbon to the file explorer meant that existing icons needed new sizes and many existing features needed an icon for the first time.
Home tab
Share tab
Manage Application Tools tab with icons
Home tab
Misc. icons
These are older icons in the glossy, highlighted aero style.