功能大于形式!揭秘UI设计中“性冷淡”风格的真相

功能大于形式!揭秘UI设计中“性冷淡”风格的真相插图-阿鹏资源网

作为21世纪的全球偶像性冷淡设计风格,Steve Jobs的影响可以说是摧枯拉朽式的,潜移默化的影响了当前各个行业。有趣的是,从90年代末期开始,Steve Jobs一直坚持黑套头衫加牛仔裤和旧球鞋的打扮,脖子以下的部分几乎是一模一样的。Steve Jobs的着装风格正是现在最为流行的“”,俗称性冷淡风格。

欢迎关注作者:众安ZED原创 ( 微信号 )

文本从“”的缘由开始,探索“”在UI界面中的影响。

功能大于形式!揭秘UI设计中“性冷淡”风格的真相插图-阿鹏资源网

△ 乔布斯从1998年——2010年着装示意图

何为“”?

是一个混合的单词“norm”(正常)和“core”(硬核),趋势预测公司K-Hole在2013年十月的《青年模式:自由报告》中提出,K-hole用“”特指一种态度。

原文如下:

“Mass Indie to this by of in the know, while knows the real feat is the for to up. It’s about , not .”

这里的“”指的是一种超脱解放的生活态度。纽约的一份杂志在2014年将这一概念普及,杂志称之为“ Basic”,并将这一概念引用到时尚圈,泛指一切中性化,简约,舒适,单色调的,弱化品牌的存在感同时又不失自己的格调。在一系列高端品牌,如的带动下,开始在各大时装周,以及社交媒体如和上遍地开

功能大于形式!揭秘UI设计中“性冷淡”风格的真相插图-阿鹏资源网

官方品牌宣传海报

功能大于形式!揭秘UI设计中“性冷淡”风格的真相插图-阿鹏资源网

△ Muji品牌店陈列

“”存在有多久了?

功能大于形式!揭秘UI设计中“性冷淡”风格的真相插图-阿鹏资源网

“”一词是近几年提出的,但是风格一直都在,当下的浪潮是我国的宋代美学日本物哀、侘寂美学的集中体现,更是对极简主义风格的延续。

功能大于形式!揭秘UI设计中“性冷淡”风格的真相插图-阿鹏资源网

△ 《瑞鹤图》宋徽宗赵佶

功能大于形式!揭秘UI设计中“性冷淡”风格的真相插图-阿鹏资源网

电影《寻访千利休》截图

“”对UI设计的影响有多大?

如今风已经侵入我们生活的方方面面,连美学、设计行业也不例外。在这股风潮的推动下,UI领域诞生出 ——一种超越极简的UI美学新风潮,这种风潮也是 (性冷淡艺术)在移动端上的体现。这个概念率先由纽约数字设计公司SWARM的用户体验与界面设计师 在 《 : A New Trend In 》一文中提出。

是这样解释“ ”:

最近我注意到这样一种超越扁平设计、超越极简设计,独立的一种简约设计。有人可能会说这是移动端极简设计的下一步,但是我注意到它与极简设计有许多不同。所以我决定将它命名为 。

的这种简化又和“认知简约”不同,后者的英文是 ,是指在设计符号时,由于用户的学习不断深入,逐渐简化复杂和先前用于“解释”的信息。而认为 是一种更为特征鲜明的改变,虽然你第一眼看这些 的APP,好像它们都变成同一家的了。

风格的四个特征:

1. 去掉多余的颜色

使用单色系,最好就是黑白色系,以突出操作本身,让App的内容成为产品最亮眼的地方。例如,这种风格最早的实践者:

功能大于形式!揭秘UI设计中“性冷淡”风格的真相插图-阿鹏资源网

△ 界面

是一家图片社交媒体,在UI改版时有明确的设计目标,是为了突出这个产品最最核心的东西——照片。新的界面利用纯白底色减少干扰,让用户更关注内容,除了遵循平台设计规范,大部分改变都是为了让内容更突出。

功能大于形式!揭秘UI设计中“性冷淡”风格的真相插图-阿鹏资源网

△ Enjoy界面

风格也已经在国内流行开,ENJOY是一款从中高端人群切入性冷淡设计风格,为用户提供高端餐饮体验的生活化电商平台。ENJOY的界面主要以黑白为主,给人以高级感觉,凸显出所售卖商品的品质。

2. 变大、加黑、变粗的标题

功能大于形式!揭秘UI设计中“性冷淡”风格的真相插图-阿鹏资源网

△ Apple Music界面

Apple Music最新的改变是对于市场变化反馈的应对。上一版中,很多用户反映字体过小导致无法阅读,此次改版中Apple Music将字号变大,加黑(甚至用到了纯黑色),变粗,也去除了原本花哨的唱片背景,使得用户打开Apple Music的目的更明确——听歌。就像上的高票评论说“I just want it to play my damn music.”。

功能大于形式!揭秘UI设计中“性冷淡”风格的真相插图-阿鹏资源网

△ Uber界面

标题字体的变大,加黑,变粗还反映在几个当下较为流行的App中。Uber国际版本中,我们直观的感觉到在字体方面做了调整。

3. 简单、纤细、可辨的图标

简单、纤细、更好识别的图标。适用性的图标,也不要使用颜色。

功能大于形式!揭秘UI设计中“性冷淡”风格的真相插图-阿鹏资源网

△ 魅力惠界面

魅力惠是一家时尚奢品限时折扣网站,致力为顾客提供奢侈购物体验的App。在最新的改版中,可以明显的体现 风格,在图标上面使用了2像素的纤细线形图标,选中后使用的是黑色渐变面形图标。

功能大于形式!揭秘UI设计中“性冷淡”风格的真相插图-阿鹏资源网

功能大于形式!揭秘UI设计中“性冷淡”风格的真相插图-阿鹏资源网

△ 界面

在最新改版中,图标上沿用了线形,在选中状态下也是线形展示,只是换用警示级别比较高的红色。原本只有图标的底部导航,现在也变为了图标+文字的形式,降低了用户的学习成本。

4. 大胆留白

移动端屏幕尺寸有限,所以这个区域寸土寸金,所有的内容都想抓人眼球,但是往往要突出所有的内容却变的所有内容都不突出, 风格却逆道行之,将页面大面积留白,留白面积2倍、3倍甚至是4倍,在白底上面的功能自然就变得重要和抓人眼球了。

功能大于形式!揭秘UI设计中“性冷淡”风格的真相插图-阿鹏资源网

△ 特赞界面

特赞是一个对接设计师和需求方的互联网设计平台。页面上大胆留白,使得用户很容易发掘App的核心功能,同时 风格也很符合设计师这一群体的审美。

功能大于形式!揭秘UI设计中“性冷淡”风格的真相插图-阿鹏资源网

△ Keep界面

Keep是一款专注健身的移动健身工具App,页面也是大面积留白。

风格是好还是坏?

风格的流行使得很多App看起来都很相似,那这是一个有益的事情吗?笔者认为这是一个很好的事情,因为这可以让设计师更加关注App的功能逻辑本身,而不是一个“把这里做的更好看一点”的执行者,设计师应该把更多的视线放在功能上面,怎样让体验更流畅。因为在功能和美观两者之中,用户更在乎功能,功能大于形式。所以 风格对于设计师来说,是有很积极的作用。

小结

“”这个风格会存在多久?笔者认为这个风格会存在很长的时间,设计以人为本,设计的发展必然会越来越注重功能化。这个风格正是让事物回归功能本身,去除一些浮夸的装饰。同样UI的大趋势发展也是如此,一名界面设计师的职责,不仅仅是让界面看起来“美”,更重要的是用户使用时更便捷。

编者注:类似的风格之前有设计师称为无框界面,看看这篇《2017年流行的UI风格,可能是你从未听过的「无框界面」》,更早之前已有设计师注意到这种风格,认为这是一种超越了扁平化设计的新趋势:《设计新趋势!超越扁平化设计的「化繁为简」有哪些亮点?》

参考资料:

------本页内容已结束,喜欢请分享------
© 版权声明
THE END
喜欢就支持一下吧
点赞10赞助作者 分享
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容