《ui界面設計》ppt課件

《《ui界面設計》ppt課件》由會員上傳分享，免費在線閱讀，更多相關內容在教育資源-天天文庫。

1、UI的概念UI界面設計要素軟件界面設計手機界面設計網(wǎng)站界面設計UI的本意是用戶界面是英文用戶User和界面Interface的縮寫。衡量UI設計的標準：用戶體驗UserExperience用戶體驗是以用戶為中心的設計UCD/UserCenteredDesign中最重要的一個部分，強調的是過程，是軟件對用戶行為產生的反應與用戶期待值的誤差測試，這種誤差越小，也就越符合以用戶為中心的設計原則。平衡原則預期原則經(jīng)濟原則順序原則規(guī)則化平衡原則注意屏幕上下左右平衡。不要堆擠數(shù)據(jù)，過分擁擠的顯示會產生視覺疲和接收錯誤。預期原則屏幕上所有對象，如窗口、按鈕、菜單等處理應

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

3、加粗、變字體等處理，但同行文字盡量字型統(tǒng)一。英文詞除標語外，盡量采用小寫和易認的字體。信息內容信息內容顯示不僅采用簡潔、清楚的表達，還應采用用戶熟悉的簡單句子，盡量不用左右滾屏。當內容較多時，應以空白分段或以小窗口分塊，以便記憶和理解。重要字段可用粗體和閃爍吸引注意力和強化效果，強化效果有多樣，針對實際進行選擇。限制同時顯示的顏色數(shù)。一般同一畫面不宜超過4或5種，可用不同層次及形狀來配合顏色，增加變化。畫面中活動對象顏色應鮮明，而非活動對象應暗淡盡量避免不兼容的顏色放在一起，如黃與藍，紅與綠等，除非作對比時用。若用顏色表示某種信息或對象屬性，要使用戶懂得這

4、種表示，且盡量用常規(guī)準則表示。軟件界面設計是為了滿足軟件專業(yè)化標準化的需求而產生的對軟件的使用界面進行美化、優(yōu)化、規(guī)范化的設計分支。具體包括：軟件啟動封面設計/軟件框架設計/按鈕設計/面板設計/菜單設計/標簽設計/圖標設計/滾動條及狀態(tài)欄設計/安裝過程設計/包裝及商品化高清晰度的圖像安全色大小適中整體設計的統(tǒng)一和延續(xù)性品牌標識：公司標志、產品商標，軟件名稱，版本號，網(wǎng)址，版權聲明，序列號等在和軟件產品的程序開發(fā)員及程序使用對象進行共同溝通，以設計出友好的，獨特的，符合程序開發(fā)原則的軟件框架，符合視覺流程和用戶使用心理。軟件按鈕設計應該具有交互性，即應該有3

5、到6種狀態(tài)效果：點擊時狀態(tài)；鼠標放在上面但未點擊的狀態(tài)；點擊前鼠標未放在上面時的狀態(tài)；點擊后鼠標未放在上面時的狀態(tài)；不能點擊時狀態(tài)；獨立自動變化的狀態(tài)。按鈕應具備簡潔的圖示效果，應能夠讓使用者產生功能關聯(lián)反應，群組內按鈕應該風格統(tǒng)一，功能差異大的按鈕應該有所區(qū)別。軟件面板設計應該具有縮放功能，面板應該對功能區(qū)間劃分清晰，應該和對話框，彈出框等風格匹配，盡量節(jié)省空間，切換方便。菜單設計一般有選中狀態(tài)和未選中狀態(tài)，左邊應為名稱，右邊應為快捷鍵，如果有下級菜單應該有下級箭頭符號，不同功能區(qū)間應該用線條分割。標簽設計應該注意轉角部分的變化，狀態(tài)可參考按鈕。圖標設計

6、色彩不宜超過64色，大小為16x16、32x32兩種，圖標設計是方寸藝術，應該加以著重考慮視覺沖擊力，它需要在很小的范圍表現(xiàn)出軟件的內涵，所以很多圖標設計師在設計圖標時使用簡單的顏色，利用眼睛對色彩和網(wǎng)點的空間混合效果，做出了許多精彩圖標。滾動條主要是為了對區(qū)域性空間的固定大小中內容量的變換進行設計，應該有上下箭頭，滾動標等，有些還有翻頁標。狀態(tài)欄是為了對軟件當前狀態(tài)的顯示和提示。最后軟件產品的包裝應該考慮保護好軟件產品，功能的宣傳融合于美觀中，可以印刷部分產品介紹，產品界面設計。界面效果的整體性、一致性界面效果的個性化界面視覺元素的規(guī)范界面的色彩及風格與

7、系統(tǒng)界面統(tǒng)一操作流程的系統(tǒng)化特有的界面構架專用的界面圖標界面色彩的個性化設置圖形圖像元素的質量線條色塊與圖形圖像的結合3C原則Concision(簡潔)Coherence(一致性)Contrast(對比度)醒目的標題。這個標題常常采用圖形來表示，但圖形同樣要求簡潔。另一種保持簡潔的做法是限制所用的字體和顏色的數(shù)目。一般每頁使用的字體不超過三種，一個頁面中使用的顏色少于256種。頁面上所有的元素都應當有明確的含義和用途。不要試圖用無關的圖片把頁面裝點起來，初學者容易犯的一個錯誤是把頁面搞的花里呼哨，卻不能讓別人明白他到底要突出表達的是什么內容，主題和意念。排

8、版。各個頁面使用相同的頁邊距，文本，圖形之間保持相同的間距；主要圖