台湾设计师谈资讯与视觉设计的绝妙平衡

admin

作者陈威帆是台湾科技博客 Desiring Clicks 的开创人，也是一位 UI/UE 设计师。本文是陈威帆向爱范儿送达的稿件，重要谈资讯获得方法与设计之间的瓜葛。Desiring Clicks 专注于先容用户界面、用户体验、视觉设计和资讯架构的科技媒体，感乐趣的朋侪可以存眷作者本人的 Facebook 或他的网站。

所谓的讯息就是为了沟通而发生，而利用者界面就是承载着资讯的载体。利用者透过界面，和百般各样的体系举行八门五花的资讯互换。资讯可能由利用者发生，比方某小我在 Twitter 上发了一则讯息，透过界面上传到网路体系，然后透过网路通报到所有人的萤幕眼前，然后再由其他浏览到这则讯息的利用者所接管。

是以在资讯的生命周期中，包含了发生、通报、接管这三个首要的阶段，而每一个阶段都有可能造成资讯的消耗。而通报中的资讯，又可以分为 “真正有效的资讯” 和 “造成滋扰的杂讯”。举例来讲：一张会商列国生齿数目的图表，若是采纳了过量且花俏的@装%2k719%潢或殊%YA2n6%效@，这些装潢和殊效就会成为资讯的 “杂讯”。

若是要将讯息完备的通报给利用者，设计师可以选择强化原本的讯息，或是低落@过%妹妹553%剩@的杂讯，来提高 “信噪比”（Signal-to-noise ratio）以增长讯息乐成被判读的机率，也让利用者能更轻松的浏览资讯。

摆布两张图都是在显现列国的生齿数目，左侧的图表咱们可以清晰的看到分歧的生齿数目，一眼便可以看出分歧国度之间的生齿比例瓜葛。而右侧的图表因为加之了立体殊效和纹路，咱们狐臭改善,不肯定到底要用木块最上缘仍是数字的位置来举行比力，木头的材质也影响了数字的判读。是以固然视觉上比力吸惹人，但也由于增长了特特效果而替资讯加之了杂讯。得当的加之装潢和殊效可以或许吸引读者的注重，可是要注重这些杂讯绝对不克不及袒护掉真正要表达的讯息。

近来 Windows 推出的 Metro Style UI 几近排除所有的暗影、圆角，只利用色块和文字来表达全部界面的空气​​，几近说可所以​​同时用上了 “强化资讯” 和 “解除杂讯” 两个法子，让文字（资讯）自己成为界面的一部门与利用者互动。不外如许一来，就缺乏了界面所必需的指意表示（有着暗影的按钮老是让人比力想按下去），也​​对互动造成些许的影响。

信噪比跟实在運彩經銷,跟人类的搜查体系有很大的瓜葛，人类的视觉搜查体系实在颇有趣，当大量的资讯同时显现在咱们眼前的时辰，有时辰咱们会感觉很轻易、一会儿便可以找出分歧的资讯，有时辰咱们家事清潔, 又会感觉很坚苦、要花一些时候才能找出分歧的处所。到底这两种分歧的差别是由甚么缘由所引发的呢？

当一个影象刺激在被咱们的视觉体系辨识时，有一些影象的属性很轻易便可以被大脑处置，这些根基特性（Basic Feature）在视觉神经的前端就会被辨识，让咱们的大脑辨别这些影象属性更易一些。是以若是咱们设计大量资讯的时辰，若是可以或许善用这些根基特性，那末便可以提高读者的浏览效力了！

在关于视觉搜查的实行中，让受试者从一很多个「X」内里挑出一「O」，然后再让他们从「┸」内里挑出一个「┼」。咱们把所有的视觉元素称作刺激总量，大部门的元素（「X」和「┸」）称为滋扰物，独一纷歧样的阿谁元素（上面例子的「O」和「┼」）称为方针物，而实行的目标，就是要检测在滋扰物增长的环境下，受试者会不会必要耗费更多时候才能找到方针物。

在视觉搜查实行的成果中，找到了一些特性是很轻易被咱们的搜查体系所辨识出来的，包含了以下四点：