《ui界面設(shè)計(jì)》ppt課件

《ui界面設(shè)計(jì)》ppt課件

ID:27007333

大小:3.57 MB

頁數(shù):49頁

時(shí)間:2018-11-30

《ui界面設(shè)計(jì)》ppt課件_第1頁
《ui界面設(shè)計(jì)》ppt課件_第2頁
《ui界面設(shè)計(jì)》ppt課件_第3頁
《ui界面設(shè)計(jì)》ppt課件_第4頁
《ui界面設(shè)計(jì)》ppt課件_第5頁
資源描述:

《《ui界面設(shè)計(jì)》ppt課件》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、UI的概念UI界面設(shè)計(jì)要素軟件界面設(shè)計(jì)手機(jī)界面設(shè)計(jì)網(wǎng)站界面設(shè)計(jì)UI的本意是用戶界面是英文用戶User和界面Interface的縮寫。衡量UI設(shè)計(jì)的標(biāo)準(zhǔn):用戶體驗(yàn)UserExperience用戶體驗(yàn)是以用戶為中心的設(shè)計(jì)UCD/UserCenteredDesign中最重要的一個(gè)部分,強(qiáng)調(diào)的是過程,是軟件對用戶行為產(chǎn)生的反應(yīng)與用戶期待值的誤差測試,這種誤差越小,也就越符合以用戶為中心的設(shè)計(jì)原則。平衡原則預(yù)期原則經(jīng)濟(jì)原則順序原則規(guī)則化平衡原則注意屏幕上下左右平衡。不要堆擠數(shù)據(jù),過分擁擠的顯示會(huì)產(chǎn)生視覺疲和接收錯(cuò)誤。預(yù)

2、期原則屏幕上所有對象,如窗口、按鈕、菜單等處理應(yīng)一致化,使對象的動(dòng)作可預(yù)期。順序原則對象顯示的順序應(yīng)依需要排列。通常應(yīng)最先出現(xiàn)對話,然后通過對話將系統(tǒng)分段實(shí)現(xiàn)。規(guī)則化畫面應(yīng)對稱,顯示命令、對話及提示行在一個(gè)應(yīng)用系統(tǒng)的設(shè)計(jì)中盡量統(tǒng)一規(guī)范。要注意用語簡潔性格式信息內(nèi)容要注意用語簡潔性避免使用計(jì)算機(jī)專業(yè)術(shù)語;盡量用肯定句而不要用否定句;用主動(dòng)語態(tài)而不用被動(dòng)語態(tài);用禮貌而不過分的強(qiáng)調(diào)語句進(jìn)行文字會(huì)話;英文詞語盡量避免縮寫;在按鈕,功能鍵標(biāo)示中應(yīng)盡量使用描述動(dòng)作的動(dòng)詞;在文字較長時(shí),可用壓縮法減少字符數(shù)或采用一些編碼方

3、法。格式在屏幕顯示設(shè)計(jì)中,一幅畫面不要文字太多,若必須有較多文字時(shí),盡量分組分頁,在關(guān)鍵詞處進(jìn)行加粗、變字體等處理,但同行文字盡量字型統(tǒng)一。英文詞除標(biāo)語外,盡量采用小寫和易認(rèn)的字體。信息內(nèi)容信息內(nèi)容顯示不僅采用簡潔、清楚的表達(dá),還應(yīng)采用用戶熟悉的簡單句子,盡量不用左右滾屏。當(dāng)內(nèi)容較多時(shí),應(yīng)以空白分段或以小窗口分塊,以便記憶和理解。重要字段可用粗體和閃爍吸引注意力和強(qiáng)化效果,強(qiáng)化效果有多樣,針對實(shí)際進(jìn)行選擇。限制同時(shí)顯示的顏色數(shù)。一般同一畫面不宜超過4或5種,可用不同層次及形狀來配合顏色,增加變化。畫面中活動(dòng)對

4、象顏色應(yīng)鮮明,而非活動(dòng)對象應(yīng)暗淡盡量避免不兼容的顏色放在一起,如黃與藍(lán),紅與綠等,除非作對比時(shí)用。若用顏色表示某種信息或?qū)ο髮傩裕褂脩舳眠@種表示,且盡量用常規(guī)準(zhǔn)則表示。軟件界面設(shè)計(jì)是為了滿足軟件專業(yè)化標(biāo)準(zhǔn)化的需求而產(chǎn)生的對軟件的使用界面進(jìn)行美化、優(yōu)化、規(guī)范化的設(shè)計(jì)分支。具體包括:軟件啟動(dòng)封面設(shè)計(jì)/軟件框架設(shè)計(jì)/按鈕設(shè)計(jì)/面板設(shè)計(jì)/菜單設(shè)計(jì)/標(biāo)簽設(shè)計(jì)/圖標(biāo)設(shè)計(jì)/滾動(dòng)條及狀態(tài)欄設(shè)計(jì)/安裝過程設(shè)計(jì)/包裝及商品化高清晰度的圖像安全色大小適中整體設(shè)計(jì)的統(tǒng)一和延續(xù)性品牌標(biāo)識:公司標(biāo)志、產(chǎn)品商標(biāo),軟件名稱,版本號,網(wǎng)

5、址,版權(quán)聲明,序列號等在和軟件產(chǎn)品的程序開發(fā)員及程序使用對象進(jìn)行共同溝通,以設(shè)計(jì)出友好的,獨(dú)特的,符合程序開發(fā)原則的軟件框架,符合視覺流程和用戶使用心理。軟件按鈕設(shè)計(jì)應(yīng)該具有交互性,即應(yīng)該有3到6種狀態(tài)效果:點(diǎn)擊時(shí)狀態(tài);鼠標(biāo)放在上面但未點(diǎn)擊的狀態(tài);點(diǎn)擊前鼠標(biāo)未放在上面時(shí)的狀態(tài);點(diǎn)擊后鼠標(biāo)未放在上面時(shí)的狀態(tài);不能點(diǎn)擊時(shí)狀態(tài);獨(dú)立自動(dòng)變化的狀態(tài)。按鈕應(yīng)具備簡潔的圖示效果,應(yīng)能夠讓使用者產(chǎn)生功能關(guān)聯(lián)反應(yīng),群組內(nèi)按鈕應(yīng)該風(fēng)格統(tǒng)一,功能差異大的按鈕應(yīng)該有所區(qū)別。軟件面板設(shè)計(jì)應(yīng)該具有縮放功能,面板應(yīng)該對功能區(qū)間劃分清晰,

6、應(yīng)該和對話框,彈出框等風(fēng)格匹配,盡量節(jié)省空間,切換方便。菜單設(shè)計(jì)一般有選中狀態(tài)和未選中狀態(tài),左邊應(yīng)為名稱,右邊應(yīng)為快捷鍵,如果有下級菜單應(yīng)該有下級箭頭符號,不同功能區(qū)間應(yīng)該用線條分割。標(biāo)簽設(shè)計(jì)應(yīng)該注意轉(zhuǎn)角部分的變化,狀態(tài)可參考按鈕。圖標(biāo)設(shè)計(jì)色彩不宜超過64色,大小為16x16、32x32兩種,圖標(biāo)設(shè)計(jì)是方寸藝術(shù),應(yīng)該加以著重考慮視覺沖擊力,它需要在很小的范圍表現(xiàn)出軟件的內(nèi)涵,所以很多圖標(biāo)設(shè)計(jì)師在設(shè)計(jì)圖標(biāo)時(shí)使用簡單的顏色,利用眼睛對色彩和網(wǎng)點(diǎn)的空間混合效果,做出了許多精彩圖標(biāo)。滾動(dòng)條主要是為了對區(qū)域性空間的固定

7、大小中內(nèi)容量的變換進(jìn)行設(shè)計(jì),應(yīng)該有上下箭頭,滾動(dòng)標(biāo)等,有些還有翻頁標(biāo)。狀態(tài)欄是為了對軟件當(dāng)前狀態(tài)的顯示和提示。最后軟件產(chǎn)品的包裝應(yīng)該考慮保護(hù)好軟件產(chǎn)品,功能的宣傳融合于美觀中,可以印刷部分產(chǎn)品介紹,產(chǎn)品界面設(shè)計(jì)。界面效果的整體性、一致性界面效果的個(gè)性化界面視覺元素的規(guī)范界面的色彩及風(fēng)格與系統(tǒng)界面統(tǒng)一操作流程的系統(tǒng)化特有的界面構(gòu)架專用的界面圖標(biāo)界面色彩的個(gè)性化設(shè)置圖形圖像元素的質(zhì)量線條色塊與圖形圖像的結(jié)合3C原則Concision(簡潔)Coherence(一致性)Contrast(對比度)醒目的標(biāo)題。這個(gè)標(biāo)題

8、常常采用圖形來表示,但圖形同樣要求簡潔。另一種保持簡潔的做法是限制所用的字體和顏色的數(shù)目。一般每頁使用的字體不超過三種,一個(gè)頁面中使用的顏色少于256種。頁面上所有的元素都應(yīng)當(dāng)有明確的含義和用途。不要試圖用無關(guān)的圖片把頁面裝點(diǎn)起來,初學(xué)者容易犯的一個(gè)錯(cuò)誤是把頁面搞的花里呼哨,卻不能讓別人明白他到底要突出表達(dá)的是什么內(nèi)容,主題和意念。排版。各個(gè)頁面使用相同的頁邊距,文本,圖形之間保持相同的間距;主要圖

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

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

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