2. Gradients (and we’re also calling them color transitions)
Gradient image overlay with color transition animations for added flare. Via NYC Pride
In the not-so-distant past gradients reigned supreme. They were found on every website button, page header and PowerPoint presentation. Your corporate PDF wasn’t cool unless a gradient graced the cover. Then, sometime around late 2007 they were sidelined as we embraced an era of flat design.
Stripe uses vibrant gradient backgrounds to compliment semi-flat illustrations. Via Stripe
Flat design is evolving, and gradients are making their modern-day comeback as a flat design enhancement. This enhancement is part of a design update often referred to as “flat 2.0” or “semi-flat design”. Their reappearance in iOS and adoption by industry leaders like Stripe and Instagram have solidified their popularity once again, and you’ll be seeing them in the form of vibrant UI, branding, backgrounds, illustrations and overlays.
Elje Group’s vivid color transitions and typography are on point for 2018. Via Elje Group
Asana combines gradients, illustrations and shadows for a modern, flat 2.0 look. Via Asana
We’re also seeing an increased use of the term “color transitions” when referring to gradients. While the terms seem to be used interchangeably, “color transition” more often refers to the modern application which is vibrant, smooth and “flatter”—fitting within flat design aesthetics.
Workspace logo design for helloT7 by shaka88