Flat Design
Transcript: Characteristics of Flat Design Flat Design This web-design style became popular around 2012. It is still widely used today. However, the excessive use of this style can cause serious usability problems. One of the biggest usability issues introduced by flat design is the lack of signifiers on clickable elements. Sources: Since flat design is simple by nature, avoid trying to make its elements look realistic. It works well with an overall minimalist design approachso simple color and text may be enough. If you want to add visuals, opt for simple photography. Simple Elements www.awwwards.com/flat-design-an-in-depth-look.htm designmodo.com/flat-design-principles/ https://developersblitar.wordpress.com/2014/06/06/9 http://designmodo.com/pros-cons-flat-design/ http://www.xislegraphix.com/website-types.html The biggest player in Flat Design, and the first one to popularize this trend is Microsoft. courtneyandrew.com www.motionvfx.com/pliki/image/mBlog_PICTURES/November11/microsoft-office.jpg www.webhostinghub.com/help/images/stories/Concrete5/what-kind-of-site/leave-it-better.png Flat design makes things free from distractions, eliminating heavy background images, swirls, and grunge that makes everything cluttered. It’s very easy to navigate, since there are no more gradients, drop shadows, glows and bevels. It puts more focus on the text, making everything readable from big screens down to mobile. Another thing about flat design is its simple mobile interface. The buttons are easy to tap on mobile devices and there is no need for zooming to find links. http://www.websitemagazine.com/content/blogs/posts/archive/2014/03/28/pros-and-cons-of-flat-design.aspx Found Them First drawabetter2016.com Color is also an important aspect of flat design. In fact, flat design color palettes are often much brighter and more colorful than those for other sites. Color palettes for flat design projects often contain many more hues as well. While most color palettes focus on two or three colors at most, flat design palettes may use six to eight colors equally. theelearningcoach.com/wp-content/uploads/2013/10/metro-windows-start.png www.awwwards.com/web-design-awards/found-them-first Flat design does not use any type of decoration and effects such as bevels, emboss, gradients, or shadows. Every element such as button and image frame is crisp and lacks shadows and there are not tricks that will make it appear 3D. Minimalist Approach PROS OF USING FLAT DESIGN As we've said earlier,the excessive use of this style can cause serious usability problems and one of the biggest usability issues introduced by flat design is the lack of signifiers on clickable elements. If you are also the type of person who wants a lot of decoration, then flat design is not appropriate for you because it will limit the tricks that you want to use. ournameismud.co.uk Focus on Color WHAT ARE THE CONS? No design outline is perfect. It has pros but it will always have its cons. Whether it will be useful or not for the user depends on how the web developer will choose a design that is appropriate on what he/she wants to convey through his/her content. In short, the level of the design's usefulness and practicality differs and the design can be chosen based on particular requirements. Flat design(Flat UI) is a style of interface design without any stylistic elements that give the illusion of three dimensions (such as excessive use of drop shadows, gradients or textures). Instead, it is focused on a minimalist use of simple elements, typography and flat colors. Here are some websites that use flat design Focus on Typography Flat Design Community Building Websites Typography is a very important aspect because of the simple nature of flat design. The tone of the typography should match the overall design scheme because a highly decorated font might look unconventional against a super-simple design. A simple sans serif type family with plenty of variations and weights is one of the suitable fonts in flat design. You can add a touch of a novelty font but be careful not to go overboard with your decoration. Writer/Author's Website aptdesignonline.com/wp-content/uploads/markus-zusak-author-website-750x440.jpg Flat design has simple user interface elements. The buttons and icons are simple shapes and they are easy to click or tap. Because the user interface elements doesn't have a lot of in-design explanation, the interaction is intuitive for the users. No Added Effects Draw A Better 2016 TYPES OF WEBSITES THAT SHOULD USE FLAT DESIGN dribbble.com/shots/963964-Online-Radio