有哪些影響網(wǎng)頁(yè)內(nèi)容體驗(yàn)的因素？

發(fā)布時(shí)間：2017-04-14 11:35:10

發(fā)布者：sl23610470

瀏覽量:

設(shè)計(jì)中出現(xiàn)誤差或者錯(cuò)誤其實(shí)是很正常也很普遍的現(xiàn)象，也許你只是想盡快完成一個(gè)設(shè)計(jì)項(xiàng)目而倉(cāng)促地提升進(jìn)度，也可能是因?yàn)轫?xiàng)目本身的復(fù)雜度過(guò)高，你忽略的某些問題。但是無(wú)論是怎么造成，總得試圖解決問題，修復(fù)不完美的設(shè)計(jì)。在我們的設(shè)計(jì)中有哪些因素會(huì)影響頁(yè)面內(nèi)容的體驗(yàn)?zāi)兀?/p>

1、不合理的排版

排版設(shè)計(jì)出問題，首先是空間設(shè)計(jì)不合理。段間距和行間距是文本內(nèi)容常見的空間控制變量，雖然有的排版會(huì)因?yàn)殚g隙過(guò)大而顯得松散，但是更常見的問題其實(shí)是排布布局過(guò)于緊密，缺乏呼吸感，這可能會(huì)讓設(shè)計(jì)看起來(lái)混亂，可讀性低下。不論是怎樣控制，核心始終在于確保閱讀體驗(yàn)是愉悅而恰到好處的。擁有恰當(dāng)而富有流動(dòng)性的排版，視覺上才會(huì)令人舒適。間距太大太小都不合適。

另一方面，整個(gè)頁(yè)面排版的行間距的比例要保持一致，這樣能讓視覺上更加統(tǒng)一，也能夠強(qiáng)化同類、相關(guān)元素的關(guān)聯(lián)性，增加可讀性。

2、所有元素尺寸一樣

所有的圖片尺寸都一樣，所有的文本都一樣大小，所有的按鈕都一樣的樣式，這樣的“一致”看起來(lái)不錯(cuò)，但是實(shí)際上會(huì)顯得更加無(wú)聊。網(wǎng)頁(yè)中的許多元素可以一致，但是不能完全一樣，這是兩個(gè)概念。基于不同的需求，不同的位置的按鈕尺寸是不能完全一樣的，但是它們可以沿用相同的樣式，并且設(shè)計(jì)幾個(gè)相對(duì)固定的尺寸比例，這樣也可以更好的控制整個(gè)視覺和體驗(yàn)。

3、忽略層次

我們所看到的絕大多數(shù)的網(wǎng)頁(yè)是需要通過(guò)精心組織的層次結(jié)構(gòu)來(lái)呈現(xiàn)內(nèi)容的，網(wǎng)頁(yè)中不同的內(nèi)容是有輕重緩急的，而這種重要性不論是基于設(shè)計(jì)的需求還是用戶的需求，都是能夠進(jìn)行判斷和劃分的。與此同時(shí)，用戶在快速瀏覽內(nèi)容的時(shí)候，重要的內(nèi)容應(yīng)當(dāng)置于重要的、易于掃視查看的位置，在確定了重要性優(yōu)先級(jí)之后，層次結(jié)構(gòu)的設(shè)計(jì)思路就可以基本確定了。

4、不夠簡(jiǎn)練的文案

許多網(wǎng)頁(yè)在使用文案的時(shí)候，不夠簡(jiǎn)練，用戶很容易在瀏覽過(guò)程中迷失。人集中注意力的時(shí)間始終是有限的，所以，盡量在交互和UI中使用明確、精準(zhǔn)的描述性的語(yǔ)言，直接地指引用戶，清晰地闡明交互的結(jié)果。

5、低分辨率

清晰度不足的圖片絕對(duì)是設(shè)計(jì)的硬傷。現(xiàn)如今的高清的屏幕無(wú)處不在，低分辨率的圖片在如今的屏幕上無(wú)所遁形。大尺寸的圖片和文件已經(jīng)慢慢成為標(biāo)準(zhǔn)了。

6、太多技巧

當(dāng)你想要使用特定的設(shè)計(jì)元素、采用流行的設(shè)計(jì)趨勢(shì)或技巧的時(shí)候，它們確實(shí)是提升趣味性、吸引用戶注意力的重要手段，但是同樣需要謹(jǐn)慎使用。選擇一個(gè)思路，盡量主次分明。很多時(shí)候，一個(gè)設(shè)計(jì)趨勢(shì)，比三個(gè)趨勢(shì)疊起來(lái)更有用。