恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
浅谈极简风格的设计感
0.0°
2016-06-13 原创文章 经验/观点 举报 10615 48 96 5

设计是反映人性和满足需求的。人性复杂,需求多变,设计同样也能快速地从一端到另一端。 

2010年,

以简洁色块、抽象线条组成的 windows phone 7 主界面设计让人眼前一亮,微软将之命名为 Metro UI。Metro UI 强调“光滑、平、快”,富有沉浸感,清新而现代。 

然而,移动时代的微软步履蹒跚,Metro UI 首次示范的“扁平化”,换来的却是世人的嘲笑。 

紧接着2011年,

Android 4.0开始扁平化,谷歌这家向来很“酷”的公司,开始跟随“不那么酷”微软,许多人看不懂了。不过,人们还是把这当作谷歌为了和苹果抵抗,标新立异。 

到2013年,

一手主导了IOS 拟物化(Skeuomorphism)风格的 Scott Forstall ,因为苹果地图的失败而被离职,Jonathan Ivy 在全面接管 IOS 设计工作后,IOS 7开始被迅速“拍扁”。扁平化这股设计风格真正成为设计潮流。 

从拟物到扁平,不需要谈的太高深,一个很简单的例子,我们的汉字。 


Image title


最初人们用图画文字(象形字)来纪录,这是一种最原始的造字方法,把想要表达的物体的外形特征描绘出来,慢慢演化到繁体,到现在的简体。 


认知遵从由繁到简的发展规律,同理,设计是不是也有着从写实拟物到抽象扁平的脉络?


果粉津津乐道的 Skeuomorphism,拟物化设计,是公认的乔布斯的愿景。从市井小民乃至锤子科技CEO罗永浩,粉丝众多。拟物化设计既然是“拟物”,必然追求模拟现实物品的造型和质感,方法是通过叠加高光、纹理、材质、阴影等各种效果对实物进行再现(也可适当程度变形和夸张)。 


在数码设备普及度不高的时代,拟物化是有效果的,因为成功把人们熟悉的事物作为参照物来进行用户界面设计,认知成本非常低。即使是小孩和老人,都能快速上手苹果手机。


而且一眼看过去,拟物化设计又非常细腻,精致,有着更丰富的视觉表现。


Image title


但为何如今扁平化成为了趋势,拟物化设计的没落,是否源于大众的“审美疲劳”? 


就像西方艺术分很多种流派,在不同的时期兴盛一时。不同的表现形式可以满足不同的诉求。



  1. 扁平化很大程度是出于信息化的诉求,弱化界面无用的图形干扰让用户可以快速聚焦到信息上,特别对于屏幕更小的移动设备,减少干扰尤为重要。 
  2. 扁平化更像是一种矢量化,可以一种程度上减弱对像素精度的依赖,从可以创建出适应性更高的用户界面,特别是对于今天设备屏幕多样化的今天,使用扁平化的设计来创建响应式的用户界面也会更加容易。 
  3. 审美需要,厚实的质感看多了,换个口味来点清爽的扁平,多少能让人感觉眼前一亮。 



扁平化的兴起,是因为只有充分简洁的界面,才能够适应未来的终端碎片化、界面碎片化。扁平化称之为本质化,信息的世界本来就是没有质感的,这是一种新物质形式,和现实世界不同,它是符号性的,它让信息自然的流动,我们应该适应这种新形式而不要太过于迷恋现实的质感。 


从格式塔理论上去解释,这是一种信息过载的回归,人认知识别模式中有一种最基本的趋于对称性,平滑的“好形”,而这种好形过于单调,最终人类创造出更多各种复杂的图形,艺术化了它,在信息稀少的时代这是一种极好的丰富行为,而现在在互联网的作用下,人类创造的信息量指数级的增加,一切都被淹没了,这个时候最初那种人类本能趋向的简洁完形就应该被重新拾起,直达事物本质。 


微软-谷歌-苹果,不管你承不承认,硅谷这三家足以引领世界创新风潮的公司,它们的一致选择,自有它内生的合理性。 扁平化风潮,也从系统到UI再到每一个应用图标,自上而下地形成风格统一。


具体的“过渡对比”,通讯行业的app最具有典型性,从拟人化到扁平化都在追寻国际设计准则。以月活已达7亿、不断增加新功能已成为超级 app的微信举例,


Image title

微信4.0 、微信5.0、微信 6.0 三个版本的logo演变 ▲


上面是最知名的微信的例子,下面是2012年(比微信稍晚)上线的、另一个较流行的OTT应用,由通讯巨擘华为及腾讯组成的团队开发的有信电话App,日活近千万注册用户超1亿,其产品设计也有着类似的演变轨迹:


Image title


一般的扁平化设计,不管是如今的微信还是有信电话,界面上单色极简的抽象矩形色块、大字体、光滑、现代感十足;交互的核心在于功能本身的使用,所以去掉了冗余的界面和交互,减弱了各种渐变、阴影、高光等拟真视觉效果对用户视线的干扰,让用户更加专注于内容本身;扁平化追求抽象,简约而不简单。唯一的缺点,就是看上去冰冷冷的,没有情感。 


扁平化一定是未来的主流,但是如何加上情感元素,如何从写实到抽象,需要有一个更平稳的过渡。谷歌为了解决这个问题,自创了material design ,卡片式表达,介于扁平化和拟物化之间的风格。


Image title


而应用开发商,无论是超级App 微信还是前面举例的有信,在成功实现了扁平化和UI风格统一,如何从自身定位出发,再次丰富设计的情感表达,很可能会是新的趋势。


Image title


信息过载,才有了今天的扁平化,但是扁平化的路径,每个产品需要剥离的东西,不尽相同。对于设计,简化还是丰富,拟物还是扁平,洞悉需求才是问题的核心。


End.




更新:2016-06-13

收藏

48人已收藏

enableuxin

勇敢追寻内心的直觉。

  • 1

    作品

  • 25

    粉丝

  • 0

    关注

相关标签

    猜你喜欢

      2016-06-13 原创文章 经验/观点 举报 10615 48 96 5

      浅谈极简风格的设计感

      0.0°

      你确定要举报浅谈极简风格的设计感

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年06月12日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      96
      48
      5

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录