Transcript: Flat design focuses on being simple 1950's The Blue Epoch by Yves Klein 1960's It's come a long way ...and clutter free. Drop Shadow Minimalist Art Movement Prezi.com I just realized this... Swiss Typography Flat UI Design Removal of drop shadows and other 3D elements SnowBird.com
Transcript: Flat design is a more simplistic, digital sense of design. I think this design will be popular for a long time because it is so universal and simple that the images can be recognized easily worldwide. However, the lack of drop shadows has been something criticized by designers and may make it more difficult for users to click on digital buttons. I believe that the simplicity and minimalistic aspect of this design will make it adaptable for future uses. FLAT Design originated in the 1950s and 1960s. The first digital appearance of the design was in 2006 in the Microsoft Zune mp3 player. What is Flat Design? Color Palette Microsoft was the first to use this style of design. It clashed with Apple's iOS Skeuomorphic design. It came from this design that Apple made popular and attempted to oppose all of these 'artificial' design techniques. It is inspired by International Typographic Style (Swiss Style), Modernism, and styles emerging from Bauhaus. A minimalistic design approach that emphasizes usability. It represents crisp edges, open space, and bright colors. There are only two-dimensional and flat design identifies applications as simple, icon-like images. There is a clear separation between technology and tactile objects. Flat Design is not ornamental; it is very minimalistic. The bright colors make it so the design is not boring and still grab the viewer's attention. The simple, vibrant images make it so everyone can easily understand them and indicate universal actions. Conclusion Flat Design owes a lot of inspiration from Swiss design. However, Flat design is much more based on digital platforms. It is dominated by sans-serif typography and flat images that reside on internet and digital based environments. Swiss design was not entirely flat, it had depth and perspective to its design. This created the very grid-like pattern that the style takes on. Google is also a well-known user of this style Windows 8 is the forefront of the Flat design trend. What makes Flat Design unique? FLAT DESIGN Era Icons Origin Key Words Simplicity Geometric Minimalism Abstraction Order Typography Clarity Legibility Grids Rational Objective Unity Universal
Transcript: - Much easier to grasp - Get the main message easily - Symbols/icons can be easily recognized - Meaning can be quickly found What is Flat Design? - New trend in graphic design - Minimalistic - Little to no 3D effects or shadowing - Simple, icon-like images Material Design Why Flat Design? - Branch off flat design - some minor shadowing and 3D imagery - still simple and minimalistic - Utilises flat design to create easy to access simple modular layouts - Allows for easy access - Windows Flat Design Modular Design
Transcript: West Water Outlaws Tickets available online at programcouncil.com or in the UMC Connection. April 12th 2013 Instagram Contest Event Location 22 Road Closure 22 Balch Field House The Black Keys STAFF STAFF Univeristy of Colorado Program Council Presents: Bastille Congradulations Vinny McComb! For posting the most photos you have won (2) tickets to Copper Mtn to be used this season! Also an added bonus, the tickets come with so you can skip the line all day!
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
Transcript: Example of a Jeopardy Template By: Laken Feeser and Rachel Chapman When creating without a template... http://www.edtechnetwork.com/powerpoint.html https://www.thebalance.com/free-family-feud-powerpoint-templates-1358184 Example of a Deal or No Deal Template PowerPoint Game Templates There are free templates for games such as jeopardy, wheel of fortune, and cash cab that can be downloaded online. However, some templates may cost more money depending on the complexity of the game. Classroom Games that Make Test Review and Memorization Fun! (n.d.). Retrieved February 17, 2017, from http://people.uncw.edu/ertzbergerj/msgames.htm Fisher, S. (n.d.). Customize a PowerPoint Game for Your Class with These Free Templates. Retrieved February 17, 2017, from https://www.thebalance.com/free-powerpoint-games-for-teachers-1358169 1. Users will begin with a lot of slides all with the same basic graphic design. 2. The, decide and create a series of questions that are to be asked during the game. 3. By hyper linking certain answers to different slides, the game jumps from slide to slide while playing the game. 4. This kind of setup is normally seen as a simple quiz show game. Example of a Wheel of Fortune Template https://www.teacherspayteachers.com/Product/Wheel-of-Riches-PowerPoint-Template-Plays-Just-Like-Wheel-of-Fortune-383606 Games can be made in order to make a fun and easy way to learn. Popular game templates include: Family Feud Millionaire Jeopardy and other quiz shows. http://www.free-power-point-templates.com/deal-powerpoint-template/ Quick video on template "Millionaire" PowerPoint Games Some games are easier to make compared to others If users are unsure whether or not downloading certain templates is safe, you can actually make your own game by just simply using PowerPoint. add logo here References Example of a Family Feud Template PowerPoint Games are a great way to introduce new concepts and ideas You can create a fun, competitive atmosphere with the use of different templates You can change and rearrange information to correlate with the topic or idea being discussed. Great with students, workers, family, etc. For example: With games like Jeopardy and Family Feud, players can pick practically any answers. The person who is running the game will have to have all of the answers in order to determine if players are correct or not. However, with a game like Who Wants to be a Millionaire, the players only have a choice between answers, A, B, C, or D. Therefore, when the player decides their answer, the person running the game clicks it, and the game will tell them whether they are right or wrong.
Transcript: Flat design leaves out drop shadows, bevels, embossing, gradients or other tools that add depth. What is it? iOS 6 vs. WP8 Flat design gets its name from the shapes used. Flat design employs a distinct two-dimensional style that is simply flat. Source: http://designmodo.com/flat-design-principles/#ixzz2ji7CA1Sn Designers use shapes, such as rectangles, circles or squares and allow each shape to stand alone What is it? Flat design also has a tendency to focus on typography rather than images, color, and simplicity. Focused on the basics Windows is at the forefront of flat design Flat design uses simple shapes that are intuitive, and tends to focus on text. One-dimensional icons Flat Design
Transcript: Minimalism is achieved by reducing a design to only the most essential elements. Skeuomorphism refers to a design principle in which design cues are taken from the physical world. This term is most frequently applied to user interfaces (UIs), where much of the design has traditionally aimed to recall the real world Definition Flat design is characterized by a really minimalistic look, focused on removing all extra elements and effects from a design, such as bevels, shadows, lighting effects, depth, texture, and every element that creates and gives an extra dimension to these elements. Flat Design Minimalism Inspiration Skeuomorphism vs. Flat
Description: Catch the eye and engage the imagination with this cool-looking Prezi proposal template. The bold, bright design and highly dynamic theme all but guarantee success for your next sales or marketing proposal. All Prezi presentation templates are easily customized.
Description: Add some color to your quarterly business review with this vibrant business presentation template. The bold visuals in this business template will make your next QBR a memorable one.
Description: The sky’s the limit. Boost your new sales initiative into orbit with an engaging and compelling SKO presentation. This template features a effective sales kickoff theme that makes it easy to be engaging. Like all Prezi SKO templates, it’s fully customizable with your own information.
Now you can make any subject more engaging and memorable