互聯(lián)網(wǎng)在信息的傳播上起到了極大的作用，我們每天面對(duì)的就是尋找，瀏覽，閱讀，理解各種信息，信息設(shè)計(jì)是永遠(yuǎn)不變的話題，人們究竟如何閱讀和理解信息？

我們尋找和使用視覺化結(jié)構(gòu)

當(dāng)信息以簡介和結(jié)構(gòu)化的方式展示，人們就能更快更容易的掃描和理解，信息呈現(xiàn)方式越是結(jié)構(gòu)化和精煉，人們就能更快更容易的掃描和理解。

這點(diǎn)也與wp7現(xiàn)在metro的設(shè)計(jì)理念不謀而合，也是wp7主界面上那些“tile”讓人覺得好用，眼前一亮的緣故：因?yàn)槲覀兒苋菀讙呙韬屠斫狻?/p>

結(jié)構(gòu)提高了用戶瀏覽長數(shù)字的能力：比如信用卡，手機(jī)號(hào)，日期等字段

比如支付寶在信用卡相關(guān)的輸入框，都會(huì)自動(dòng)進(jìn)行分隔，提高數(shù)字的可讀性，而由于手機(jī)號(hào)現(xiàn)在的位數(shù)分隔習(xí)慣大家還都不太一致，暫時(shí)沒有太好的辦法

數(shù)據(jù)專用控件提供了更多的結(jié)構(gòu)：比如日期或日歷控件，email控件，下拉菜單

比如現(xiàn)在選擇所在地，生日信息的輸入控件，基本都會(huì)按照一定的格式來設(shè)計(jì)

視覺層次讓人更專注于相關(guān)的信息

可視化信息最重要的目標(biāo)之一是提供一個(gè)視覺層次，即信息的布置安排能夠

1、將信息分段，大塊整段的信息分割成為各個(gè)小段；

2、顯著標(biāo)記每個(gè)信息段和字段，以便清晰的確認(rèn)各自的內(nèi)容

3、以一個(gè)層次結(jié)構(gòu)來展示各段及其子段，使得上層的段能夠比下層更重點(diǎn)的被展示

視覺層次是一個(gè)可以展開很深很廣的話題，現(xiàn)在甚至已經(jīng)有“信息可視化”的獨(dú)立研究方向，而在Web設(shè)計(jì)中，信息的組織，視覺層次的傳達(dá)是一項(xiàng)重要的基本技能：還記得是最早在@SharkUI那看到的一句話：視覺設(shè)計(jì)就是合理的將信息之間的邏輯關(guān)系表達(dá)出來

更多：知其然知其所以然-設(shè)計(jì)準(zhǔn)則從何而來（一）

作者：黨韜

文章來源：pd4.me

標(biāo)簽： 準(zhǔn)則 設(shè)計(jì) 何而來 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。