網(wǎng)頁頁面設(shè)計規(guī)范

網(wǎng)頁頁面設(shè)計規(guī)范

ID:19166678

大?。?2.60 KB

頁數(shù):17頁

時間:2018-09-29

網(wǎng)頁頁面設(shè)計規(guī)范_第1頁
網(wǎng)頁頁面設(shè)計規(guī)范_第2頁
網(wǎng)頁頁面設(shè)計規(guī)范_第3頁
網(wǎng)頁頁面設(shè)計規(guī)范_第4頁
網(wǎng)頁頁面設(shè)計規(guī)范_第5頁
資源描述:

《網(wǎng)頁頁面設(shè)計規(guī)范》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、網(wǎng)頁頁面設(shè)計規(guī)范  篇一:Web界面設(shè)計規(guī)范  Web應(yīng)用界面設(shè)計規(guī)范(DesignSpecificationforWebUI)  主講人:ARay  目錄:  一、軟件界面規(guī)范的重要性及其目的  二、用戶體驗為何如此重要  三、Web規(guī)范體系介紹  四、界面設(shè)計開發(fā)流程  五、應(yīng)該遵循的基本原則  六、界面設(shè)計規(guī)范  一、軟件界面規(guī)范的重要性及其目的 ?、偈棺罱K設(shè)計出來的界面風(fēng)格一致化,開發(fā)編碼人員相互之間開發(fā)更輕松,遵循統(tǒng)一的操作規(guī)范,以標(biāo)準(zhǔn)化的方式設(shè)計界面,提高工作效率。減少和改變責(zé)任不明,任務(wù)不清和由此產(chǎn)生的信息溝通不暢、反復(fù)修改、重復(fù)勞動、效

2、率低下的現(xiàn)象。②產(chǎn)品設(shè)計通過規(guī)范的方式來達(dá)到以用戶為中心的目的?! 《⒂脩趔w驗為何如此重要 ?、偃粘I钪械脑庥觥 員工悲慘的一天:  早晨起來,發(fā)現(xiàn)鬧鐘沒有按原先設(shè)定響起來?! ∫贿厽贿叴┮路?,臨走前去喝水卻發(fā)現(xiàn)水還沒有燒開?! 〉搅说罔F站,發(fā)現(xiàn)公交卡沒有錢了。  無奈之下只能去排隊買票?! ∨帕?趟地鐵,終于到公司了,但是你卻遲到了?! 〗Y(jié)果:盡管你已經(jīng)非常努力,但是你還是遲到了。  那么,讓我們看看這一連串  的倒霉事,  是什么讓我們?nèi)绱死仟N? ?、谑裁词怯脩趔w驗  用戶體驗(userexperience)是以用戶為中心的設(shè)計中最重要

3、的一個部分,強調(diào)的是過程,是軟件對用戶行為產(chǎn)生的反應(yīng)與用戶期待值要盡可能的一致?! ≡愀獾挠脩艚缑姹憩F(xiàn):  表現(xiàn)一:過分使用各種奇形怪狀、五顏六色的控件?! ”憩F(xiàn)二:界面元素比例失調(diào)。比如按鈕巨大無比,其尺寸甚至超過顯示重要內(nèi)容的文本框的界面?! ”憩F(xiàn)三:界面元素凌亂。比如說,按鈕和文本框擺放地點隨意,該對齊的控件對不齊?! ”憩F(xiàn)四:違背使用習(xí)慣。你按F1,它沒有彈出幫助,卻執(zhí)行了一件絕對出乎你意料的動作?! ”憩F(xiàn)五:消息框信息含糊、混亂。比如軟件彈出一個消息框。把原本“確定”和“取消”寫成為“是”和“否”,讓用戶不知道什么意思?! ”憩F(xiàn)六:還有一種糟

4、糕的用戶界面,乍一看很厲害,實際上完全是缺乏規(guī)劃的結(jié)果。這種軟件本身的確提供了比較復(fù)雜的功能,但對于哪些是常用功能,哪些是很少用到的高級功能,缺乏評估。什么功能都往界面上擠,占地方不說,用戶會厭煩,弄不好還會被嚇跑?! 、塾脩趔w驗的要素 ?、苡脩趔w驗和軟件應(yīng)用  面對大量的選擇,用戶只能自己想辦法,去決定哪一個軟件系統(tǒng)功能會符合她的要求。企業(yè)開始意識到,提供優(yōu)質(zhì)的用戶體驗是一個重要的、可持續(xù)的競爭優(yōu)勢。  用戶體驗形成了客戶對企業(yè)的整體印象,界定了企業(yè)和競爭對手的差異,并且決定了客戶什么時候還會再次光顧?! 、萦涀∧愕挠脩簟 ∫杂脩魹橹行牡脑O(shè)計  --

5、-----在開發(fā)產(chǎn)品的每一個步驟中,都要把用戶列入考慮范圍內(nèi)  考慮用戶體驗  把它分為各個組成要素  從不同角度來了解它  -----通過這些才能確保你控制了決策所造成的全部結(jié)果  用戶體驗很重要,最大的理由:它對你的用戶很重要。  協(xié)調(diào)一致,直觀明了,甚至讓人愉快的體驗  -----“一次”每件事都按照正確的方式在工作的體驗?! ∪eb規(guī)范體系介紹  篇二:WEB頁面設(shè)計規(guī)范--整理ok  Web頁面設(shè)計規(guī)范  目錄  1引言............................................................

6、...........3  2WEB頁面框架內(nèi)容...........................................................3  頁面框架.............................................................3  頁面布局.............................................................3  布局原則.....................................................

7、..3  布局要求.......................................................4  如果能給用戶提供自定義界面風(fēng)格,則由用戶自己選擇顏色、字體等;.......6  頁面字體.............................................................6  邊距.................................................................7  表格...............................

8、..................................7  段落排版......

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動畫的文件,查看預(yù)覽時可能會顯示錯亂或異常,文件下載后無此問題,請放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫負(fù)責(zé)整理代發(fā)布。如果您對本文檔版權(quán)有爭議請及時聯(lián)系客服。
3. 下載前請仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時可能由于網(wǎng)絡(luò)波動等原因無法下載或下載錯誤,付費完成后未能成功下載的用戶請聯(lián)系客服處理。