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