Monday, October 30, 2017

Redesigning Adobe’s File Type Icon System Language

Anny Chen:

When we factor in the number of sizes and formats for each file type icon, we’re looking at over 7,000 assets to modify and manage with each release cycle.


Only primary file types would get the product logo color association. For example, .PSD would be blue and .AI would be orange.

Create a neutral palette for secondary file types that are supported by multiple applications. For example, Photoshop and Illustrator would use the same .PNG file type icon, instead of each having their own unique version of the icon through brand color association.


One of the main drivers behind the redesign was to simplify and remove as many elements on the file type icon without losing its significance. We dropped the tag, and moved the file type mime to the bottom of the icon. We also removed the page curl to flatten the design and create a more modern visual language.

Previously: New Lightroom CC and Lightroom Classic CC.

1 Comment RSS · Twitter

[…] Previously: Redesigning Adobe’s File Type Icon System Language. […]

Leave a Comment