杜绝设计的视噪

《杜绝设计的视噪》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、杜绝设计的视噪•“乱花渐欲迷人眼"01;丿丈來口：百度MUX1天前

2、分亨到微博

3、写给作者

4、更多▼A"乱花渐欲迷人眼杜绝设计的视噪视噪，乂称视觉噪咅。我们每尺接受来『I外界的大吊信息，这些信息冇将近70%是通过视觉感知获得的。视噪会丁扰我们对信息的判断，影响到产品的易用性和可用性，与用户体验的好坏息息相关。ClaudeShannon'sdiagramofageneralcommunicationssystem:NoiseSource（克劳徳香农图演示了噪音如何彩响信息的传递）设计师信息f}输入设计目的表现手法用户界面信息输出用户各种视觉待效、

5、內烁动画.冗余视觉元素……（这是模仿克劳德香农图画…张视噪彫响用户界面传递信息的图）那么什么是视觉噪音呢?简单來说,视噪就是在视觉信息传递的过程中,对信息的传递.理解产生负面作用的视觉因索;如同我们无法忍受生活在唱杂的环境中一样,视觉噪音也会干扰我们对信息的判断,影响到产品的易用性和可用性，与用户体验的好坏息息相关。类似卜'面这样的网页相信你一定感觉熟悉,令时候我们不得不面对这样热闹非凡的页面并从中找到我们需要的信息和内容，讐如说一个下载按钮或者一个重要的链接，但糟糕的是我们很容易迷失其中；MMTttKM0彩—JNBA20114W:nFl・

6、M4SMI•・0下MH■•RW■•尸T3■一1亠■心g4c-=+■1”・"MH.（纷繁的软件下载页血；）Bmi©f百度紀逻»（Bfi£WJL也田£岂址581-7檢入肚•353Sfi!«£123I»fe>>m百j«trII关于百直Ib^m«20lI便用"皿席»6gQXH卯Q（Baidu的首页是-个很好的简洁设计的例子:）如何在设计中避免和降低视噪呢?F面就主要从互联网产品界面设计的角度简单的谈谈视噪产生的原因以及我们应该如何避免视噪的产生。1•色彩捉到视觉设计，不能不提色彩。色彩在界血设计中扮演若非常巫要的角色：区分信息模块、暗示控件功能（如

7、蓝色文字通常代表链接，灰色按钮衣示不可点击等）、突出重点信息（越重耍则越醍11）等.…和谐的配色打适半的比例搭配能够让整个界血看上去清晰舒适，反Z,则会给用户带來过匝的视觉负担，容易形成视觉疲劳.影响体验。ShopAllDepartmentsSearchAllDepartmentsUnlimitedInstantVideosMP3s&CloudPlayer15millionsongs,playanywhiAmazonCloudDrive5GBoffreestorageKindleAppstoreforAndroidGetTheImpossi

8、bleGamefre>MP3MusicStoreShop15millionsongs>CloudPlayerforWebPlayfromanybrowser>CloudPlayerforAndroidForyou「Androidphoneortablet>AmazonMP3forfvlobileForBlackBerry*andPalm1BeDigitalGames&Softv/areAudibleAudiobooks（如图,链接文字、不可点击文字,通过色彩的划分而一目了然;）（某网站设计;不同区域便用不同色彩划分信息;）“aageer（个

9、人网站设计：橙色文字在灰色底图I••被很好的展现了出來；）PopularDealsRSSgJCOUPON^LenovoIdeaPadS10-3tTabletw/IO.T1MultiTouchDisplayLenovoLogon,accessphotos,videos,musicandfavoriteappswithasingletouchonyou「screen.UseasaExpiringTodaymore(+)Categories:LaptopsShare▼M3holiday!nn.comShare▼ClicktoCopy&GetCo

10、upon!USPS6D512,DidthisWork?(0)pHavinglssues?(0)advaneebooking)LimitedTimeOfferCategories:HotelsGetthisDealNowNoCodeNeededdrDidthisWork?(22)qHavinglssues?(23)（色彩在区分信息模块时的运用；）1•布局界面中的信息能否被有效的传达，离不开良好的组织和布局；这需要考老以下这儿个要素：a.层次（层级关系，段落关系）在信息的视觉展现中，信息Z间层级关系的衣达非常重要，如个界面中导航区域与内容区域的

11、关系、-篇帖了下的所有评论Z间的关系、-篇文章中的段落关系等等.•…恰洱的视觉设计•，能够通过对视觉尤索的展现來暗喻信息Z间的层级关系；如果视觉层级关系展示不当，会使用户产生困惑