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

 

    1、不合理的排版

 

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

 

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

 

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

 

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

 

    2、一切元素尺度相同

 

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

 

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

 

    其實這傍邊，圖片在網(wǎng)頁結(jié)構(gòu)中的運用就是一個的實例。不同頁面的首圖尺度是相同，其間的圖片假如要應(yīng)用到不同整個布局其他的方位的時分，直接按份額縮小，其間的元素視覺重量會直接下降，信息傳達(dá)的有效性也隨之下降。理想的情況，是依據(jù)整個網(wǎng)頁結(jié)構(gòu)布局的需求，依據(jù)原圖有針對性地進(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ū)分的。與此同時，用戶在快速閱讀內(nèi)容的時分，重要的內(nèi)容應(yīng)當(dāng)置于重要的、易于環(huán)視檢查的方位。在咱們之前的《f式布局》的文章傍邊，對此有具體的陳說。

 

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

 

    4、忽視根底功用

 

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

 

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

 

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

 

    5、不行簡練的案牘

 

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

 

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

 

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

 

    6、低分辨率

 

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

 

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

 

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

 

    7、太多機巧

 

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

 

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

 

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

 

    結(jié)語

 

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