石家莊企業(yè)官網(wǎng)建設(shè)中網(wǎng)頁內(nèi)容設(shè)計的誤區(qū)
發(fā)布日期:2017-04-27 00:00 來源:http://vorxon.com 點擊:
設(shè)計中出現(xiàn)誤差或者錯誤其實是很正常也很普遍的現(xiàn)象,無論是怎么造成,我們總得想辦法解決問題,修復(fù)不好的設(shè)計。但是在網(wǎng)站設(shè)計過程中存在網(wǎng)頁內(nèi)容的設(shè)計誤區(qū),這些誤區(qū)有的讓網(wǎng)站的信息無法正確的傳達,有的讓人感到迷惑,這些問題可能會導(dǎo)致用戶無法接受,理解錯誤,甚至感到不適。石家莊企業(yè)官網(wǎng)建設(shè)就來跟大家總結(jié)一下網(wǎng)頁內(nèi)容有哪些設(shè)計誤區(qū),并想辦法規(guī)避這些誤區(qū)。
1、忽視基礎(chǔ)功能
網(wǎng)頁的可用性始終是擺在易用性之前的。我們在設(shè)計網(wǎng)站的時候一定要確保網(wǎng)頁的基礎(chǔ)功能都能夠順暢的使用,正確的反饋,而這些基本的可用性問題,常常出現(xiàn)在搜索框、導(dǎo)航、頁腳甚至業(yè)務(wù)邏輯當(dāng)中。在網(wǎng)頁當(dāng)中,不同類型的元素涉及到不同類型的內(nèi)容,即使文本和圖片也常常帶有鏈接,或者牽涉到特定的功能或者交互,而用戶對于這些功能是有預(yù)期的??捎玫陌粹o、鏈接等基礎(chǔ)功能,確保了信息的完整性和功能的完整性,只有這樣,用戶才能信任網(wǎng)頁本身。
2、不合理的排版
排版設(shè)計出問題,首當(dāng)其沖的空間設(shè)計不合理。段間距和行間距是文本內(nèi)容常見的空間控制變量,雖然有的排版會因為間隙過大而顯得松散,但是更常見的問題其實是排布布局過于緊密,缺乏呼吸感,這可能會讓設(shè)計看起來混亂,可讀性低下。一般而言,對于大段的文本內(nèi)容,行間距文字高度的120%到150%。對于較小的文本,考慮到移動端的用戶使用場景,這個行間距可能還得在提高一些,這樣才能確保舒適的閱讀體驗。但是,不論是怎樣控制,核心始終在于確保閱讀體驗是愉悅而恰到好處的。擁有恰當(dāng)而富有流動性的排版,視覺上才會令人舒適。間距太大太小都不合適。另一方面,整個頁面排版的行間距的比例要保持一致,這樣能讓視覺上更加統(tǒng)一,也能夠強化同類、相關(guān)元素的關(guān)聯(lián)性,增加可讀性。
3、所有元素尺寸一樣
所有的圖片尺寸都一樣,所有的文本都一樣大小,所有的按鈕都一樣的樣式,這樣的“一致”看起來不錯,但是實際上會顯得更加無聊。網(wǎng)頁中的許多元素可以一致,但是不能一樣,這是兩個概念?;诓煌男枨?,不同的位置的按鈕尺寸是不能一樣的,但是它們可以沿用相同的樣式,并且設(shè)計幾個相對固定的尺寸比例,這樣也可以更好的控制整個視覺和體驗。其實這當(dāng)中,圖片在網(wǎng)頁框架中的使用就是一個好的實例。不同頁面的首圖尺寸是一樣,其中的圖片如果要應(yīng)用到不同整個布局其他的位置的時候,直接按比例縮小,其中的元素視覺重量會直接降低,信息傳達的有效性也隨之降低。理想的狀況,是根據(jù)整個網(wǎng)頁框架布局的需求,基于原圖有針對性地進行切圖。
4、不夠簡練的文案
網(wǎng)頁中的文案是需要反復(fù)推敲的。許多網(wǎng)頁在使用文案的時候,不夠簡練,用戶很容易在瀏覽過程中迷失。人集中注意力的時間始終是有限的,所以,盡量在交互和UI中使用明確、準確的描述性的語言,直接地指引用戶,清晰地闡明交互的結(jié)果。清晰簡練的語言文案是維持用戶興趣、推動交互繼續(xù)的動力。
5、低分辨率
清晰度不足的圖片是設(shè)計的硬傷。現(xiàn)如今的高清的屏幕無處不在,低分辨率的圖片在如今的屏幕上無所遁形。隨著網(wǎng)絡(luò)的覆蓋和帶寬的拓展,大尺寸的圖片和文件已經(jīng)慢慢成為標準了。當(dāng)你需要準確地控制圖片尺寸和屏幕分辨率完全對應(yīng)起來,也可以參考響應(yīng)式設(shè)計,借助斷點來控制顯示的尺寸。當(dāng)然,重要的一點在于,使用低分辨率的圖片,還不如干脆不使用。
6、太多機巧
過多的插畫,繁復(fù)的效果,太多的設(shè)計趨勢,當(dāng)常見的設(shè)計技巧和效果在網(wǎng)頁上堆積起來的時候,會很容易讓用戶忽視網(wǎng)頁中真正重要內(nèi)容。不同尋常的色彩,奇特的動畫,巨幅的圖片,這些真正抓人眼球的元素應(yīng)該有針對性、有計劃地使用。很多時候,一個設(shè)計趨勢,比三個趨勢疊起來更有用。