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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
各自之美——拟物扁平的审美性测量
0.0°
2020-08-21 原创文章 经验/观点 举报 449 1 1 0

拟物扁平,一个已经被讨论无数次的话题,今天希望能给大家带来一个更理性的思考角度




自互联网快速发展,用户体验和UI逐渐面向大众,关于拟物化(Skeumorphism) 和扁平化 (Flat) 的纷争从未停止过,各种讨论和文章有很多,我认为单纯就美观或者好看的维度讨论是没有意义的,毕竟各花入各眼,审美本身就是一个玄学的东西,今天为大家带来一个新的思路,在学术范围,从审美性的类型来研究下这两种风格。




艺术史和美的变迁

 

提到元素的抽象化,很多人会联想到毕加索的《牛》。

 

20万年前,智人在非洲开始了第一次进化,在南非的海岸角的某个岩洞里,某位祖先在赭石上留下了一幅幅三万年前牛的图画;沧海桑田,喜欢自称现代原始人的毕加索看到这些三万年前的印记,感受到了艺术本能真实创造力的源头,他创作了类似形象的画作,起初照着洞内的公牛即兴画出了这幅公牛,甚至可以说是细致的临摹,毕加索还创作了另外十幅风格迥异的公牛图,可以清楚地看到,这十一幅画就是极致具象到极致抽象的过程。

       


如果说耗时六周的这11副牛体现了艺术风格的变化,其实千年的视觉艺术史也恰恰印证了这个螺旋上升的过程,不信你看下面的图。

            


当然我们今天不去探讨背后的原因,我们今天就来讨论普通的用户,在看到这些视觉画面后,调度了我们怎样的审美感受,我们又会如何进行评价,为何不同的人有不同的偏好。

 

 

 

古典美和表现美

 

故事从一个学者的研究开始,Tractinsky(Lavie&Tractinsky,2004)经过一系列的研究,发现对于美的评价可以分为古典美(classic aesthiestics)和表现美(expreessitics)两种。

 

古典美是从古代到18世纪的统治性美学概念,主张规律秩序井然有序,和明确的设计有关。

 

表现美意味着创作者的的创意和独创性。不仅如此,这一表现与克服或者打破设计规则有关。

 

      

Tractinsky通过要因分析的测试,对古典美和表现美分别划分了对应的要因,如下:

 

古典美:令人愉悦的(pleasant)、明确的(clear)、干净的(clean)、秩序的(symmetric)。

 

     

表现美:运用特殊效果的(use of special efects)、复杂精妙的(sophisticated)、创造性的(creative)、迷人的 (fascinating)、独创的(original)。

            

好的,看到这里,大家应该脑海中应该会联想到很多场景,视觉设计师在开始设计前经常要搭建情绪版(Mood Board),确定产品最终的视觉感受和我们的设计目标,在设计界面时,我们时常像个工程师一样,校对每个像素,确保每个对齐,又时常像个艺术家一样试图让某个缺省页更有趣,让某个动效让人会心一笑,在验收的时候,产品或者业务又经常提出这个页面不够运营or活泼,或者这个页面不够理性等意见,现在看来,是否都能套用到这两类审美评价的理论中解释。

 



包括最近的北京国际电影节海报评价两极分化的现象,有人觉得很好看,很有创意,有人觉得很丑,不符合基本的设计准则,大家带入上面的审美理论中品一品,是不是发现大众评价标准根本就不同,但基本符合古典美和表现美评价这两类,从而产生了截然不同的评价结果。

        




两种美和两种风格间的关系


我们再回到拟物和扁平的讨论,相信你已经感觉到了,我们所说的扁平化拟物化和古典美表现美是存在对应关系的,字面上来看,“明确的,干净的,秩序的”这些要因本身也就是扁平化风格的特质,而“创造性的,运用特殊效果的,复杂精妙的”恰巧满足拟物的设计特征。

 

对此问题,我在硕士期间进行了一个研究,研究的方向就是扁平和拟物的风格差异,会给不同年龄层的用户带来审美和使用上的差异, 关于可用性的内容我们下次再说,先来看一下在审美上是否真如我们的假设。

 

              

 


如以上模型,因变量是拟物风格和扁平风格,同时为了更详尽客观,又细分了图标、按钮和界面三类刺激物,从属变量中的审美性就是我们刚刚介绍的古典美和表现美,用户的年龄,手机操作系统等是调节变量,用来观测不同的人群是否会有不同的感知。

 

实验阶段,首先以20名左右的设计专业研究生为对象,一同选取了适合的实验刺激物,之后,选取了超过300名的设计专业学生和普通用户,其中包括100名以上的40~70岁中老年用户。

 

为了实证研究问题,进行了用户评价的问卷测试,共18项问题,古典美和表现美的的评价来自

Tractinsky的论文。


             

收集整理完数据后,针对两种风格下的审美性差异,使用Spss进行了分散分析,可得扁平风格的古典美评价更高,拟物化风格的表现美评价更高(P<0.05,结果有意义)。 

 

     

为了分析年龄,年龄等调节变量会不会影响扁平拟物风格的审美性评价,使用了Spss进行了多变量分散分析,可得影响确实存在(p<0.05,结果有意义),具体结果可以看下面的表。

            


可以看到,对于扁平风格的古典美的评价上,20代年轻人尤其高,其次是50代、60代、30代和40代;对于拟物风格的表现美评价上,50和60代人群最高,40代、30代、20代依次递减。

 

好了,看完了干巴巴的论证过程,我们可以总结以下的结论:古典美和表现美确实与我们熟知的扁平拟物风格存在关联,扁平风格的古典美评价更高,拟物风格的表现美评价更高;用户的年龄同样会影响他们对于审美评价,20代年轻人对扁平风格的古典美评价明显高,50和60代中老年用户对于拟物风格的表现美评价更高。


     


针对以上的结果,我们可以这样推断,对于扁平化风格,尤其是GUI层面,它为效率而生,我们日常使用的各类应用,多是为了解决问题,简约时间和金钱,因此层级简单、超高信息可读性、规范化的扁平风格风靡至今,同时在审美上,因为这些特质,刺激了我们的古典美评价,大家常常为干净清晰的界面,整洁精密的设计规范感到浑身舒适,对于普通人也是一样;对于拟物化风格,在GUI层面,在数字时代的启蒙期,为了提高用户的可用性感知,UI往往与现实产生映射,催生了拟物化风格,我们先不讨论拟物风格的效率,但就审美层面来看,更多的细节刻画自然承载了更多的信息,并且好的拟物设计并不是对于现实物体的直接搬运,而是经由设计师灌注心血情感的再创造,更能够体现出独创性,相对于扁平风格冰冷的特质,拟物的设计往往能够承载更多的感情和故事,在这点上令人着迷,由此可见拟物风格的表现美评价更高。 


       


对于不同年龄的用户层产生不同评价的结果,其实和他们所处的环境息息相关,当下20代年轻人对互联网和移动设备已经相当熟悉,日常操作的数字页面也是以扁平化居多;但是对于50代60代的中老年用户,接触数字产品的频度相对较低,过于扁平的UI内容在理解和判断上存在难度,包括对于信息的敏感度等,都让他们对于扁平风格的评价更高。

     



一点总结

     

到这为止,我们已经了解了审美原来可以细分为古典美和感性美,也证实了这两类审美和拟物扁平风格的联系以及不同年龄用户的差异,最后,我还是想表达:风格没有对错美丑,只有合适与否,大家在进行创造的时候也可以带着对审美进行细分的思路进行设计,多去考虑经由我们的设计解决什么样的问题,传递什么样的情感,这更重要。

 

关于两种风格在可用性上的分析,我们等下次再说,谢谢。




作者:炸毛薛

本文由 @炸毛薛 原创发布于UI中国。未经许可,禁止转载。

 


Powered by Froala Editor

更新:2020-08-21

收藏

1人已收藏

  • 3

    作品

  • 0

    粉丝

  • 0

    关注

  • 三维体验模型——拆解复杂体验线团
  • 虚构与本质——关于设计之路的思考
相关标签

    猜你喜欢

      2020-08-21 原创文章 经验/观点 举报 449 1 1 0

      各自之美——拟物扁平的审美性测量

      0.0°

      你确定要举报各自之美——拟物扁平的审美性测量

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2020年08月21日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      1
      1
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录