影響網頁內容的七種設計誤區

閱讀 ?·? 發布日期 2021-08-11 15:46 ?·? admin

 規劃中呈現差錯或許過錯其實是很正常也很遍及的現象,也許你只是想盡快完結一個規劃項目而匆促地進步進展,也可能是由于項目自身的雜亂度過高,你疏忽的某些問題??墒菬o論是怎么形成,總得企圖解決問題,修正不完美的規劃。

 
    而今日咱們要討論的中心是影響你的網頁內容的規劃誤區,這些誤區有的讓網站的信息無法正確的傳達,有的讓人感到利誘,這些問題可能會導致用戶無法承受,理解過錯,乃至感到不適。那么,有哪些常見的影響內容的規劃問題需求躲避呢?
 
    1、不合理的排版
 
    排版規劃出問題,首戰之地的空間規劃不合理。段距離和行距離是文本內容常見的空間操控變量,盡管有的排版會由于空隙過大而顯得松懈,可是更常見的問題其實是排布布局過于嚴密,缺乏呼吸感,這可能會讓規劃看起來混亂,可讀性低下。
 
    一般來說,關于大段的文本內容,行距離是文字高度的120%到150%。關于較小的文本,考慮到移動端的用戶運用場景,這個行距離可能還得在進步一些,這樣 才干保證舒適的閱覽體會。
 
    可是,不論是怎樣操控,中心一直在于保證閱覽體會是愉悅而適可而止的。具有恰當而賦有流動性的排版,視覺上才會令人舒適。距離太大太小都不適宜。
 
    另一方面,整個頁面排版的行距離的份額要保持共同,這樣能讓視覺上愈加共同,也能夠強化同類、相關元素的關聯性,添加可讀性。
 
    2、一切元素尺度相同
 
    一切的圖片尺度都相同,一切的文本都相同巨細,一切的按鈕都相同的款式,這樣的“共同”看起來不錯,可是實際上會顯得愈加無聊。
 
    網頁中的許多元素能夠共同,可是不能相同,這是兩個概念。依據不同的需求,不同的方位的按鈕尺度是不能相同的,可是它們能夠沿襲相同的款式,并且規劃幾個相對固定的尺度份額,這樣也能夠更好的操控整個視覺和體會。
 
    其實這傍邊,圖片在網頁結構中的運用就是一個的實例。不同頁面的首圖尺度是相同,其間的圖片假如要應用到不同整個布局其他的方位的時分,直接按份額縮小,其間的元素視覺重量會直接下降,信息傳達的有效性也隨之下降。理想的情況,是依據整個網頁結構布局的需求,依據原圖有針對性地進行切圖。
 
    3、疏忽層次
 
    咱們所看到的絕大多數的網頁是需求通過精心組織的層次結構來呈現內容的,究竟網頁內容也是遵從 80/20 規律的,20%的內容常常能夠具有80%的重要性。這也使得網頁的層次結構如此的重要。
 
    網頁中不同的內容是有輕重緩急的,而這種重要性不論是依據規劃的需求仍是用戶的需求,都是能夠進行判別和區分的。與此同時,用戶在快速閱讀內容的時分,重要的內容應當置于重要的、易于環視檢查的方位。在咱們之前的《f式布局》的文章傍邊,對此有具體的陳說。
 
    在斷定了重要性優先級之后,層次結構的規劃思路就能夠根本斷定了。首圖、標題等元素是承載重要信息的載體,而能夠引導用戶行為的cta按鈕、輸入框等元素,則能在交互的層面上,強化內容的效能。一切的這些東西,在規劃網頁的層次結構的時分,應該系統的考慮。
 
    4、忽視根底功用
 
    網頁的可用性一直是擺在易用性之前的。我想你也有過這樣的經歷:翻開網頁之后通過綿長的等候而網頁無法加載;點擊一個按鈕而沒有相應的反應;想找到網頁背后一切者的聯系方式,可是在about us 的頁面中一無所獲。
 
    這些根底的作業都需求規劃師用心做好。保證網頁的根底功用都能夠順利的運用,正確的反應,而這些根本的可用性問題,常常呈現在查找框、導航、頁腳乃至事務邏輯傍邊。
 
    在網頁傍邊,不同類型的元素涉及到不同類型的內容,即便文本和圖片也常常帶有鏈接,或許牽涉到特定的功用或許交互,而用戶關于這些功用是有預期的??捎玫陌粹o、鏈接等根底功用,保證了信息的完整性和功用的完整性,只要這樣,用戶才干信賴網頁自身。
 
    5、不行簡練的案牘
 
    網頁中的案牘是需求反復推敲的。
 
    許多網頁在運用案牘的時分,不行簡練,用戶很簡單在閱讀過程中迷失。人集中注意力的時間一直是有限的,所以,盡量在交互和ui中運用明晰、精準的描述性的言語,直接地指引用戶,明晰地闡明交互的成果。
 
    明晰簡練的言語案牘是保持用戶愛好、推動交互持續的動力。
 
    6、低分辨率
 
    明晰度缺乏的圖片肯定是規劃的硬傷。現現在的高清的屏幕無處不在,低分辨率的圖片在現在的屏幕上無所遁形。
 
    跟著網絡的掩蓋和帶寬的拓寬,大尺度的圖片和文件已經慢慢成為規范了。當你需求精準地操控圖片尺度和屏幕分辨率對應起來,也能夠參閱呼應式規劃,憑借斷點來操控顯示的尺度。
 
    當然,重要的一點在于,運用低分辨率的圖片,還不如干脆不運用。
 
    7、太多機巧
 
    過多的插畫,繁復的特效,太多的規劃趨勢,當常見的規劃技巧和效果在網頁上堆積起來的時分,會很簡單稀釋網頁中真實重要內容。不同尋常的顏色,奇特的動畫,巨幅的圖片,這些真實抓人眼球的元素應該有針對性、有計劃地運用。
 
    它們確實是進步趣味性、招引用戶注意力的重要手法,可是同樣需求謹慎運用。
 
    當你想要運用特定的規劃元素、選用盛行的規劃趨勢或技巧的時分,挑選一個思路,盡量主次清楚。許多時分,一個規劃趨勢,比三個趨勢疊起來更有用。
 
    結語
 
    假如你的規劃傍邊呈現了這些問題,請不要憂慮。它們的解決方案并不雜亂,一般也不需求通過雜亂的重規劃來完善,只需求進行恰當的調整即可。