扁平化设计”的使用正逐渐成为网页和UI设计近期的大趋势,同时也是时下的一个热门话题,各种探讨和学习研究纷至沓来。鉴于我本身一直钟情于极简主义,所以扁平化设计中的美学对我极有启发,特别是在近期对QuoteRobot,进行重新设计时。
什么是扁平化设计?
从实践角度说,扁平化设计就是指不采用近几年流行的渐变、像素影和拟物化方法,实现“扁平化”的界面。
扁平化设计范例
在Squarespace的新版本中,设计师选用了一套近乎完全扁平化的界面。想来他们一定在线框图和UI上花费了大量的时间,尽管设计过程如此复杂,但导航却十分简单。
我自己虽然从来没用过LayerVault,但根据我的观察,其的扁平化UI很简单易用。
对原产品设计中因功能性而存在的设计要素进行模仿,并使之成为新设计中装饰性元素的一种产品设计元素。
举例来说,我们经常对用做按钮的元素应用渐变和投影效果,因为真实世界中的按钮就具有这些属性,但在计算机用户界面环境中实际上这些属性并非必要。
“一个天气类应用使用玻璃温度计的图片,这就是拟物化:玻璃在原始环境(真实世界的温度计)下是必要的,但在新的设计中却纯粹是个装饰。”
在日历应用上使用皮革材质是否真的必要?同样,对按钮应用渐变和3d边缘是否真的必要?难道不这样用户就不知道去点按钮了吗?装饰到什么程度算是必要?没有装饰就不行了吗?
“真实生活中,人在按按钮时会感觉到弹性,但是在手机或者屏幕上却没有这种物理的反馈。虽然在你脑中能够想象这种物理性,但在拟物化的现实中它并不真实存在。所以说,或者至少对我来说,拟物化在这一方面并不能达到期望的高度,这让我很
因此,扁平化设计完全可以成为对界面设计滥用装饰的抵制,正如极简主义抵制过去华而不实的豪华建筑风格。
功能决定形式,拥抱扁平化
具体运用到用户界面设计中,这通常就是说要去掉让界面贴近真实生活的内容。37signals的团队因在其产品(如Basecamp)中运用这一原则而名声大振(而且大获成功)。在扁平化设计界,“少即是多”是的真理。为了表现出扁平化设计的美感,设计师必须注重于对象的功能,而不是外观。这是关键,也是线框图对设计流程如此重要的原因所在。
审美因人而异
在写这篇文章前的调研过程中,我几乎没找到任何科学论断来支持屏幕上的按钮越真实就越显得“可点”这一说法。虽然有很多据为对比、颜色理论和层级理论提供支持,但我敢肯定的说,一个扁平化的橙色按钮和一个斜面橙色按钮放到恰当的背景下效果完全不会有差别。
文中图片素材来源网络,如有侵权请联系删除