扁平化学习点:扁平立体画风设计欣赏

标签:
扁平化设计风格趋势杨章钊文化 |
分类: 关于/每周学习 |
扁平化设计趋势火起来还是主要靠iOS7之后的事情了,你不得不承认他的进步,当然还是有很多人嘴巴上还是会说“他”这样或那样的问题,心理上其实已经也在慢慢接受他的进步了,你再不接受,马上就会有一大波扁平化降临了。扁平立体化风格的画风(这个叫法不科学,等着砖家去取名字吧),近年来也是比较火,在各类设计上都可以看到,特点就是颜色明快,块面化,立体化,这个风格和现在最火的扁平化也是不谋而合的。
扁平化完全属于二次元,这个概念最核心的地方就是放弃一切装饰效果,诸如阴影,透视,纹理,渐变等等能做出3D效果的元素一概不用。所有的元素的边界都干净利落,没有任何羽化,渐变,或者阴影。尤其在手机上,更少的按钮和选项使得界面干净整齐,使用起来格外简洁。可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。
英文名为“flat
design.”(扁平化设计),但围绕着“flat
design.”这个名字存在着诸多争论。现在你所看到的这个名称“flat
design.”也不是被大家绝对地认可。不同的公司团体都尝试用过其他名称,例如minimal
design, honest design,而微软公司甚至称它作 “authentically
digital”。
扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生,随着网站和应用程序在许多平台涵盖了越来越多不同的屏幕尺寸,创建多个屏幕尺寸和分辨率的skeuomorphic设计既繁琐又费时。设计正朝着更加扁平化的设计,你可以一次保证在所有的屏幕尺寸上它会很好看。扁平化设计更简约,条理清晰,最重要的一点是,更好的适应性。
在扁平化设计中目前最有力的典范是微软的windows 8以及windows phone和windows
RT的metro界面,不得不说Microsoft不愧为扁平化用户体验开拓者,如此大胆的尝试与实现,不得不让人佩服。与扁平化设计相比,在目前也可以说之前最为流行的是skeuomorphic设计,最为典型的就是苹果IOS系统中拟物化的设计,让我们感觉到虚拟物与实物的接近程度,如今IOS7也已在向扁平化改变。正如很多设计一样,扁平化设计也有缺点,比如需要一定的学习成本,传达的感情不丰富,甚至过于冰冷。
http://s11/mw690/51470a3dgx6D9TTzgKeaa&690
http://s14/mw690/51470a3dgx6D9TTCctD7d&690
http://s11/mw690/51470a3dgx6D9TTGMYi5a&690
http://s6/mw690/51470a3dgx6D9TTJLjT75&690
http://s1/mw690/51470a3dgx6D9TU16yQe0&690
http://s15/mw690/51470a3dgx6D9TU602yce&690
http://s13/mw690/51470a3dgx6D9TUbphyac&690
http://s8/mw690/51470a3dgx6D9TUfTvh57&690
http://s11/mw690/51470a3dgx6D9TUjkJY3a&690
http://s7/mw690/51470a3dgx6D9TUn8Oy06&690
http://s12/mw690/51470a3dgx6D9TUqmn17b&690
http://s9/mw690/51470a3dgx6D9TUsVrG18&690
http://s1/mw690/51470a3dgx6D9TUvORG30&690
http://s13/mw690/51470a3dgx6D9TUyq9C0c&690
http://s15/mw690/51470a3dgx6D9TUC3ySae&690
http://s3/mw690/51470a3dgx6D9TUFbO262&690
http://s3/mw690/51470a3dgx6D9TUJm1ka2&690
http://s9/mw690/51470a3dgx6D9TUS9Qs88&690
http://s9/mw690/51470a3dgx6D9TX4FSM58&690
http://s12/mw690/51470a3dgx6D9TX8iiT2b&690
http://s12/mw690/51470a3dgx6D9TXbAev4b&690
http://s16/mw690/51470a3dgx6D9TXhCDJ3f&690
http://s8/mw690/51470a3dgx6D9TXmtgP67&690
http://s16/mw690/51470a3dgx6D9TXq4mX5f&690
http://s16/mw690/51470a3dgx6D9TXubaT6f&690
http://s1/mw690/51470a3dgx6D9TXyfNmb0&690
http://s15/mw690/51470a3dgx6D9TXBEnAbe&690
http://s10/mw690/51470a3dgx6D9TXI60149&690
http://s15/mw690/51470a3dgx6D9TXLZkqfe&690
http://s8/mw690/51470a3dgx6D9TXPyGHd7&690
http://s2/mw690/51470a3dgx6D9TXTfwZ11&690
http://s12/mw690/51470a3dgx6D9TXXtEfeb&690
http://s9/mw690/51470a3dgx6D9TY1fpC08&690
http://s16/mw690/51470a3dgx6D9TY5bhJef&690
http://s10/mw690/51470a3dgx6D9TY8Pyh79&690
http://s12/mw690/51470a3dgx6D9TYdBHB5b&690
http://s1/mw690/51470a3dgx6D9TYhqQo30&690
http://s4/mw690/51470a3dgx6D9U1Z6r993&690
http://s7/mw690/51470a3dgx6D9U22hwie6&690
http://s1/mw690/51470a3dgx6D9U26g0w10&690
http://s13/mw690/51470a3dgx6D9U29Eug8c&690
http://s10/mw690/51470a3dgx6D9U2dGlP69&690
http://s10/mw690/51470a3dgx6D9U2gRaVd9&690
http://s3/mw690/51470a3dgx6D9U2kzOW22&690
http://s9/mw690/51470a3dgx6D9U2ntRC98&690
http://s4/mw690/51470a3dgx6D9U2rCM343&690
http://s2/mw690/51470a3dgx6D9U2vSGB11&690
网页设计的运用:
http://s8/mw690/51470a3dtx6DagDFlsj57&690
http://s3/mw690/51470a3dtx6DagDLIEq72&690
http://s7/mw690/51470a3dgx6D9U8FDiC16&690
http://s16/mw690/51470a3dgx6D9U8Vl83bf&690
http://s14/mw690/51470a3dgx6D9U9az7L6d&690
http://s15/mw690/51470a3dgx6D9U9v0eyde&690
http://s6/mw690/51470a3dgx6D9U9H45745&690
http://s8/mw690/51470a3dgx6D9U9WURN67&690
http://s7/mw690/51470a3dgx6D9Ua8lG6a6&690
http://s7/mw690/51470a3dgx6D9UaeSTs36&690
http://s16/mw690/51470a3dgx6D9Uakxll6f&690
http://s10/mw690/51470a3dgx6D9Uari2Z89&690
http://s6/mw690/51470a3dgx6D9UavGAZ05&690
http://s4/mw690/51470a3dgx6D9UaFHzR73&690
http://s11/mw690/51470a3dgx6D9UaNEQW4a&690
http://s5/mw690/51470a3dgx6D9Ub04jW54&690
http://s15/mw690/51470a3dgx6D9Ub64I6fe&690
http://s3/mw690/51470a3dgx6D9UbgmhI92&690
http://s10/mw690/51470a3dgx6D9UbmudH89&690
http://s14/mw690/51470a3dgx6D9Ubt0MB4d&690
http://s12/mw690/51470a3dgx6D9UbzCGf2b&690
http://s3/mw690/51470a3dtx6DagDLIEq72&690
http://s7/mw690/51470a3dgx6D9U8FDiC16&690
http://s16/mw690/51470a3dgx6D9U8Vl83bf&690
http://s14/mw690/51470a3dgx6D9U9az7L6d&690
http://s15/mw690/51470a3dgx6D9U9v0eyde&690
http://s6/mw690/51470a3dgx6D9U9H45745&690
http://s8/mw690/51470a3dgx6D9U9WURN67&690
http://s7/mw690/51470a3dgx6D9Ua8lG6a6&690
http://s7/mw690/51470a3dgx6D9UaeSTs36&690
http://s16/mw690/51470a3dgx6D9Uakxll6f&690
http://s10/mw690/51470a3dgx6D9Uari2Z89&690
http://s6/mw690/51470a3dgx6D9UavGAZ05&690
http://s4/mw690/51470a3dgx6D9UaFHzR73&690
http://s11/mw690/51470a3dgx6D9UaNEQW4a&690
http://s5/mw690/51470a3dgx6D9Ub04jW54&690
http://s15/mw690/51470a3dgx6D9Ub64I6fe&690
http://s3/mw690/51470a3dgx6D9UbgmhI92&690
http://s10/mw690/51470a3dgx6D9UbmudH89&690
http://s14/mw690/51470a3dgx6D9Ubt0MB4d&690
http://s12/mw690/51470a3dgx6D9UbzCGf2b&690
谷歌新版风格设计的运用:
前面有一期专门降到此风格:可仔细观看:
http://blog.sina.com.cn/s/blog_51470a3d0101ihv5.html
http://s9/mw690/51470a3dgx6D9UsTRk478&690
http://s10/mw690/51470a3dgx6D9UsWtwB09&690
http://s1/mw690/51470a3dgx6D9Ut0xKU70&690
http://s12/mw690/51470a3dgx6D9Ut3H7R0b&690
http://s15/mw690/51470a3dgx6D9Ut7Loaee&690
http://s11/mw690/51470a3dgx6D9UtaBE68a&690
http://s6/mw690/51470a3dgx6D9UteFCt15&690
http://s10/mw690/51470a3dgx6D9UsWtwB09&690
http://s1/mw690/51470a3dgx6D9Ut0xKU70&690
http://s12/mw690/51470a3dgx6D9Ut3H7R0b&690
http://s15/mw690/51470a3dgx6D9Ut7Loaee&690
http://s11/mw690/51470a3dgx6D9UtaBE68a&690
http://s6/mw690/51470a3dgx6D9UteFCt15&690