網站建設視覺元素設計
2011-09-08
網站建設視覺元素包括文字,圖片,標簽,表單,列表,多媒體等等,是網站外觀設計的組成部分,服從睦網站的整體風格需要.一.讓文字易辨識字體是幫助用戶獲得與網站的信息交互…網站視覺元素包括文字,圖片,標簽,表單,列表,多媒體等等,是網站外觀設計的組成部分,服從睦網站的整體風格需要.
一. 讓文字易辨識
字體是幫助用戶獲得與網站的信息交互的重要手段,因而文字的易讀性和易辨性是設計網站頁面時的重點.不同的字體會營造出不同的氛圍,同時不同的字體大小和著色也對網站的內容起到強調或者提示的作用.
正確的文字和配色方案是好的視覺設計的基礎。網站上的文字受屏幕分辨率和瀏覽器的限制，但是仍有通用的一些準則：文字必須清晰可讀，大小合適，文字的顏色和背景色有較為強烈的對比度,文字周圍的設計元素不能對文字造成干擾。盡可能少用游動文字、圖形文字。
設計師注意點:
1. 避免字體過于黯淡導致閱讀困難.
2. 字體色與背景色對比明顯.
3. 字體著色不要太雜.
4. 有鏈接的字體要有所提示,好采用默認鏈接樣式.
5. 標題和正文所用的文字大小有所區別.
6. 英文和數字選用與中文字體和諧的字體.
二. 讓圖片更合理.
頁面上圖片也是版式的重要組成，正確的運用圖片，可以幫助用戶對信息加深印象，引導用戶的行為，與網站整體風格協調的圖片，能幫助網站營造獨特的品牌氛圍，加深瀏覽者的印象。 網站中圖片的主要作用大致有以下三種：banner 廣告圖片、產品展示圖片、修飾性圖片。圖片運用不合理的情況通常有：圖片尺寸過大、動態圖片過多、應該使用文本的地方錯用了圖片。
以下是新競爭力關于這方面的總結:
1·出現的位置和尺寸合理，不對信息獲取產生干擾，喧賓奪主
2·考慮瀏覽者的網速，圖片文件不宜過大
3·有節制的使用 flash和動畫圖片
4·產品圖片的 alt 標簽加上產品名稱
5·形象圖片注重原創性
三. 讓表單更易用
用戶在填寫網站表單的時候，無論是注冊、發布信息/文章、信息反饋，都已到了顧客轉化的關鍵環節，重要性不言而喻。表單涉及到較復雜的在線交互行為，與流程息息相關，當一個交互過程需要分成很多個步驟完成的時候，更重視對用戶一步一步的引導，每一次點擊都合理有效，接近并終達成任務目標.好的表單設計可以提升用戶體驗，但不少網站的表單設計都或多或少存在一些問題，排除內容部分的因素，就設計上而言，表單設計容易犯的幾點錯誤包括以下幾點：
1-過于冗長的表單和繁多的填寫項
2-不知所以的單選框和復選框
3-填寫出錯后才出現說明和幫助
4-提交按鈕不易發現
下面是由新競爭力針對表單的易用性提供的總結:
1控制輸入框的大小,恰當對齊,使之符合內容版式的需要.
2.根據表單元素的相關性進行合理分組和排序.
3.有下拉選擇區域的下拉列表,將初始狀態默認為全部區域.
4.下增列表過長時,可橫向排列.
5.對填寫內容提供必要的幫助提示.
6. 避免一頁表彰必填項過多,通過分頁或收縮方式實現分步式表單形式.
7. 提交按鈕醒目,位置符合習慣.
四.讓按鈕更易點擊
按鈕是網站界面中伴隨著用戶的點擊行為的特殊圖片,由于按鈕點擊行為是將用戶引向顧客轉化的重要步驟,因此按鈕在設計上有較高的要求.
按鈕設計的基本要求是要達到”點擊暗示”效果
設計師可以通過以下幾點來設計按鈕,讓它更易被點擊.
1. 按鈕有浮起的感覺.
2. 按鈕文字提示明確,如果沒有文字,確信所使用的圖形按鈕是約定俗成,容易為用戶理解的圖片.
3. 對顧客轉化起重要作用的按鈕用色突出一點,尺寸大一點.
4. 可點擊范圍夠大,包括整個按鈕
