網站建設頁面布局和可視設計
網線數應當适于目标用戶和他們的任務
布局可以幫助用戶把注意力集中在下(xià)一(yī)步要做的東西(xī)上(shàng)
在所有頁面,最重要的信息(例如經常用的主題、特色和功能(néng))放(fàng)在屏幕的第一(yī)個(gè)滿屏
網站在不水(shuǐ)平滾動的情況下(xià)就(jiù)可以使用
可點擊的元素(例如按鈕),應當設計成明顯可點擊的樣子
不能(néng)點擊的元素
按鈕或控件(jiàn)的功能(néng)從(cóng)他們的标簽或設計上(shàng)就(jiù)可以明顯看(kàn)出來
可點擊圖片包含多(duō)餘文本标簽(Clickable images include redundant text labels (i.e. there is no ‘mystery meat’ navigation))
超文本鏈接可以輕松被辨認(例如下(xià)劃線),而不需要大面積掃視。
網站字體使用應當具有一(yī)緻性
控件(jiàn)和它所具備的操作之間的關系是顯而易見(jiàn)的圖标和圖形是标準的和(或)直觀的(具體的和為(wèi)人熟悉的)
在每一(yī)個(gè)頁面上(shàng)都應有一(yī)個(gè)清晰的視覺“起點”
網站的每個(gè)頁面共享一(yī)緻的布局
網頁為(wèi)打印格式化,或者有一(yī)個(gè)為(wèi)打印準備的版本
按鈕或鏈接能(néng)顯示出他們被點擊過了
圖形用戶界面(GUI)組件(jiàn)(例如單選按鈕和複選框)應當被适當地使用
所用字體應當是可閱讀(dú)的
網站應當避免使用斜體字,并隻為(wèi)超文本添加下(xià)劃線
信息密度和留白(bái)應當有一(yī)個(gè)良好的平衡
網站看(kàn)上(shàng)去應是讓人愉悅的
網頁應避免出現“滾動障礙物(wù)(scroll stoppers)”(标題或其它頁面元素給用戶造成在頁面頂部或底部的錯(cuò)覺)
網站應當避免大量使用大寫文本
網站應當有一(yī)緻性的、清晰可識别的外觀和感覺,以吸引用戶
深藍色避免使用在細節地方(Saturated blue is avoided for fine detail)(例如文本、細線和符号)
借助顔色組織和分組頁面元素
網站圖形不應當與banner廣告混雜(zá)不清
對于重要的主題分類加重顯示(em)
在标準寬度的浏覽器(qì)窗(chuāng)口中,内容頁面一(yī)行不要太短(小(xiǎo)于50字)也不要太長(cháng)(大于100字)
頁面依據栅格設計,所有頁面元素和部件(jiàn)水(shuǐ)平對齊、垂直對齊
有意義的文本标簽,令人印象深刻的背景配色,邊框和留白(bái)的恰當使用,這些一(yī)起來幫助用戶把網頁元素分别出不相(xiàng)關聯的功能(néng)區域
網頁配色合理搭配,避免過于複雜(zá)的背景設計/li>
較為(wèi)獨立的網頁應當避免雜(zá)亂不相(xiàng)幹的信息
标準頁面元素(例如頁面标題、站點導航、頁面導航、隐私策略等)可輕松找到(dào)
組織logo放(fàng)置在每個(gè)頁面的相(xiàng)同位置,點擊logo後返回最合情理的頁面(比如首頁)
吸引人注意力的特色元素(例如動畫(huà)、醒目的色調、明顯的字體大小(xiǎo)差異)應當保守的使用,并隻在恰當的地方使用
圖标(icons)要在視覺上(shàng)和概念上(shàng)有所區分,但又(yòu)要與頁面和諧。
相(xiàng)關信息和功能(néng)集中放(fàng)置,每一(yī)組可以在一(yī)個(gè)視野浏覽到(dào)(大約直徑為(wèi)4.4厘米的屏幕區域)