准“扁平化设计”

扁平化设计在当下的用户界面设计界是很有争议的,微软的 Metro 风最早将其介绍给大众,之后有了很多人跟风,比如LayerVault、The Next Web以及更多。许多设计师从最开始就不看好这类设计,主要是因为在稍微复杂一点的界面中,扁平化设计会带来很多困扰。

扁平化设计既漂亮又清新,设计起来快,也更容易响应。如果只是绘画上的设计趋向可能会被广为接受,但是网页设计者总是对易用性持有很高的关注度,因此总会觉得扁平化设计天然的就有缺陷。

下面这张图从左往右分别是苹果、Google和微软的设计美学展示,三家走了非常不同的路线。

01

中庸之道是解决复杂争端的最好办法。妥协对观点鲜明的人来说很难,但是最终受益的还是大众。在这一例中,受益的大众就是产品的用户。

有一个办法,那就是把扁平化设计的优势都抽出来,应用到高度复杂的用户界面中去。至于具体怎么做,可以参考Google现行的界面设计语言。Gmail(web+iOS),Google Maps(iOS)和Google+(iOS)都是非常好的准扁平化设计的例子。

02

大多数情况下,这些界面都遵循扁平化设计的原则:扁平色块,没有阴影,利用颜色鼓励用户去进行交互(比如Gmail中的红色按钮“写邮件”)。但是仔细看时,你会发现这个红色按钮其实是有很小的弧度的。这道弧度就像是“嘿,快点我!”而不是“哇哦,我看起来诱人的就像糖果一样!对了你还可以点我的。”这类微妙的功能可见性是准扁平化设计的重要组分之一,也是其优于真正的扁平化设计的一大特点。

准扁平化设计自然也不会忽略深度的概念。相反的,适度加入深度的元素可以促进用户对界面的理解。但是就像弧度一样,深度元素的融入也需要仔细斟酌,才能让信息从平面中跳离出来,但又不会破坏扁平化设计的氛围。

03

准扁平化设计的例子不单有Google,新版MySpace也采用了这种看起来扁平,但是当你把鼠标移过去就会出现“快点我”的弧度。Letterpress,这款大师之作的游戏,虽然有些人说是扁平化设计,但是也采用了阴影设计来改进交互体验。还有自最开始就一直不怎么用弧度设计的Facebook,也用阴影来分隔覆盖图和其余页面。

04

iOS的未来应该会同繁复的拟物化设计渐行渐远,微软的Metro在易用性也有硬伤,设计的未来可能属于准扁平化设计这类兼具易用性和高效率的设计语言。

摘自:360氪

参与评论

游客评论不支持回复他人评论内容,如需回复他人评论内容请

  • 玲妹儿Diana

    扁平化很清爽简洁,个人觉得很好啊

    3年前 (2015-07-14)
    回复
  • 湘西阿蒙

    说苹果单手操作方便都是sb..无返回…无任何切换键的苹果也好意思说方便?就你们说的单手操作,就我周边的人用苹果手机都是双手操作,用手写输入中文....苹果因为没有功能键,返回键,手机的触摸部分是整个屏,最简单的一个例子,你看完一个新的信息,这时你想返回看别的信息,那么是不是要点左上角??右上角的屏的上方,但安卓就屏的下方,一个返回就搞定了......但安卓手机因为有这些键,一般完成普通的操作只在屏的下半部分就行了..包括多任务切换...单手操作完全不是安卓机的对手.安卓屏大,但操作部分在触摸屏的下半部就完成....

    3年前 (2015-07-14)
    回复
    回复湘西阿蒙
  • 文志依熙

    扁平化又不是苹果最早用的,有什么说来说去的。

    3年前 (2015-07-14)
    回复
    回复文志依熙
  • 神使_DK

    扁平化背后的一个动机是多样化的屏幕尺寸。扁平化对分辨率要求没那么苛刻,苹果这次推出扁平化,明年就会出大尺寸的iPhone了。

    3年前 (2015-07-14)
    回复
    回复神使_DK
  • 亿网设计

    真烦这个词,一点美感都没有,相比这些表面的无关痛痒的花头,我宁愿你苹果真正的创新一下吧。

    3年前 (2015-07-14)
    回复
    回复亿网设计
  • 南丁格尔

    ios7有个bug.在点击应用还没进入时,在屏幕上快速的来回滑动几下,就会出现那个删除软件的界面,然后一下子又跳回来了,我想让各位看看你们的会不会这样

    3年前 (2015-07-14)
    回复
    回复南丁格尔
  • 宣平愁沫

    现在设计简约为主

    3年前 (2015-07-14)
    回复
    回复宣平愁沫
  • 大战士韦伯

    我趴在楼上阳台吃馅饼,听到楼下有一对男女的谈话,男孩脸红的说:“你能和我谈对象吗?”女孩冷冷地说:“只要天上掉馅饼我就和你谈…”我一听,顺势就把馅饼丢到了女孩头上…加油吧!小兄弟,只能帮你到这了!

    3年前 (2015-07-14)
    回复
  • 幼稚模范

    实在想不通.苹果公司和三星公司根本就没有理由成为你们讨论的话题啊!一个卖的是产品和一个卖的是手机没有交集点啊!!!

    3年前 (2015-07-14)
    回复
    回复幼稚模范
  • 萧枫V

    苹果又一次用创新改变了世界!

    3年前 (2015-07-14)
    回复
    回复萧枫V
  • 安乔儿

    我就不懂了为什么7看上去没6华丽但比6卡这么多,iphone5用出了诺基亚5230的感觉

    3年前 (2015-07-13)
    回复
    回复安乔儿
  • 颜筱婉

    本屌丝用了半年nexus 4以后,趁着最近减价买了个过时的黑色5,终于又回归到爱疯阵营~客观而言,安卓手机的大屏幕确实体验感觉比爱疯好很多,运行速度和多任务也比iPhone体验好,但是这种好缺乏实际意义,具体而言,就是安卓系统太差,发挥不了安卓手机的硬件优势,屏幕大,结果没啥能发挥的空间,也就只能看个网页看看视频~~iPhone随便下个大点的游戏,得有1000mb,安卓我用半年就下过两个30多mb的小游戏,实在是差距太大,白白浪费nexus那柔性屏幕~~想起之前有网友说过的:安卓,用一次,就不想再用第二次!~~同时iOS 7⃣️用了两三天,很不错,推荐各位升级✌️

    3年前 (2015-07-13)
    回复
    回复颜筱婉
  • 冯杨洋

    大爱扁平

    5年前 (2014-01-27)
    回复
    回复冯杨洋