杜絕設(shè)計的視噪

《杜絕設(shè)計的視噪》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在工程資料-天天文庫。

1、杜絕設(shè)計的視噪?“亂花漸欲迷人眼"01;丿丈來口：百度MUX1天前

2、分亨到微博

3、寫給作者

4、更多▼A"亂花漸欲迷人眼杜絕設(shè)計的視噪視噪，乂稱視覺噪?yún)稹Ｎ覀兠砍呓邮軄怼篒外界的大吊信息，這些信息冇將近70%是通過視覺感知獲得的。視噪會丁擾我們對信息的判斷，影響到產(chǎn)品的易用性和可用性，與用戶體驗的好壞息息相關(guān)。ClaudeShannon'sdiagramofageneralcommunicationssystem:NoiseSource（克勞徳香農(nóng)圖演示了噪音如何彩響信息的傳遞）設(shè)計師信息f}輸入設(shè)計目的表現(xiàn)手法用戶界面信息輸出用戶各種視覺待效、

5、內(nèi)爍動畫.冗余視覺元素……（這是模仿克勞德香農(nóng)圖畫…張視噪彫響用戶界面?zhèn)鬟f信息的圖）那么什么是視覺噪音呢?簡單來說,視噪就是在視覺信息傳遞的過程中,對信息的傳遞.理解產(chǎn)生負(fù)面作用的視覺因索;如同我們無法忍受生活在唱雜的環(huán)境中一樣,視覺噪音也會干擾我們對信息的判斷,影響到產(chǎn)品的易用性和可用性，與用戶體驗的好壞息息相關(guān)。類似卜'面這樣的網(wǎng)頁相信你一定感覺熟悉,令時候我們不得不面對這樣熱鬧非凡的頁面并從中找到我們需要的信息和內(nèi)容，讐如說一個下載按鈕或者一個重要的鏈接，但糟糕的是我們很容易迷失其中；MMTttKM0彩—JNBA20114W:nFl?

6、M4SMI??0下MH■?RW■?尸T3■一1亠■心g4c-=+■1”?"MH.（紛繁的軟件下載頁血；）Bmi?f百度紀(jì)邏?（Bfi￡WJL也田￡豈址581-7檢入肚?353Sfi!?￡123I?fe>>m百j?trII關(guān)于百直Ib^m?20lI便用"皿席?6gQXH卯Q（Baidu的首頁是-個很好的簡潔設(shè)計的例子:）如何在設(shè)計中避免和降低視噪呢?F面就主要從互聯(lián)網(wǎng)產(chǎn)品界面設(shè)計的角度簡單的談?wù)勔曉氘a(chǎn)生的原因以及我們應(yīng)該如何避免視噪的產(chǎn)生。1?色彩捉到視覺設(shè)計，不能不提色彩。色彩在界血設(shè)計中扮演若非常巫要的角色：區(qū)分信息模塊、暗示控件功能（如

7、藍色文字通常代表鏈接，灰色按鈕衣示不可點擊等）、突出重點信息（越重耍則越醍11）等.…和諧的配色打適半的比例搭配能夠讓整個界血看上去清晰舒適，反Z,則會給用戶帶來過匝的視覺負(fù)擔(dān)，容易形成視覺疲勞.影響體驗。ShopAllDepartmentsSearchAllDepartmentsUnlimitedInstantVideosMP3s&CloudPlayer15millionsongs,playanywhiAmazonCloudDrive5GBoffreestorageKindleAppstoreforAndroidGetTheImpossi

8、bleGamefre>MP3MusicStoreShop15millionsongs>CloudPlayerforWebPlayfromanybrowser>CloudPlayerforAndroidForyou「Androidphoneortablet>AmazonMP3forfvlobileForBlackBerry*andPalm1BeDigitalGames&Softv/areAudibleAudiobooks（如圖,鏈接文字、不可點擊文字,通過色彩的劃分而一目了然;）（某網(wǎng)站設(shè)計;不同區(qū)域便用不同色彩劃分信息;）“aageer（個

9、人網(wǎng)站設(shè)計：橙色文字在灰色底圖I??被很好的展現(xiàn)了出來；）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)（色彩在區(qū)分信息模塊時的運用；）1?布局界面中的信息能否被有效的傳達，離不開良好的組織和布局；這需要考老以下這兒個要素：a.層次（層級關(guān)系，段落關(guān)系）在信息的視覺展現(xiàn)中，信息Z間層級關(guān)系的衣達非常重要，如個界面中導(dǎo)航區(qū)域與內(nèi)容區(qū)域的

11、關(guān)系、-篇帖了下的所有評論Z間的關(guān)系、-篇文章中的段落關(guān)系等等.?…恰洱的視覺設(shè)計?，能夠通過對視覺尤索的展現(xiàn)來暗喻信息Z間的層級關(guān)系；如果視覺層級關(guān)系展示不當(dāng)，會使用戶產(chǎn)生困惑