background preloader

Principles of Flat Design

Principles of Flat Design
Flat design – the design community just can’t stop talking about it. And feelings are strong. Most designers either can’t get enough of this trend, or absolutely hate it. I am somewhere in the middle. Good design is about creating something useful that works. If the answer is designed in the fashion of flatness, so be it. So let’s examine what makes something flat. No Added Effects Flat design gets its name from the shapes used. The concept works without embellishment – drop shadows, bevels, embossing, gradients or other tools that add depth. Nothing is added to make elements look more realistic, such as tricks designed to make items appear 3D in skeuomorphic design projects. So what makes it work? Simple Elements Flat design uses many simple user interface elements, such as buttons and icons. Each UI element should be simple and easy to click or tap. In addition to simple styling, go bold with color on clickable buttons to encourage use. Need help getting started? Focus on Typography

http://designmodo.com/flat-design-principles/

Related:  Les modes du Web designWEBDESIGNdiseño interactivo

Making it Work: Flat Design and Color Trends We’ve talked a lot here about the flat design trend here at Designmodo. We’ve raved about it, showed you plenty of cool examples and even developed a free user interface kit for you to download and use for projects. But what if you want to do it yourself? Skeuomorphism in User Interface Design, What is It? In the last few weeks the debate over skeuomorphism has been getting more and more heated. I would like to make two points for you in this post. First, what skeuomorphism actually is – as I’ve seen so many people not fully understand it – and two some examples of it for you to get inspired by. What skeuomorphism actually is? Skeuomorphism is the imitation of another object by copying its material AND shape AND functionality. I have noticed way too many people assume that skeuomorphism is only about the texture like faux leather or faux wood.

Creating an Illustrative Monogram Creating a Monogram Monograms are an interesting way to go about making an identity. By nature they can be straight forward or extremely ornamental and illustrative. In this tutorial I’m going to walk you through the steps I (Chris Comella, designer at Go Media, hi!) Mobile First foreword by Jeffrey Zeldman Our industry’s long wait for the complete, strategic guide to mobile web design is finally over. Former Yahoo! design architect and co-creator of Bagcheck Luke Wroblewski knows more about mobile experience than the rest of us, and packs all he knows into this entertaining, to-the-point guidebook. Its data-driven strategies and battle tested techniques will make you a master of mobile—and improve your non-mobile design, too!

From Frog, How To Collect Consumers' Data Without Freaking Them Out Personally, I’m having trouble giving it up. By "it," I mean information about me, details that I’ve worked hard to safeguard and keep private. In fact, the same companies that are now soliciting, or simply taking, my personal data still encourage me to create strong user IDs and passwords to protect my privacy. Create a Vintage Art Deco Poster with Illustrator's Grain Effect You might not know the name A. M. Cassandre, but you've surely seen his work. His early 20th century French advertising posters have become iconic images of the Art Deco movement, and have inspired a new generation of designers worldwide. One of the characteristic aspects of Cassandre's work is the grainy texture used to shade objects. In painting, this technique is achieved by the artist using his thumb to flick paint off the end of a toothbrush.

Flat UI - Free Bootstrap Framework and Themes Header 3The Vatican transitions to a Header 4Great American Bites: Telluride's Oak, The Header 5Author Diane Alberts loves her some good From Google Ventures: 5 Rules For Writing Great Interface Copy For many technology companies, design is mysterious. So when I work with startups, I try to demystify design by talking about processes and skills. The idea is: Design is not a magical creative thing that designers are blessed to do. It's rational and objective, and the components are pretty easy to understand. People are often surprised when I tell them writing is a design skill. I used to work with an excellent visual designer who hated being called a visual designer.

Create Waving Checkered Flag Art in Adobe Illustrator In this very detailed tutorial you will learn how to create a waving checkered flag vector graphic using two very useful Adobe Illustrator features: the Pen Tool and the Blend Tool. The creation process is quite simple. We just need to focus on the realistic look of the waving flag.

Design Trend: Long Shadows A new trend is making its way through cyberspace – long shadow design. The concept, which borrows themes from flat design, is popping up in a big way in recent weeks. The trend is impacting user interface elements and icons the strongest, but is starting to creep into other parts of website design. What is Long Shadow Design?

Related: