: What is meant by 'designing an icon at 100% scale'? From the Android's Material Design guide, System icons are displayed at 24dp. When creating icons, it’s important to design at 100%

@Berryessa866

Designing at 100% scale just means designing at the size (in pixels) that you will be displaying/outputing your icon at.

If you are designing a 24px × 24px icon, you set up your artboard in Illustrator or document in Photoshop or whatever else you are using to 24px × 24px.

As quoted from the Material Design guide, this is for pixel accuracy. If you work at a larger scale, or work in a vector format without taking in to account pixels then later reduce the size down to 24px—your shapes, paths, point or pixels won't be aligned to the pixel grid and you will get effects as illustrated in this example:



It's worth noting, since dp is not an absolute unit of measurement and translates to a number of different actual pixel sizes—designing at 100% scale also implies designing for each pixel size independently. (Thanks Yorik!)

Vote Up Vote Down