当前位置:主页 > SEO优化 >

类扁平化设计为何成趋势:低成本的跨终端展现能力

作者: 奕星SEO 分类: SEO优化 发布时间: 2019-09-11 08:45 内容来源:网络整理阅读量:

  本文作者张悦是PICOOC公司创始人,PICOOC研发第一款将于近期上市的智能设备是款叫Latin的智能秤,具体可见我们之前的报道。张悦之前还创办过移动应用开发培训公司博看文思。

  前几天iOS 7正式版终于发布, 用户对其扁平化设计风格褒贬不一。其实我们早在三个月前就在PICOOC的 APP上率先“痛苦地”决定了采用“类扁平化设计”(稍后会给出解释)。基于PICOOC系列产品的特性,当时整个App的GUI上遇到了很多的问题和挑战。

  比如Latin健康秤所采集的纷杂的体征数据流如何能以易懂的图形化形式,让用户明白自己的身体健康状况;那些北漂、广漂一族通过Latin如何异地查看、管理家人、朋友的健康信息,因为巨大的信息流要流入到不同类型的用户界面上;在如今的多屏世界里,如何才能满足他们在 (如手机/手表/iPad/电视)中随意切换和查看自己健康信息的需求。这些都是我们要解决的问题,我们团队也历经了无数次的尝试和迭代。以下便是我们对扁平化和拟物化的思考:

类扁平化设计为何成趋势:低成本的跨终端展现能力

  关于苹果的这次大胆的尝试,业界一直对于“拟物化设计”和“扁平化设计”褒贬不一,有些则比较偏颇;所谓偏颇,也就是片面表达某种风格一定比某种风格更 好,以及好在哪里。我先阐述几个概念,并分析苹果为什么这么做,以及我们为什么这么做!而我认为二者并不是非黑即白的对立关系,因为设计并无好坏之分,存 在即合理。拖离开产品以及用户,那些谁对谁错的判断都是显得毫无底气。况且苹果根本就没有否定并且取消“拟物化设计”,而且之前老乔时代,iOS界面里 同样有扁平化的影子,比如图表菜单等。

  拟物化设计的概念就不再这里阐述了,简单的理解就是“模拟现实对象”,按照苹果的说法,应用程序的外观看起来与现实生活中的对应物越接近,使用起来就越简单,相应的也有利于改善应用程序的用户体验。

  而 人类最早的语言“象形文字”便是拟物化,人类几乎所有的文字一开始都是象形文字,用拟物的方式来描绘现实世界中的东西,学习成本低,易记。老乔对界面设计 的一个理想是,任何年龄的人,任何经历的人,都可以在拿到设备后的几分钟内轻松的掌握它的用法。于是Apple通过利用人们的日常经验, 做出拟物化的界面,从而降低用户的学习成本以及理解难度。

  想像一下,当你应用中的可视化对象和操作按照现实世界中的对象与操作仿造,用户就能快速领会如何 使用它( iOS Human Interface Guidelines)”。模拟实物的视觉设计和交互体验,让用户完全不用去抽象的理解就可以直观的认知和使用。当你到三里屯的Apple Store里面,你会发现很多的小孩,儿童,老人在操作iPhone、iPad的时候,根本不需要别人去教,自己玩几分钟即可以流畅的使用他们。

  苹果之所以形成了如今的界面风格,是因为老乔对低学习成本的极大的重视,因而才会在界面中大量使用隐喻和模仿;而如今的扁平化设计也没有从本质上脱离这个根本的轨道。

  扁平化设计(Flat design)完全属于二次元,这个概念最核心的地方就是放弃一切装饰效果,诸如阴影,透视,纹理,渐变等等能做出3D效果的元素一概不用。所有的元素的边界都干净利落,没有任何羽化,渐变,或者阴影。

  扁平化设计其实是一门古老的UI设计,早在windows 95时代开始,我们在PC上看到的BIOS设置界面就是非常典型的扁平化设计,他当时不美观,但是并不难学,而且扁平化界面很是清晰明了!

  “扁平化设计”有着鲜明的视觉效果,整个界面的配色平均会采用到6-8种颜色(这个对于开发团队的挑战极大),页面效果更加绚丽、明亮。它所使用的元素之 间有着清晰的层次和布局,这使得用户能直观的了解每个元素的作用以及交互方式。在需要展现强大信息流的界面内,它让用户最大程度地减少学习使用成本。仅仅 凭借用户的直觉就大概能够明白每个对象、按钮的作用。

类扁平化设计为何成趋势:低成本的跨终端展现能力

  微软在Win8 metro界面中,使用了完全的扁平化设计;在苹果产品及iOS系统中,看到了部分扁平化设计影子,在Google中,我们也同样看到了准扁平化设计模式。

  我抛出“类扁平化设计”概念,就是因为从逻辑上讲,苹果并未抛弃“拟物化设计”,同样也并未完全追求所谓的“扁平化设计”,而是拟物化的扁平化设计这种兼容并包的尝试。苹果这次彻底抛弃了“浮雕化设计”。所以,苹果的这种“类扁平化设计”的逻辑出发点是“ 为触摸优化”。


本文链接地址:http://www.seohuizhou.com/seoyouhua/3855.html
上一篇:<<统一规划集中布局宝丰能源烯烃产业成本优势凸显
下一篇:江门高端网站建设设计布局>>