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