科学技术/NEWS CENTER

扁平化设计成主流,它真的会浪费用户时间吗?

发布时间:2017-12-30

  平面设计成为主流,真的会浪费用户时间吗?

  (原文标题:平面设计真正降低人们使用网页的效率是否越来越普遍?)吴令伟“平面设计不是降低效率,而是坏设计降低效率”。 9 3月3日,咨询公司尼尔森·诺曼(Nielsen Norman)发表研究报告,平面设计导致用户导航减少22%。他们招募了71位用户,在浏览9个网站的同时跟踪他们的眼球运动,并记录他们在内容上花费的时间。作为“控件组”的网站,按钮有阴影,浮雕效果,超链接以粗体蓝色字体突出显示。实验组的按钮和超链接的视觉元素被削弱,当浏览网站的视觉元素减弱时,平均每个参与者在网页内容上花费的时间增加了22%,与之前的用户粘度实验不同,尼尔森没有让用户花费更多时间作为网页用户的活跃用户,而是在用户浏览文本内容时将其解释为“用户”的不确定性。 - 这些参与者花费更多的时间来定位他们想要看到的元素。简而言之,他们认为平面设计是一种不那么直观的设计,可以消除网页按钮与其内容之间的差异。这使得用户将可点击的元素和不可点击的图标与文本混淆,从而影响效率,并可能使广告商和电子商务网站损失数十亿美元。虽然这个观点自平面设计在数字屏幕上流行以来经常被讨论,但22%的数字首先被提出。扁平化如何慢慢成为主流扁平化的设计师往往不同于“它不是什么”。它诞生于skewomorphism中,大胆地剥夺了三维表示的沉重设计,只留下没有纹理,质地的简单元素和阴影,但是到现在为止,这个扁平化似乎重新吸收了阴影和深度,捏造了一个“伪3D”效应。“所以我从来没有认识到”扁平“这个词,我认为这个术语描述了一个更好的风格“Curiosity Daily的青蛙视觉设计师Jaskni Wong说,但曾经被称为”Metro“的设计语言一致认为是一个真正的平面设计:它由鲜艳的彩色方块组成,消除了所有的设计阴影元素,投影,斜角和彻头彻尾的平面设计。推出Metro的微软公司成为第一家在数字界面上使用平面设计风格的公司。在2012台北国际电脑展上,微软公开宣布将在即将发布的Windows 8和Windows Phone上使用Metro。当时,苹果也站在平面风格的对立面,以其赝造型的设计界面和逼真的审美而着称。 2007年发布的微软Windows Vista刚刚更新了名为“Aero”的界面风格,微软认为这是一个成熟的尝试,设计一个物化结构,毛玻璃纹理将带来更强烈的审美体验Metro Windows Vista似乎突然让微软变成了一个对立面:所有的立体元素都被取消了,它受到机场和地铁标志的启发,设计得很清晰,似乎也是如此:大型无衬线字体,削弱形象,依靠排版,微软将其形容为“直观,易懂,现代”,并将新设计形容为“真正的数字化”。当时,这种简洁的设计形式确实令人耳目一新,赢得了包括很多包括Jaskni在内的设计师都很受追捧,事实上,微软甚至更早地采用了平面设计:他们在2006年发布的Zune媒体播放器中使用了这种风格.Zune的诞生始于微软试图与A iPod iPod。微软公司业务开发总监Tschumy表示,微软每年在设计方面花费200亿美元,“我们在无数的用户体验背后做了大量的研究,”Will Tschumy说,“微软是唯一一家统一设计的公司语言在每个屏幕上。“Zune的产品设计很快成为所有微软产品设计语言的延伸。平面设计已经成为最流行的设计趋势。苹果也加入了平面设计的浪潮,甚至成为最大的平板和推广粉丝。你知道,伪唯物主义和现实主义设计很长一段时间都是苹果的设计标志,直到2012年,苹果的家庭导航条依然是光滑的球形,按键犹如糖衣灯。 2013年6月10日世界开发者大会上,苹果发布了全新的UI设计风格iOS7。这一切都发生在苹果副总裁Scott Forstall离开苹果和Jony Ive之后,跑了整个公司的界面。苹果水晶质感界面以Metro平板标准来看,iOS 7实际上并不是完全平坦的,它也保留了一些质感。去掉自己过去的设计,去掉光泽,斜面和阴影,图标更加简洁,颜色更加鲜艳,照片图标从逼真的向日葵变成了彩色的轮子,相机图标从细致的细节变成了黑色的相机但是,当iOS 7第一次亮相时,被批评并获得了德国终身成就设计奖,埃里克·斯皮克曼(Erik Spiekermann)做了一个专门的视频,批评苹果细长而难懂的字体。更大的事故也是滑动界面对什么可以和不可能是点元素的混淆,以及不必要的细线分割(Apple在后续版本中已经改进了,具有较深色块点元素,也取消了细细的线条),iOS的滑动界面不但不会混淆点而不是点元素,而且还带有不必要的细线分割功能,改进后的版本,点元素带有暗块方块,但这显然不妨碍无数设计师遵循苹果捻度设计趋势,最显着的变化就是那些登陆苹果App Store的应用程序,如果给它们的图标按时间顺序排列,那么你会发现图标基本上是按照三维模式描绘的,直到它们出现扁平化和简洁的路径变化,趋向扁平化和日益普及的极简主义并不是毫不犹豫的,美国建筑师路易斯·沙利文被誉为“fa “现代主义”在建筑史上,创造了现代摩天大楼的原型,给他未来留下更多的财富,以及通用的设计格言:形式追随(形式追随功能)。这句话的意思很简单,就是设计时首先要考虑功能。用户界面设计风格从准物化逼真到极简主义扁平化,再从扁平化到更兼容的设计风格,是当前流行趋势的产物。万维网在1994年的出现使互联网引起了公众的关注。大多数美国上市公司开始看到一个开放的网站是必要的。但是在这个时候,个人电脑普及率非常低。只有专业人员熟悉桌面软件,更不用说混乱的数字界面。设计师花费大量时间制作网站按钮,菜单和跳转链接,使它们看起来稍微更友好。在网页设计几乎没有参考的时候,人们认为网站设计的黄金法则就是模仿电脑界面的桌面设计。 1995年发布的Windows 95是3D仿真的典型例子。其对话框使用深度阴影和高光来创建3D效果。他们的凸起凹陷遵循两个基本原则:凸起的元素可点击鼠标点击。它通常用来表示按钮。抑郁症的元素被用来填补。输入框(如搜索框)通常使用缩进的视觉元素。正如19世纪40年代美国铁路和20年代汽车和收音机带来的技术热潮带来了巨大的互联网泡沫一样,由于炒作过热,它们经历了网络泡沫的爆发。但是不久之后,互联网在泡沫破裂之后又一次起飞,出现了许多新的创业公司,使得他们的界面充满了当代元素,如阴影,泡沫,眩光和巨大的投影。 2003年发布的Microsoft Outlook Web Access被认为是网页设计的绝佳代表。这个相当原始的界面,现在是标准的,当时是.NET标准,许多AJAX库也是这样设计的。同时,苹果的准物化设计和逼真风格也带来了更多用户所接受的产品的销售,准物化是模仿物理世界的一些特征,用于设计,让用户学习基于现实对象的实际,学会使用新的界面。苹果的用户界面,反光的图标其实就是电子屏幕上真实生活的物体作为转移。当大多数人还没有被智能手机牢牢抓住的时候,这种模仿真实的东西实际上可以消除电子事物的异化感。苹果第一套界面开始模仿,苹果虚拟键盘采用了精致的水晶玻璃质感,让人们习惯了虚拟键盘的存在,可以肯定地说,如果不这样做“直觉上, “它的经验不会令人信服,也不能养成消费习惯,准物理主义风格变得更加繁荣,被苹果对细节的最终刻画推到了顶峰。然而,近百年来与建筑艺术的发展相似,以平面设计为代表的“极简主义”也是装饰装修达到顶峰之后的一种简化浪潮的开始。平面设计通常被视为网页和界面设计成熟的象征。这种成熟度,首先在设计师中,已经在设计图标和界面方面得到了应用,并转向了创新和现代化。互联网的渗透意味着比以往更多的人熟悉如何与电子设备互动。我们习惯于与数字设备进行交互。即使页面上只有一个细线框,只要它显示“Go”,就知道它是一个可点击的按钮。同样的发展道路,你可以打印在“单位”上找到。早在60年前,这个更“原创”的车辆就已经见证了这种极简主义风格的鼎盛时期。平面设计也被称为“瑞士设计风格”,也被称为“国际印刷风格”。顾名思义,这种风格的设计起源于瑞士,于20世纪四五十年代延伸至世界,成为战后西方设计的基础。发起人是现代最有名的平面设计师之一阿明·霍夫曼(Armin Hofmann)。从苏黎世艺术学院毕业后,他作为主持人转移到巴塞尔和伯尔尼。在1947年与巴塞尔艺术学院院长埃米尔·鲁德(Emil Ruder)见面之后,他在一次火车上学到了一个失踪的老师,开始教学40年,后来取代了罗德的主要职位,霍夫曼的大部分人生都在设计平面设计海报。因为他认为海报是最好和最有效的交流形式之一。 1959年ArminHoffman他的海报总是非常小心地使用颜色和字体。他称这种做法“色彩平淡”。即使从现在的审美标准来看,他们仍然把创意和艺术气质完全融合在一起,完全落伍了。事实上,霍夫曼在海报中使用的元素与今天的平面设计元素(照片蒙太奇,排版和实验构图,以及大量的无衬线字体)没有什么不同,他还将自己的设计理念和实践写入设计瑞士汽车俱乐部海报约瑟夫·米勒 - 布罗克曼(JosephMüller-Brockmann),1955这种“非必要元素被剥夺”的风格侧重于可读性以及Helvetica字体,也是清晰可读的,二战后占据西方设计史的一个地方,原来的平面设计是平面海报,没有遇到太多的问题,这也是极简版印刷历史悠久的原因之一数字化屏幕并不那么简单虽然很多设计师都抱着平面设计的设计,但是这样的初期只有两个维度的设计风格,而且很快就暴露出了局限性。在新城的所有立体元素中,其诞生伴随着对手质疑其易用性。尽管Jaskni对Metro的看法是,由于市场份额不佳和对开发商的高要求,很难推广Metro,“这是一个需要大量基于寻路技术的领域”。越来越多的设计师厌倦了它的魅力,开始找到解决办法,扁平化,真的意味着完全扁平化吗?这正是Nielen Normann的报告中的一个缺陷:报告对平面设计的理解似乎仍然是第一印象,忽略了进化进入数字屏幕的设计语言,在其控制组中,扁平化完全没有纹理和阴影,但实际上扁平化设计的概念实际上与物化设计的概念并行不悖在物理世界中的规则,甚至开始模仿真正的“层次”和“维度”,例如,许多设计师使用颜色阴影而不是过去的投影,斜面和渐变,假的真实投影。 t不是被物化的对象,而是“丰富的设计”(丰富的设计)。 Jaskni and Frog的另一位视觉设计师胡跃申认为,这份报告不是一个平坦的单位,而是一个“糟糕的设计”。报告忽视的另一个问题是,网站导航的效率不仅取决于用户导航的速度,还取决于页面的加载。他们说设计风格实际上是设计师美学和硬件基础之间的一个拉力的结果。如Jaskni认为“非常好看”的Windows Vista界面仅限于硬件,拖动窗口会出现卡顿现象。即使微软有激情推动这个优秀设计,开发者也会因为害怕消耗系统资源而放弃。平面图标使用简单的图像传达信息,几乎没有渐变,纹理和阴影,较小的图标和更快的页面加载时间。他们都是装饰,并导航到网站上的正确位置。然而扁平化并没有完全放弃纹理和阴影的存在,演化已经解决了过去的缺点。在2013年,Google发布的Material Design引发了很多平板设计爱好者的喜好。在发布设计语言之前,Google的设计策略有点谨慎:设计上没有重大变化,只是每个新产品发布只做了一些小的改动。但是作为一个设计高,用户期望值高的大公司,Google在实现方面有了很大的飞跃,不仅赋予了设计语言的名称,而且设定了比较完整和直接的设计规则。这为设计者提供了方便。因为设计师在无所适从的时候设计出一种新的风格,需要付出巨大的研究和沟通成本。另一方面,材料设计等同于已经创建的设计已被验证的框架。为了解释材料设计的概念也非常简单,它试图将所提出的设计的一些特征引入到最简化的设计中:它将所有的设计元素想象成一​​张固定光源下的一张纸,因为光来源显示不同深度的颜色和阴影。虽然它看起来还是平坦的,但即使是运动模式也模仿了现实世界的规则。材料设计在天气应用中的表现尽管一些设计师认为材料设计在颜色,阴影等方面过于僵化,使他们的创造力受到限制,但材料设计的发布是“设计”平面设计,在Material Design发布的同一年,设计师Jeff Escalante也开始讨论Dribbble等设计网站的平面设计趋势,并提出了一个相当简单的解决方案:长阴影(Long Shadow)。图标在冬季被置于阳光下,它们都拖着一个45度斜角的长长的阴影,是物体大小的2.5倍,长长的影子保留了平面设计的基本美感,同时也增加了图像的深度。这使得它在一段时间内变得很热,在设计网站上有很多与Dribbble和Pinterest类似的项目,教程也教你如何创建更长效的阴影,但是这个戏剧性的d对角阴影让人联想到早期的苏联海报或俄罗斯抽象建筑和几何抽象画家的拼贴画。他们都呈现出积极的,理想主义的风格,具有强烈的视觉冲击力,非常适合用作图标和品牌名称。但除此之外,使用长阴影是不好的。唯物主义设计是一个理论,没有什么可比的。 2013年,关于平面设计的讨论仍然是“是趋势还是革命”。然而,从当今发展的角度来看,平面设计已经成为高度的包容性存在。它仍然继续按照变体扩大影响力。苹果公司并没有将自己限制在原来的平面设计框架中。在iOS7的平线上,“游戏”图标在一个平面上被拍摄出来的平面图标显得不同,仍然有着光泽的光泽。 “Dribbble的驱动程序并不缺乏平坦化,但”它不是原来的领域,“Jaskni说,”苹果可能不是追求平面设计,而是寻求一个好的设计。“显然,平面设计只是电子一到目前为止,2D界面的通用性已经基本解决,一旦像AR / VR这样更具视觉冲击力,就可能会失去其地位,近两年来,很多科技公司,包括微软在内,都从事“包容性设计”,这意味着他们开始考虑一些更先进的设计,例如,微软发布的全息设备HoloLens,尽管用户可以与全息摄像机进行交互, HoloLens的操作系统并没有与其他微软设备相同的界面,微软希望能发布一种运行在所有产品线上的设计语言,就像地铁一样,他们也“做到了”。设计l语言叫Fluent,看起来像是一个平面设计的延伸,但却被赋予了与2D和3D操作系统无缝对接的愿景。尽管目前这个概念仍然是一个概念,但随着每一个阶段的演变,这个仍然年轻的系统需要时间。

伯莱娱乐

2017-12-30

更多内容,敬请关注:

伯莱娱乐官网:/

伯莱娱乐新浪官方微博:@伯莱娱乐

伯莱娱乐发布微信号: