欧美风双色动画效果模板课件.pptx

1、TABLE OFCONTENT 1 Trend Alert2 Flat Design 1013 Flat Design,But Why?4 Icon Design vs.Flat Design5 How To Make A Flat Design6 Conclusion TRENDALERT!WEB DESIGNSare going FLAT!Minimalism is the new black and you got to wear it!FLATDESIGN101 Flat design is a minimalistic approach to designing that focus

2、es primarily on usability.It consists of using bright colors,spacing and two dimensional(flat)illustrations as elements.Microsoft was one of the first to apply this design to its interface.FLATDESIGNBUT WHY?.because the all out flashy websites are no longer pleasing!And people really dont have the t

3、ime to go through a content heavy page.A flat design forces you to not only minimize the colors on your website,but also the elements to keep it neat and tidy!Exactly what a user wants these days.ICONFLATFlat Wins Hands Down!HERESHOW YOU CAN GOFLAT!FantabulouslyMAKE ITBRIGHT&BOLDThe signature elemen

4、t of a Flat Web Design is Bright,Bold Colors.So create a lot of Colorful Panels!There are a lot many colors that you can play around with on Photoshop,but you can make life easier by using while creating your flat color theme.Flat UI ColorsCREATEMULTICOLORPANELSTo further enhance the bold look,combi

5、ne colors to make a beautiful series of background panels,like .NoteLimit your websites color palette to a few number of colors.TriplAgent ISTHE NEWBLACK!TypographyUPPERCASELETTERSUse uppercase characters to demarcate navigation items and key headlines from the other elements.has been doing this and

6、 you should too!WistiaWHITE TEXT OVER COLORED BACKGROUNDSAnother popular technique to make your flat design stand out is to use white text over a flat background cover or a picture background.masters this trend!Playground Inc.VECTORS ARE COOL!Vectors are constructed using geometrical shapes and dist

7、inct colors;and are best suited for artwork on flat designs.Heres how used it.Lorenzo VerziniSUBTLEBACKGROUNDSSTILL RULE!For those of you who cant do without heavy content,try and make visually impactful background.On this,give away the content you want to offer using contrasting colors.A very good

8、example of this is .OnSiteBIG IS BETTER!Use huge page elements,and space them out well.This gives your page a minimal look,which suits your flat design.THROWIN SOME EFFECTS!Create transitions and other effects using HTML5 and CSS3 to make your website look simple and yet a visual spectacle.Heres how

9、 used it.Le RockwoodPANORAMA ISBEAUTIFUL!Since almost every other flat design ends up using flat colors,heres a way to stand out:use unique panoramic photos!They serve the purpose of a centerpiece while also giving the other elements a flatter touch.gets it right!MailChimpEQUIPYOURSELF!Get yourself

10、a Flat Design UI Kit so that you dont have to run from website to website looking for elements to use.Here are the top 5:Flat UI FreeFlat UI Pro Flat Design Toolkit Blog/Magazine Flat UI KitVertical Infinity UI KitNow that your design is in place,its time to ensure that it delivers quality browsing

11、experience across all your users.The only to deliver efficiency is to sign up your website for services.Depending on the resources your website requires,you can opt for any of these plans:Shared,VPS,Dedicated,Reseller and Cloud.Lastly,GETHOSTEDWebhostingChooseWHYIX WEBHOSTING?Because no one else in

12、the industry can offer the following:CONCLUSIONNo matter what your business offers,when it comes to websites,minimalism is the new cool.So get rid of all the excess content and elements to make your website ready for a“Flat”overhaul!谢谢观看/欢迎下载B Y F A I T H I M E A N A V I S I O N O F G O O D O N E C H E R I S H E S A N D T H E E N T H U S I A S M T H A T P U S H E S O N E T O S E E K I T S F U L F I L L M E N T R E G A R D L E S S O F O B S T A C L E S.B Y F A I T H I B Y F A I T H