資源描述：
《網(wǎng)頁頁面設(shè)計(jì)規(guī)范》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、網(wǎng)頁頁面設(shè)計(jì)規(guī)范 篇一：Web界面設(shè)計(jì)規(guī)范 Web應(yīng)用界面設(shè)計(jì)規(guī)范（DesignSpecificationforWebUI） 主講人：ARay 目錄： 一、軟件界面規(guī)范的重要性及其目的 二、用戶體驗(yàn)為何如此重要 三、Web規(guī)范體系介紹 四、界面設(shè)計(jì)開發(fā)流程 五、應(yīng)該遵循的基本原則 六、界面設(shè)計(jì)規(guī)范 一、軟件界面規(guī)范的重要性及其目的 ①使最終設(shè)計(jì)出來的界面風(fēng)格一致化，開發(fā)編碼人員相互之間開發(fā)更輕松，遵循統(tǒng)一的操作規(guī)范，以標(biāo)準(zhǔn)化的方式設(shè)計(jì)界面，提高工作效率。減少和改變責(zé)任不明，任務(wù)不清和由此產(chǎn)生的信息溝通不暢、反復(fù)修改、重復(fù)勞動(dòng)、效
2、率低下的現(xiàn)象。②產(chǎn)品設(shè)計(jì)通過規(guī)范的方式來達(dá)到以用戶為中心的目的?！ 《⒂脩趔w驗(yàn)為何如此重要 ?、偃粘Ｉ钪械脑庥觥 員工悲慘的一天： 早晨起來，發(fā)現(xiàn)鬧鐘沒有按原先設(shè)定響起來?！ ∫贿厽?，一邊穿衣服，臨走前去喝水卻發(fā)現(xiàn)水還沒有燒開?！ 〉搅说罔F站，發(fā)現(xiàn)公交卡沒有錢了?！ o奈之下只能去排隊(duì)買票?！ ∨帕?趟地鐵，終于到公司了，但是你卻遲到了?！ 〗Y(jié)果：盡管你已經(jīng)非常努力，但是你還是遲到了?！ ∧敲矗屛覀兛纯催@一連串 的倒霉事， 是什么讓我們?nèi)绱死仟N？ ?、谑裁词怯脩趔w驗(yàn) 用戶體驗(yàn)（userexperience）是以用戶為中心的設(shè)計(jì)中最重要
3、的一個(gè)部分，強(qiáng)調(diào)的是過程，是軟件對(duì)用戶行為產(chǎn)生的反應(yīng)與用戶期待值要盡可能的一致?！ ≡愀獾挠脩艚缑姹憩F(xiàn)： 表現(xiàn)一：過分使用各種奇形怪狀、五顏六色的控件?！ ”憩F(xiàn)二：界面元素比例失調(diào)。比如按鈕巨大無比，其尺寸甚至超過顯示重要內(nèi)容的文本框的界面?！ ”憩F(xiàn)三：界面元素凌亂。比如說，按鈕和文本框擺放地點(diǎn)隨意，該對(duì)齊的控件對(duì)不齊?！ ”憩F(xiàn)四：違背使用習(xí)慣。你按F1，它沒有彈出幫助，卻執(zhí)行了一件絕對(duì)出乎你意料的動(dòng)作?！ ”憩F(xiàn)五：消息框信息含糊、混亂。比如軟件彈出一個(gè)消息框。把原本“確定”和“取消”寫成為“是”和“否”，讓用戶不知道什么意思。 表現(xiàn)六：還有一種糟
4、糕的用戶界面，乍一看很厲害，實(shí)際上完全是缺乏規(guī)劃的結(jié)果。這種軟件本身的確提供了比較復(fù)雜的功能，但對(duì)于哪些是常用功能，哪些是很少用到的高級(jí)功能，缺乏評(píng)估。什么功能都往界面上擠，占地方不說，用戶會(huì)厭煩，弄不好還會(huì)被嚇跑。 ?、塾脩趔w驗(yàn)的要素 ?、苡脩趔w驗(yàn)和軟件應(yīng)用 面對(duì)大量的選擇，用戶只能自己想辦法，去決定哪一個(gè)軟件系統(tǒng)功能會(huì)符合她的要求。企業(yè)開始意識(shí)到，提供優(yōu)質(zhì)的用戶體驗(yàn)是一個(gè)重要的、可持續(xù)的競(jìng)爭(zhēng)優(yōu)勢(shì)?！ ∮脩趔w驗(yàn)形成了客戶對(duì)企業(yè)的整體印象，界定了企業(yè)和競(jìng)爭(zhēng)對(duì)手的差異，并且決定了客戶什么時(shí)候還會(huì)再次光顧?！ 、萦涀∧愕挠脩簟 ∫杂脩魹橹行牡脑O(shè)計(jì) --
5、-----在開發(fā)產(chǎn)品的每一個(gè)步驟中，都要把用戶列入考慮范圍內(nèi) 考慮用戶體驗(yàn) 把它分為各個(gè)組成要素 從不同角度來了解它 -----通過這些才能確保你控制了決策所造成的全部結(jié)果 用戶體驗(yàn)很重要，最大的理由：它對(duì)你的用戶很重要?！ f(xié)調(diào)一致，直觀明了，甚至讓人愉快的體驗(yàn) -----“一次”每件事都按照正確的方式在工作的體驗(yàn)?！ ∪?、Web規(guī)范體系介紹 篇二：WEB頁面設(shè)計(jì)規(guī)范--整理ok Web頁面設(shè)計(jì)規(guī)范 目錄 1引言............................................................
6、...........3 2WEB頁面框架內(nèi)容...........................................................3 頁面框架.............................................................3 頁面布局.............................................................3 布局原則.....................................................
7、..3 布局要求.......................................................4 如果能給用戶提供自定義界面風(fēng)格，則由用戶自己選擇顏色、字體等；.......6 頁面字體.............................................................6 邊距.................................................................7 表格...............................
8、..................................7 段落排版......
