Mobile app version of vmapp.org
Login or Join
Courtney577

: Flat design soft noise recently I've noticed a style used in design that I'm really interested in and really curious about. That being a soft grain in some of the otherwise flat design styles

@Courtney577

Posted in: #InterfaceDesign #SketchApp

recently I've noticed a style used in design that I'm really interested in and really curious about. That being a soft grain in some of the otherwise flat design styles that are being used.

Some examples of this might be some of Google's design, or, this example that I found.

Both of them have a bit of grain, and although I know how to use Photoshop's noise filter and all, I was wondering if there was a routine way to go about this, or if anyone had any comments or thoughts on what to do or what not to do. Thanks!

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Courtney577

1 Comments

Sorted by latest first Latest Oldest Best

 

@Murray976

There is a very deliberate, functional reason for this use of noise: it obscures banding in fine gradients.

Gradients have become incredibly popular within flat design, largely due to Apple's focus on them since iOS 7. Apple uses extreme gradients, mostly. By extreme, I mean there's a lot of colour shift in their gradients, so they can avoid banding, mostly, by the combination of the angles they use and the amount of colour shift.

For more subtle gradients, particularly radial ones, a banding becomes visible, often, because there's not enough gamut to prevent banding unless using huge (48bit) colour spaces. To obscure this banding, there's various ways to increase noise, both chroma and black and white, and blend it with the gradient. This hides the banding, somewhat.

When done subtly, the noise isn't consciously visible. But you're starting to see it, which means you've noticed it and can't un-see it, and/or you're looking at examples where stronger noise was required to obscure the banding in the gradients, or you're seeing images where the noise is desirable and accentuated.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme