設(shè)計(jì)中出現(xiàn)誤差或者錯(cuò)誤其實(shí)是很正常也很遍及的現(xiàn)象，也許你只是想盡快完成一個(gè)設(shè)計(jì)項(xiàng)目而倉(cāng)促地提升進(jìn)度，也可能是因?yàn)轫?xiàng)目自己的復(fù)雜度過(guò)高，你忽略的某些問(wèn)題。但是無(wú)論是怎么造成，總得試圖解決問(wèn)題，修復(fù)不完美的設(shè)計(jì)。

而今天我們要探討的核心是影響你的網(wǎng)頁(yè)內(nèi)容的設(shè)計(jì)誤區(qū)，這些誤區(qū)有的讓網(wǎng)站的信息無(wú)法正確的傳達(dá)，有的讓人感到迷惑，這些問(wèn)題可能會(huì)導(dǎo)致用戶無(wú)法接受，理解錯(cuò)誤，甚至感到不適。那么，有哪些常見(jiàn)的影響內(nèi)容的設(shè)計(jì)問(wèn)題需要規(guī)避呢?

1、分歧理的排版

排版設(shè)計(jì)出問(wèn)題，首當(dāng)其沖的空間設(shè)計(jì)分歧理。段間距和行間距是文本內(nèi)容常見(jiàn)的空間控制變量，雖然有的排版會(huì)因?yàn)殚g隙過(guò)大而顯得松散，但是更常見(jiàn)的問(wèn)題其實(shí)是排布布局過(guò)于緊密，缺乏呼吸感，這可能會(huì)讓設(shè)計(jì)看起來(lái)混亂，可讀性低下。

一般而言，對(duì)于大段的文本內(nèi)容，行間距最好是文字高度的120%到150%。對(duì)于較小的文本，考慮到移動(dòng)端的用戶使用場(chǎng)景，這個(gè)行間距可能還得在提高一些，這樣 才能確保舒適的閱讀體驗(yàn)。

但是，豈論是怎樣控制，核心始終在于確保閱讀體驗(yàn)是愉悅而恰到好處的。擁有恰當(dāng)而富有流動(dòng)性的排版，視覺(jué)上才會(huì)令人舒適。間距太大太小都分歧適。

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

2、所有元素尺寸一樣

所有的圖片尺寸都一樣，所有的文本都一樣大小，所有的按鈕都一樣的樣式，這樣的“一致”看起來(lái)不錯(cuò)，但是實(shí)際上會(huì)顯得更加無(wú)聊。

網(wǎng)頁(yè)中的許多元素可以一致，但是不能完全一樣，這是兩個(gè)概念?；诓顒e的需求，差別的位置的按鈕尺寸是不能完全一樣的，但是它們可以沿用相同的樣式，而且設(shè)計(jì)幾個(gè)相對(duì)固定的尺寸比例，這樣也可以更好的控制整個(gè)視覺(jué)和體驗(yàn)。

其實(shí)這傍邊，圖片在網(wǎng)頁(yè)框架中的使用就是一個(gè)最好的實(shí)例。差別頁(yè)面的首圖尺寸是一樣，其中的圖片如果要應(yīng)用到差別整個(gè)布局其他的位置的時(shí)候，直接按比例縮小，其中的元素視覺(jué)重量會(huì)直接降低，信息傳達(dá)的有效性也隨之降低。最抱負(fù)的狀況，是按照整個(gè)網(wǎng)頁(yè)框架布局的需求，基于原圖有針對(duì)性地進(jìn)行切圖。

3、忽略層次

我們所看到的絕大多數(shù)的網(wǎng)頁(yè)是需要通過(guò)精心組織的層次結(jié)構(gòu)來(lái)呈現(xiàn)內(nèi)容的，終究網(wǎng)頁(yè)內(nèi)容也是遵循 80/20 法則的，20%的內(nèi)容常常能夠擁有80%的重要性。這也使得網(wǎng)頁(yè)的層次結(jié)構(gòu)如此的重要。

網(wǎng)頁(yè)中差別的內(nèi)容是有輕重緩急的，而這種重要性豈論是基于設(shè)計(jì)的需求還是用戶的需求，都是能夠進(jìn)行判斷和劃分的。與此同時(shí)，用戶在快速瀏覽內(nèi)容的時(shí)候，重要的內(nèi)容應(yīng)當(dāng)置于重要的、易于掃視查看的位置。在我們之前的《F式布局》的文章傍邊，對(duì)此有詳細(xì)的陳述。

在確定了重要性優(yōu)先級(jí)之后，層次結(jié)構(gòu)的設(shè)計(jì)思路就可以基本確定了。首圖、標(biāo)題等元素是承載重要信息的載體，而能夠引導(dǎo)用戶行為的CTA按鈕、輸入框等元素，則能在交互的層面上，強(qiáng)化內(nèi)容的效力。所有的這些東西，在設(shè)計(jì)網(wǎng)頁(yè)的層次結(jié)構(gòu)的時(shí)候，應(yīng)該系統(tǒng)的考慮。

4、忽視基礎(chǔ)功能

網(wǎng)頁(yè)的可用性始終是擺在易用性之前的。我想你也有過(guò)這樣的經(jīng)驗(yàn)：打開(kāi)網(wǎng)頁(yè)之后經(jīng)過(guò)漫長(zhǎng)的等待而網(wǎng)頁(yè)無(wú)法加載;點(diǎn)擊一個(gè)按鈕而沒(méi)有相應(yīng)的反饋;想找到網(wǎng)頁(yè)背后所有者的聯(lián)系方式，，但是在About Us 的頁(yè)面中一無(wú)所獲。

這些基礎(chǔ)的工作都需要設(shè)計(jì)師用心做好。確保網(wǎng)頁(yè)的基礎(chǔ)功能都能夠順暢的使用，正確的反饋，而這些基本的可用性問(wèn)題，常常出現(xiàn)在搜索框、導(dǎo)航、頁(yè)腳甚至業(yè)務(wù)邏輯傍邊。

在網(wǎng)頁(yè)傍邊，差別類型的元素涉及到差別類型的內(nèi)容，即使文本和圖片也常常帶有鏈接，或者牽涉到特定的功能或者交互，而用戶對(duì)于這些功能是有預(yù)期的?？捎玫陌粹o、鏈接等基礎(chǔ)功能，確保了信息的完整性和功能的完整性，只有這樣，用戶才能信任網(wǎng)頁(yè)自己。

5、不夠簡(jiǎn)練的案牘

網(wǎng)頁(yè)中的案牘是需要反復(fù)推敲的。

標(biāo)簽：東營(yíng) 鹽城 林芝 九江 烏魯木齊