Getting More Out of Less: Flat Web Design Still Going Strong

Flat Web Design Still Going Strong

Bandwidth increases have led many Denver web design firms to start incorporating landing page animations, flashy navigation menus, and embedded video into their repertoire. While this mirrors previous jumps in bandwidth—everything from the rise of gifs to the beginning of streaming media—a countertrend has taken hold. We’ve previously discussed the responsive web design and loading time advantages of flat design, but today we’re going to look at it from a graphic design standpoint.

Google’s Material Design

Even though it’s impossible for the giant that is Google to disappear into the millions of websites on the Internet, their web designers have made a brilliant move in pushing towards a material design intended to mimic simple, flat elements from print like paper and ink.

This flat approach to design becomes all the more effective with slight element elevations to provide a 3D look. The subtle depth from shadows allows for button animations, tactile drag-and-drop motions, and element separation.

Google is continually developing a myriad of tools and services which need to grow and operate in their own spheres. The simplistic material design approach keeps visual continuity among services and makes them identifiably Google’s, but it also gives web designers and UI developers the freedom to make their ideas work in a web or application environment.

Ghost Buttons

A trend that has continued to gather steam, ghost buttons are unobtrusive buttons/links in flat design. They’re often found placed over large background images which fill the page above the break. Ghost buttons fit beautifully into flat web design and are often animated with bolded borders or fill colors on hover.

Check out Facebook Developer Conference 8  for a page break example, and have a look at applications Weatherjams  and Raindrop to see examples of different hover animations.