[網頁(yè)設計] 網站建設視覺元素設計

網站建設視覺元素包括文(wén)字,圖片,标簽,表單,列表,多(duō)媒體(tǐ)等等,是網站外觀設計的組成部分(fēn),服從睦網站的整體(tǐ)風格需要.一.讓文(wén)字易辨識字體(tǐ)是幫助用(yòng)戶獲得與網站的信息交互…網站視覺元素包括文(wén)字,圖片,标簽,表單,列表,多(duō)媒體(tǐ)等等,是網站外觀設計的組成部分(fēn),服從睦網站的整體(tǐ)風格需要.
一.   讓文(wén)字易辨識
字體(tǐ)是幫助用(yòng)戶獲得與網站的信息交互的重要手段,因而文(wén)字的易讀性和易辨性是設計網站頁(yè)面時的重點.不同的字體(tǐ)會營造出不同的氛圍,同時不同的字體(tǐ)大小(xiǎo)和着色也對網站的内容起到強調或者提示的作(zuò)用(yòng).
正确的文(wén)字和配色方案是好的視覺設計的基礎。網站上的文(wén)字受屏幕分(fēn)辨率和浏覽器的限制,但是仍有(yǒu)通用(yòng)的一些準則:文(wén)字必須清晰可(kě)讀,大小(xiǎo)合适,文(wén)字的顔色和背景色有(yǒu)較為(wèi)強烈的對比度,文(wén)字周圍的設計元素不能(néng)對文(wén)字造成幹擾。盡可(kě)能(néng)少用(yòng)遊動文(wén)字、圖形文(wén)字。
設計師注意點:
1. 避免字體(tǐ)過于黯淡導緻閱讀困難.
2. 字體(tǐ)色與背景色對比明顯.
3. 字體(tǐ)着色不要太雜.
4. 有(yǒu)鏈接的字體(tǐ)要有(yǒu)所提示,最好采用(yòng)默認鏈接樣式.
5. 标題和正文(wén)所用(yòng)的文(wén)字大小(xiǎo)有(yǒu)所區(qū)别.
6. 英文(wén)和數字選用(yòng)與中(zhōng)文(wén)字體(tǐ)和諧的字體(tǐ).
二.   讓圖片更合理(lǐ).
頁(yè)面上圖片也是版式的重要組成,正确的運用(yòng)圖片,可(kě)以幫助用(yòng)戶對信息加深印象,引導用(yòng)戶的行為(wèi),與網站整體(tǐ)風格協調的圖片,能(néng)幫助網站營造獨特的品牌氛圍,加深浏覽者的印象。 網站中(zhōng)圖片的主要作(zuò)用(yòng)大緻有(yǒu)以下三種:banner 廣告圖片、産(chǎn)品展示圖片、修飾性圖片。圖片運用(yòng)不合理(lǐ)的情況通常有(yǒu):圖片尺寸過大、動态圖片過多(duō)、應該使用(yòng)文(wén)本的地方錯用(yòng)了圖片。
以下是新(xīn)競争力關于這方面的總結:
1·出現的位置和尺寸合理(lǐ),不對信息獲取産(chǎn)生幹擾,喧賓奪主
2·考慮浏覽者的網速,圖片文(wén)件不宜過大
3·有(yǒu)節制的使用(yòng) flash和動畫圖片
4·産(chǎn)品圖片的 alt 标簽加上産(chǎn)品名(míng)稱
5·形象圖片注重原創性
三.   讓表單更易用(yòng)
用(yòng)戶在填寫網站表單的時候,無論是注冊、發布信息/文(wén)章、信息反饋,都已到了顧客轉化的關鍵環節,重要性不言而喻。表單涉及到較複雜的在線(xiàn)交互行為(wèi),與流程息息相關,當一個交互過程需要分(fēn)成芏喔霾街(jiē)柰瓿傻氖焙颍厥傭雜沒б徊揭徊降囊迹懇淮蔚慊鞫己俠碛行В詠⒆钪沾锍扇撾衲勘?好的表單設計可(kě)以提升用(yòng)戶體(tǐ)驗,但不少網站的表單設計都或多(duō)或少存在一些問題,排除内容部分(fēn)的因素,就設計上而言,表單設計容易犯的幾點錯誤包括以下幾點:
1-過于冗長(cháng)的表單和繁多(duō)的填寫項
2-不知所以的單選框和複選框
3-填寫出錯後才出現說明和幫助
4-提交按鈕不易發現
下面是由新(xīn)競争力針對表單的易用(yòng)性提供的總結:
1控制輸入框的大小(xiǎo),恰當對齊,使之符合内容版式的需要.
2.根據表單元素的相關性進行合理(lǐ)分(fēn)組和排序.
3.有(yǒu)下拉選擇區(qū)域的下拉列表,将初始狀态默認為(wèi)全部區(qū)域.
4.下增列表過長(cháng)時,可(kě)橫向排列.
5.對填寫内容提供必要的幫助提示.
6. 避免一頁(yè)表彰必填項過多(duō),通過分(fēn)頁(yè)或收縮方式實現分(fēn)步式表單形式.
7. 提交按鈕醒目,位置符合習慣.
四.讓按鈕更易點擊
按鈕是網站界面中(zhōng)伴随着用(yòng)戶的點擊行為(wèi)的特殊圖片,由于按鈕點擊行為(wèi)是将用(yòng)戶引向顧客轉化的重要步驟,因此按鈕在設計上有(yǒu)較高的要求.
按鈕設計的基本要求是要達到”點擊暗示”效果
設計師可(kě)以通過以下幾點來設計按鈕,讓它更易被點擊.    
1. 按鈕有(yǒu)浮起的感覺.
2. 按鈕文(wén)字提示明确,如果沒有(yǒu)文(wén)字,确信所使用(yòng)的圖形按鈕是約定俗成,容易為(wèi)用(yòng)戶理(lǐ)解的圖片.
3. 對顧客轉化起重要作(zuò)用(yòng)的按鈕用(yòng)色突出一點,尺寸大一點.
4. 可(kě)點擊範圍夠大,包括整個按鈕