而今日咱們要討論的中心是影響你的網(wǎng)頁內(nèi)容的規(guī)劃誤區(qū)，這些誤區(qū)有的讓網(wǎng)站的信息無法正確的傳達(dá)，有的讓人感到利誘，這些問題可能會(huì)導(dǎo)致用戶無法承受，理解過錯(cuò)，乃至感到不適。那么，有哪些常見的影響內(nèi)容的規(guī)劃問題需求躲避呢?

 

    1、不合理的排版

 

    排版規(guī)劃出問題，首戰(zhàn)之地的空間規(guī)劃不合理。段距離和行距離是文本內(nèi)容常見的空間操控變量，盡管有的排版會(huì)由于空隙過大而顯得松懈，可是更常見的問題其實(shí)是排布布局過于嚴(yán)密，缺乏呼吸感，這可能會(huì)讓規(guī)劃看起來混亂，可讀性低下。

 

    一般來說，關(guān)于大段的文本內(nèi)容，行距離是文字高度的120%到150%。關(guān)于較小的文本，考慮到移動(dòng)端的用戶運(yùn)用場景，這個(gè)行距離可能還得在進(jìn)步一些，這樣 才干保證舒適的閱覽體會(huì)。

 

    可是，不論是怎樣操控，中心一直在于保證閱覽體會(huì)是愉悅而適可而止的。具有恰當(dāng)而賦有流動(dòng)性的排版，視覺上才會(huì)令人舒適。距離太大太小都不適宜。

 

    另一方面，整個(gè)頁面排版的行距離的份額要保持共同，這樣能讓視覺上愈加共同，也能夠強(qiáng)化同類、相關(guān)元素的關(guān)聯(lián)性，添加可讀性。

 

    2、一切元素尺度相同

 

    一切的圖片尺度都相同，一切的文本都相同巨細(xì)，一切的按鈕都相同的款式，這樣的“共同”看起來不錯(cuò)，可是實(shí)際上會(huì)顯得愈加無聊。

 

    網(wǎng)頁中的許多元素能夠共同，可是不能相同，這是兩個(gè)概念。依據(jù)不同的需求，不同的方位的按鈕尺度是不能相同的，可是它們能夠沿襲相同的款式，并且規(guī)劃幾個(gè)相對(duì)固定的尺度份額，這樣也能夠更好的操控整個(gè)視覺和體會(huì)。

 

    其實(shí)這傍邊，圖片在網(wǎng)頁結(jié)構(gòu)中的運(yùn)用就是一個(gè)的實(shí)例。不同頁面的首圖尺度是相同，其間的圖片假如要應(yīng)用到不同整個(gè)布局其他的方位的時(shí)分，直接按份額縮小，其間的元素視覺重量會(huì)直接下降，信息傳達(dá)的有效性也隨之下降。理想的情況，是依據(jù)整個(gè)網(wǎng)頁結(jié)構(gòu)布局的需求，依據(jù)原圖有針對(duì)性地進(jìn)行切圖。

 

    3、疏忽層次

 

    咱們所看到的絕大多數(shù)的網(wǎng)頁是需求通過精心組織的層次結(jié)構(gòu)來呈現(xiàn)內(nèi)容的，究竟網(wǎng)頁內(nèi)容也是遵從 80/20 規(guī)律的，20%的內(nèi)容常常能夠具有80%的重要性。這也使得網(wǎng)頁的層次結(jié)構(gòu)如此的重要。

 

    網(wǎng)頁中不同的內(nèi)容是有輕重緩急的，而這種重要性不論是依據(jù)規(guī)劃的需求仍是用戶的需求，都是能夠進(jìn)行判別和區(qū)分的。與此同時(shí)，用戶在快速閱讀內(nèi)容的時(shí)分，重要的內(nèi)容應(yīng)當(dāng)置于重要的、易于環(huán)視檢查的方位。在咱們之前的《f式布局》的文章傍邊，對(duì)此有具體的陳說。

 

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

 

    4、忽視根底功用

 

    網(wǎng)頁的可用性一直是擺在易用性之前的。我想你也有過這樣的經(jīng)歷：翻開網(wǎng)頁之后通過綿長的等候而網(wǎng)頁無法加載;點(diǎn)擊一個(gè)按鈕而沒有相應(yīng)的反應(yīng);想找到網(wǎng)頁背后一切者的聯(lián)系方式，可是在about us 的頁面中一無所獲。

 

    這些根底的作業(yè)都需求規(guī)劃師用心做好。保證網(wǎng)頁的根底功用都能夠順利的運(yùn)用，正確的反應(yīng)，而這些根本的可用性問題，常常呈現(xiàn)在查找框、導(dǎo)航、頁腳乃至事務(wù)邏輯傍邊。

 

    在網(wǎng)頁傍邊，不同類型的元素涉及到不同類型的內(nèi)容，即便文本和圖片也常常帶有鏈接，或許牽涉到特定的功用或許交互，而用戶關(guān)于這些功用是有預(yù)期的?？捎玫陌粹o、鏈接等根底功用，保證了信息的完整性和功用的完整性，只要這樣，用戶才干信賴網(wǎng)頁自身。

 

    5、不行簡練的案牘

 

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

 

    許多網(wǎng)頁在運(yùn)用案牘的時(shí)分，不行簡練，用戶很簡單在閱讀過程中迷失。人集中注意力的時(shí)間一直是有限的，所以，盡量在交互和ui中運(yùn)用明晰、精準(zhǔn)的描述性的言語，直接地指引用戶，明晰地闡明交互的成果。

 

    明晰簡練的言語案牘是保持用戶愛好、推動(dòng)交互持續(xù)的動(dòng)力。

 

    6、低分辨率

 

    明晰度缺乏的圖片肯定是規(guī)劃的硬傷?，F(xiàn)現(xiàn)在的高清的屏幕無處不在，低分辨率的圖片在現(xiàn)在的屏幕上無所遁形。

 

    跟著網(wǎng)絡(luò)的掩蓋和帶寬的拓寬，大尺度的圖片和文件已經(jīng)慢慢成為規(guī)范了。當(dāng)你需求精準(zhǔn)地操控圖片尺度和屏幕分辨率對(duì)應(yīng)起來，也能夠參閱呼應(yīng)式規(guī)劃，憑借斷點(diǎn)來操控顯示的尺度。

 

    當(dāng)然，重要的一點(diǎn)在于，運(yùn)用低分辨率的圖片，還不如干脆不運(yùn)用。

 

    7、太多機(jī)巧

 

    過多的插畫，繁復(fù)的特效，太多的規(guī)劃趨勢(shì)，當(dāng)常見的規(guī)劃技巧和效果在網(wǎng)頁上堆積起來的時(shí)分，會(huì)很簡單稀釋網(wǎng)頁中真實(shí)重要內(nèi)容。不同尋常的顏色，奇特的動(dòng)畫，巨幅的圖片，這些真實(shí)抓人眼球的元素應(yīng)該有針對(duì)性、有計(jì)劃地運(yùn)用。

 

    它們確實(shí)是進(jìn)步趣味性、招引用戶注意力的重要手法，可是同樣需求謹(jǐn)慎運(yùn)用。

 

    當(dāng)你想要運(yùn)用特定的規(guī)劃元素、選用盛行的規(guī)劃趨勢(shì)或技巧的時(shí)分，挑選一個(gè)思路，盡量主次清楚。許多時(shí)分，一個(gè)規(guī)劃趨勢(shì)，比三個(gè)趨勢(shì)疊起來更有用。

 

    結(jié)語

 

    假如你的規(guī)劃傍邊呈現(xiàn)了這些問題，請(qǐng)不要憂慮。它們的解決方案并不雜亂，一般也不需求通過雜亂的重規(guī)劃來完善，只需求進(jìn)行恰當(dāng)?shù)恼{(diào)整即可。