資源描述:
《網(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 段落排版......