網頁設計中banner設計注意事項

發表日期：2015-06-10 文章編輯：南昌開優網絡瀏覽次數：6182 標簽：網頁設計

網頁設計中，banner設計不僅考察字體的設計能力，還考察這個版面的排版、文字的排版、顏色的搭配就以最主要的素材收集的能力。那么，如何設計出一個相對完美的banner呢?下面我們就進行深入的講解，尤其是初學設計師，一定要仔細閱讀。
　　不論是網頁設計還是平面設計中，要使用戶對推廣banner所包含信息清晰與深刻理解，則需注意以下兩點：刺激物適量、編碼流暢。
　　一、刺激物適量
　　1、banner中區塊數量不超過5個：一方面過多的區塊會分散用戶的視覺焦點，產生凌亂感;另一方面令banner適當留白、防止過度擁擠。

　　修改前的banner區塊有4個，雖然沒有超過5個但相比之下，修改之后的banner有3個區塊，但整體性卻大大增強。
　　2、顏色保持在3-5中之間，防止視覺疲勞
　　修改之前的banner配色多達8種，雖然很漂亮，但banner內主要文字信息沒有很好凸顯;修改之后的banner配色控制在5種之內，不僅banner好看，而且各個內容比較清晰，一目了然。

　　3、信息單元(文字排版)≤7±2個組塊
　　1956年美國人米勒發表了一篇著名的論文《神秘的七加減二》，提出短時記憶(亦稱工作記憶，指信息一次呈現后，保持在一分鐘以內的記憶)的廣度是7±2個組塊，記憶廣度是指材料呈現一次后被試所能記住的最大量;短時記憶廣度的大小不決定其項目數，而決定其組塊的大小，組塊指將若干較小單位聯合而成熟悉的、較大的單位，它可以是7個字母、7個熟悉單詞、或7個常用短語。
　　在banner設計中呈現的組塊越多，加工信息就需占用更多認知資源，也就更費力費時。而用戶是以“最小費力”原則瀏覽網頁一切，如果組塊過多，用戶為了避免費力加工就會放棄繼續瀏覽，所以組塊數量要適當，最好不要大約7個組塊。

　　修改之前，banner將各個元素分開排列，每一元素自成組塊共5個組塊，無疑增加認知負擔;修改之后banner將同性質內容放一起，組成人名、地址、聯系信息三個組塊，減少信息加工單元，減少認知負擔更利于加工。
　二、編碼流暢性：
　　1、文字風格相同或相似，防止字體風格反差太大，以保持認知流暢性易于信息快速加工。

　　2、當大小字體在banner上下排列，選用小字可以適當夸大字間距，大字則適當減少字間距：視覺上令二者和諧，減少視線跨度與避免遺忘。

　　3、內容連貫不跳躍，文字或圖片連續不間斷
　　用戶瀏覽網頁時，大腦會將作用于感官的事物知覺為一個整體，也就是通過對信息整理與組織，來對事物做出解釋，知道其意義并形成一個完整的印象。在將信息知覺為一個整體時，根據格式塔心理學派的研究，大腦遵循接近、相似與連續的組織原則：
　　格式塔心理學又稱為完形主義或完形心理學，由惠特海默、苛勒和考夫卡三位德國心理學家于1912年聯快創立，是一種注重整體組織的心理學理論體系。他們認為，元素的聚集不是一堆不相關、片段的單元和混亂的聚集，而是以相似性、接近性、連續性等原則組織成了有意義的整體。
　　所以我們在觀看banner時，根據相似性原則與接近性原則，在物理屬性方面相似的或者在空間上或時間上比較接近的成分容易被組織在一起形成整體，所以將同類型元素組合在一起，既節省了用戶二次歸類的時間又可以節省認知資源的分配，而且好的歸類能使banner符合根據中國人閱讀習慣，從左到右從上到下進行排版，有助于用戶更省時省力方便地加工信息。

　　修改之前的banner同為文字信息的小字內容沒有放在一起，造成用戶瀏覽時視覺跳躍;修改之后將同類型元素進行整合，既方便用戶加工信息，又符合閱讀習慣，可謂一舉兩得。

返回列表

上一篇：移動端產品網頁設計的五大原則下一篇：生活中的創意字體

欧美日韩一区二区三区四区不卡,日韩欧美视频一区二区三区四区,久久精品欧美一区二区三区不卡,国产精品久久久乱弄

網頁設計中banner設計注意事項