大家是不是也掌握了UI設(shè)計的技能了呢？當然，為了幫助各位朋友們順利的完成整個設(shè)計，我們需要一起來研究下UI設(shè)計思路，相信大家搞清楚這個問題之后，將會獲得更大的成功，還等什么呢？一起來看看吧。

　　一、UI設(shè)計師是做什么的？

　“UI”的本義是用戶界面，是英文User和 interface的縮寫。從字面上看是用戶與界面兩個組成部分，但實際上還包括用戶與界面之間的交互關(guān)系。具體還包括：可用性分析、GUI（Graphic User Interface即圖形用戶界面設(shè)計）、用戶測試等。好的UI設(shè)計需要讓軟件變得有個性有品味，讓軟件的操作變得舒適、簡單、自由，充分體現(xiàn)軟件的定位和特點。 因此，UI設(shè)計師不單純從事美術(shù)繪畫，而需要定位軟件使用者、使用環(huán)境、使用方式并且最終為軟件用戶服務(wù)，他們進行的是集科學性與藝術(shù)性于一身的設(shè)計，他們需要完成的，簡單說來，正是一個不斷為用戶設(shè)計視覺效果使之滿意的過程。 UI設(shè)計從工作內(nèi)容上來說分為3大類別，即研究工具，研究人與界面的關(guān)系，研究人。 與之相應， UI設(shè)計師的職能大體包括三方面：一是圖形設(shè)計，即傳統(tǒng)意義上的“美工”。當然，實際上他們承擔得不是單純意義上美術(shù)工人的工作，而是軟件產(chǎn)品的產(chǎn)品“外形”設(shè)計。二是交互設(shè)計，主要在于設(shè)計軟件的操作流程、樹狀結(jié)構(gòu)、操作規(guī)范等。一個軟件產(chǎn)品在編碼之前需要做的就是交互設(shè)計，并且確立交互模型，交互規(guī)范。三是用戶測試/研究，這里所謂的“測試”，其目標恰在于測試交互設(shè)計的合理性及圖形設(shè)計的美觀性，主要通過以目標用戶問卷的形式衡量UI設(shè)計的合理性。如果沒有這方面的測試研究，UI設(shè)計的好壞只能憑借設(shè)計師的經(jīng)驗或者領(lǐng)導的審美來評判，這樣就會給企業(yè)帶來極大的風險。

　　（圖片來自網(wǎng)絡(luò)）

　　二、UI設(shè)計思路

　　1，明確劃分與UI相關(guān)和與UI無關(guān)的部分

　　根據(jù)UI的設(shè)計圖，我們首先要把界面展現(xiàn)的數(shù)據(jù)先抽出去，只看UI的表現(xiàn)。也就是說，把UI相關(guān)的部分抽出來。比如一個界面可能需要分幾部分組成，每一部分大概怎么設(shè)計等。

　　2，劃分屏幕大小，明確出跳轉(zhuǎn)關(guān)系

　　要考慮到你的APP所對應的屏幕大小及DPI，不同的屏幕與DPI，你有可能會存在不同的UI布局，最典型的是在3.0以上的SDK版本，可能引入了Fragement元素，手機屏幕與平板的屏幕的UI設(shè)計，完全是兩種不同的風格。

　　還有，盡可能地明確出跳轉(zhuǎn)關(guān)系，這可以用一些小卡片的形式來標記，一個卡版表示一個畫面，把不同畫面之間的遷移關(guān)系明確出來。

　　同時，還要把這些畫面之前的相同點與不同點找出來，因為這會影響到是否決定提取共通畫面。

　　3，列出需要用到的UI元素(Widget)

　　把界面上展現(xiàn)的UI元素列出來，像常用的button, imagebutton這些很簡單，一看就知道，關(guān)鍵是有些UI，可能會涉及到一些自定義的View，這里一定要多考慮。

　　另外，有可能為了統(tǒng)一控制，比如也有可能擴展一個Button，派生類里面可能只是改變一個字體大小等，這種做法通常是用于多數(shù)UI的字體大小相同，可以抽象出來個共通的Button，這樣在各個UI里面，就可以不用都來設(shè)置這個字體大小。

　　還有，也可以抽出共通的style，比如textview的style，文本顏色，字體大小，是否加粗等。

　　4，列出哪些UI元素可以用SDK的，哪些則是需要自定義

　　據(jù)我的經(jīng)驗，通常一個項目里面都會有自定義的組件(View)，多數(shù)是組合控件——把不同的Widget組合成一個Layout。這還要需要根據(jù)項目自身的需求來定。

　　注意：這里一定要有一個良好的設(shè)計，以應地需求變更。比如第一版需求，可能不需要一些組合View，直接使用SDK自身的Widget就能完成，但經(jīng)過一些變動之后，發(fā)展之前的UI設(shè)計不合時宜，可能需要提供自定義的View，那么原來用到SDK自身的Widget的地方可能需要改動。這種改動說大也大，說小也小，在設(shè)計的時候，要多考慮一下這種需求變更。

　　5，完成UI界面的繪制

　　這一步，其實不一定會用到，通常情況下，不會涉及到自繪制，因為自繪制比較麻煩，而且費時間，但是在特殊情況下，自繪制能提高效率，因為你用View布局，會涉及到layout, measure, touch event, dispatch draw等方面，這些會影響性能。

　　6，進行內(nèi)部邏輯和UI界面的整合

　　通常一個View里面，都會有一些邏輯，特別是自定義的View，可能會封裝一些特定的屬性。

　　在使用這些View的時候，UI的activity會與這些View有一個邏輯的整合。

　　（圖片來自網(wǎng)絡(luò)）

　　以上就是我們?yōu)楦魑慌笥褌冋淼膬?nèi)容，想必大家看完之后，都非常熟悉整個UI設(shè)計思路了吧，希望可以很好的幫助大家提升自己的技能。