主頁 > 快速排名 > 常見問題 > 影響網(wǎng)頁內(nèi)容的七種設(shè)計誤區(qū)

影響網(wǎng)頁內(nèi)容的七種設(shè)計誤區(qū)

POST TIME:2018-12-03 17:54

 

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

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

1、分歧理的排版

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

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

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

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

2、所有元素尺寸一樣

所有的圖片尺寸都一樣,所有的文本都一樣大小,所有的按鈕都一樣的樣式,這樣的“一致”看起來不錯,但是實際上會顯得更加無聊。

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

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

3、忽略層次

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

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

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

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

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

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

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

5、不夠簡練的案牘

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

標(biāo)簽:東營 鹽城 林芝 九江 烏魯木齊



收縮
  • 微信客服
  • 微信二維碼
  • 電話咨詢

  • 400-1100-266