解析网页设计扁平化设计VS拟物化设计

2016-02-17 00:33 7 1 收藏

图老师小编精心整理的解析网页设计扁平化设计VS拟物化设计希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

【 tulaoshi.com - 平面设计 】

这篇小短文是关于最近很火的扁平化风格的深度探讨。我可以听到你们脑袋里不耐烦地抱怨:Brah,这种事情随意啦!。但是如果你想做一个有品味的设计师,还是看看为好。当然,我会尽可能得快点讲完。

解析网页设计扁平化设计VS拟物化设计,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

我从不认为哪种风格或哲学立场更正确或者说更优于其他,我更中庸一些,我认为答案通常不是极端的;我也认为,使用得当的就是好的。当下被讨论的很火热的用户界面设计风格有两种:扁平化设计和拟物化设计。在实际的案例中我们应该怎样取舍呢?

简单说来,设计师的品味决定了他如何在实际案例中灵活运用这两种设计风格。在iOS客户端的Dropbox中,这两种设计风格被很好地融合在一起。

我要说的第一件事,过犹不及。iOS中Header的特点是它有十分丰富细腻的渐变等特效,而扁平化设计则完全摒弃了这些特效。如果我们像iOS那样使用更多的特效,制造更多的细节和对比,最终会得到下图中第一个Header;如果我们去掉全部的渐变和效果,我们会得到一个像Windows8一样扁平的结果,即下图中间的Header;最后,如果我们在Header上加入一点点不易察觉的、十分微妙的渐变和特效,我们就会得到下图第三个Header

和《三只小熊》(The Story of the Three Bears)里的小菇凉一样,我个人更喜欢第三个效果。

解析网页设计扁平化设计VS拟物化设计,PS教程,图老师教程网

我要说的第二件事,还是过犹不及。检查一下UI视图中选中状态的设计。我们使用浅蓝色的背景来表明这个部分被选中了,而不是复杂的特效。这个设计很好地给了用户操作反馈,既不会太显眼,又不会引不起用户的注意。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

解析网页设计扁平化设计VS拟物化设计,PS教程,图老师教程网

我们需要有目的性地、科学合理地使用扁平化和拟物化风格,而不是生硬地套用某种风格,更不是一条路走到黑。这样才能让我们的用户界面设计看起来更高端!更大气!更有品味!更国际范儿!亲,你们懂的!

来源:http://www.tulaoshi.com/n/20160217/1576876.html

延伸阅读
扁平化网站蜂拥而来,想脱颖而出,就得在细枝末节上下功夫。今天搜集的这组网站,将扁平化的细微之处打磨得非常漂亮,感受下。 Mountainview Agency Apparatus Studio Dickson Fong Trippeo Kevin Tresor Portfolio Gogoro Genn.org VI Hart Island Project Online Photo Mosaic Maker Part Design. Pa...
别说你听的想吐了,也别说你不想讨论。除非有一天你想落伍离大家越来越远。 事实证明,关于扁平化空前的争议和讨论导致了扁平化风格的多样化。没有争论,就没有变革! 信息层级的简化、极简主义,这是我认为扁平化的核心,不同的设计师肯定对此理解也不同,大家有没有发现,最近的扁平化变了。 实验,加入效果,失败!再实验,再次加入效果...
扁平化风格越来越流行,相信设计师们对其都有自己独特的看法,今天收集了款扁平化风格的着陆页设计,希望能给你带来灵感呦。 Siteleaf Mixpanel Bee LogoLagoon Kin Envato Marketplaces Foundation Pebble SurveyPlanet PressKing Treehouse Clogout Modulz Fostr Mention In...
标签: PS
PS扁平化仍是主流设计风格   扁平化仍是主流设www.Tulaoshi.com计风格。今天@正越升 同学总结了扁平化设计的8个小技巧,字体、图标、排版、配色等都有提及,教程深入浅出,非常适合新手,学会可以直接拿来作海报和PPT设计。
标签: 设计
甭管你是谁,只要你从事商业活动,都必须要有一张名片。要么你可以雇佣个设计师帮你设计名片,要么下载一些名片模版,小修小补之后,设计出自己的名片。本文将讲述利用PS打造简约、充满现代感的名片。 先看看效果图 步骤1尺寸,出血,色彩模式以及分辨率 打开PS,然后需要了解一点名片设计的知识,最重要的毫无疑问是尺寸,可参考本国名片...

经验教程

566

收藏

87
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部