界面設(shè)計一直是非常重要的工作，在界面設(shè)計過程中總是需要依據(jù)各類工具，這樣才可以保證完成一個完整的界面設(shè)計，那么界面設(shè)計器有哪些呢？下面一起詳細(xì)了解下吧。

　　UI設(shè)計需要用到哪些工具

　　PS是一定要學(xué)的，而且使用要非常的熟練，因為PS是一個web UI電子商務(wù)平面設(shè)計師無法跨過去的障礙。當(dāng)然了，AI最好要熟練。

　　PS是位圖處理軟件，AI是矢量畫圖軟件，一個是圖像處理軟件，另一個是打印軟件。在工作中一定會遇到名片宣傳冊之類的東西，所以設(shè)計軟件經(jīng)常是需要一起使用的。

　　Sketch是一個輕量級的UI設(shè)計軟件，只在蘋果版本中可用。對于平面設(shè)計，它比PS更方便。但是，它的很多功能都與PS類似，而我們的設(shè)計并不只是平面的，所以PS一定要學(xué)好，一定要非常熟練，然后再去學(xué)習(xí)素描和AI!

　　很多人會問，需要學(xué)Flash, AE, CorelDRAW, InDesign, Axure, Dreamweaver嗎?如果你能學(xué)，就應(yīng)該去學(xué)，但在學(xué)習(xí)之前，應(yīng)該知道這些軟件的主要用途。Flash是動畫，AE是視頻特效，CorelDRAW也是矢量軟件，類似AI，可以選擇其中一個。

　　但是，由于我們在做UI，所以選擇AI和PS更加方便。InDesign在做排版，Axure在畫交互原型圖，Dreamweaver是一個寫網(wǎng)頁代碼的軟件，可以說學(xué)習(xí)Dreamweaver就是學(xué)習(xí)HTML前端代碼。

　　當(dāng)我們知道UI設(shè)計師在做什么的時候，我們就會知道如何去學(xué)習(xí)。UI設(shè)計師主要負(fù)責(zé)界面的設(shè)計，包括網(wǎng)站APP軟件的各種圖標(biāo)等，這肯定會涉及到圖像處理和材料拼接，所以還是需要用到PS需。界面上有很多圖標(biāo)，你可以選擇PS畫圖，但是AI比PS畫圖更方便，所以可以用PS制作橫幅，用AI畫小圖標(biāo)來提高效率。

　　Flash這個工具和Dreamweaver、Fireworks并稱網(wǎng)頁三劍客。在IE6的時代,它很受歡迎,因為IE6 bug跟許多js動畫不兼容,所以很多網(wǎng)頁動畫選擇Flash。但現(xiàn)在因為IE6逐漸廢棄,html5 + css3、 jQuery這些簡單的動畫越來越方便,所以使用Flash的網(wǎng)頁越來越少。如果你對它感興趣，可以很容易地學(xué)習(xí)它。

　　這里重點介紹Sketch，這是一個很好的界面設(shè)計工具，非常方便，都是關(guān)于平面界面的。這個平界面設(shè)計工具真的方便,比PS效率高,現(xiàn)在很多UI設(shè)計師喜歡用。但是我們做設(shè)計,會接觸到各種各樣的東西,比如可能想要畫一個擬物圖標(biāo)、海報、做一個網(wǎng)站bannr等等,不得不打開PS。在圖像處理方面，目前沒有什么工具可以超越ps。

　　Sketch對于界面的扁平化非常方便，但是作為一個設(shè)計師，應(yīng)該知道設(shè)計不僅僅是扁平化。
　

界面設(shè)計器（圖片來自網(wǎng)絡(luò)）

　　設(shè)計關(guān)鍵

　　在設(shè)計的過程中有較多注意的關(guān)鍵問題，以下列出幾點:

　　(1)軟件啟動封面設(shè)計--Splash

　　應(yīng)使軟件啟動封面最終為高清晰度的圖像，如軟件啟動封面需在不同的平臺、操作系統(tǒng)上使用將考慮轉(zhuǎn)換不同的格式，并且對選用的色彩不宜超過256色，最好為216色安全色。軟件啟動封面大小多為主流顯示器分辨率的1/6大。如果是系列軟件將考慮整體設(shè)計的統(tǒng)一和延續(xù)性。在上面應(yīng)該醒目的標(biāo)注制作或支持的公司標(biāo)志、產(chǎn)品商標(biāo)，軟件名稱，版本號，網(wǎng)址，版權(quán)聲明，序列號等信息，以樹立軟件形象，方便使用者或購買者在軟件啟動的時候得到提示。插圖宜使用具有獨立版權(quán)的，象征性強的，識別性高的，視覺傳達效果好的圖形，若使用攝影也應(yīng)該進行數(shù)位處理，以形成該軟件的個性化特征

　　(2)軟件框架設(shè)計

　　軟件的框架設(shè)計就復(fù)雜得多，因為涉及軟件的使用功能，應(yīng)該對該軟件產(chǎn)品的程序和使用比較了解，這就需要設(shè)計師有一定的軟件跟進經(jīng)驗，能夠快速的學(xué)習(xí)軟件產(chǎn)品，并且在和軟件產(chǎn)品的程序開發(fā)員及程序使用對象進行共同溝通，以設(shè)計出友好的，獨特的，符合程序開發(fā)原則的軟件框架。軟件框架設(shè)計應(yīng)該簡潔明快，盡量少用無謂的裝飾，應(yīng)該考慮節(jié)省屏幕空間，各種分辨率的大小，縮放時的狀態(tài)和原則，并且為將來設(shè)計的按鈕，菜單，標(biāo)簽，滾動條及狀態(tài)欄預(yù)留位置。設(shè)計中將整體色彩組合進行合理搭配，將軟件商標(biāo)放在顯著位置，主菜單應(yīng)放在左邊或上邊，滾動條放在右邊，狀態(tài)欄放在下邊，以符合視覺流程和用戶使用心理

　　(3)軟件按鈕設(shè)計

　　軟件按鈕設(shè)計應(yīng)該具有交互性，即應(yīng)該有3到6種狀態(tài)效果：點擊時狀態(tài)；鼠標(biāo)放在上面但未點擊的狀態(tài)；點擊前鼠標(biāo)未放在上面時的狀態(tài)；點擊后鼠標(biāo)未放在上面時的狀態(tài)；不能點擊時狀態(tài)；獨立自動變化的狀態(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ū)別

　　(4)軟件面板設(shè)計

　　軟件面板設(shè)計應(yīng)該具有縮放功能，面板應(yīng)該對功能區(qū)間劃分清晰，應(yīng)該和對話框，彈出框等風(fēng)格匹配，盡量節(jié)省空間，切換方便。

　　(5)菜單設(shè)計

　　菜單設(shè)計一般有選中狀態(tài)和未選中狀態(tài)，左邊應(yīng)為名稱，右邊應(yīng)為快捷鍵，如果有下級菜單應(yīng)該有下級箭頭符號，不同功能區(qū)間應(yīng)該用線條分割。

　　(6)標(biāo)簽設(shè)計

　　標(biāo)簽設(shè)計應(yīng)該注意轉(zhuǎn)角部分的變化，狀態(tài)可參考按鈕。

　　(7)圖標(biāo)設(shè)計

　　圖標(biāo)設(shè)計色彩不宜超過64色，大小為16x16、32x32兩種，圖標(biāo)設(shè)計是方寸藝術(shù)，應(yīng)該加以著重考慮視覺沖擊力，它需要在很小的范圍表現(xiàn)出軟件的內(nèi)涵，所以很多圖標(biāo)設(shè)計師在設(shè)計圖標(biāo)時使用簡單的顏色，利用眼睛對色彩和網(wǎng)點的空間混合效果，做出了許多精彩圖標(biāo)。

　　(8)滾動條及狀態(tài)欄設(shè)計

　　滾動條主要是為了對區(qū)域性空間的固定大小中內(nèi)容量的變換進行設(shè)計，應(yīng)該有上下箭頭，滾動標(biāo)等，有些還有翻頁標(biāo)。狀態(tài)欄是為了對軟件當(dāng)前狀態(tài)的顯示和提示。

　　(9)安裝過程設(shè)計

　　安裝過程設(shè)計主要是將軟件安裝的過程進行美化，包括對軟件功能進行圖示化。

　　(10)包裝及商品化
　

　　最后軟件產(chǎn)品的包裝應(yīng)該考慮保護好軟件產(chǎn)品，功能的宣傳融合于美觀中，可以印刷部分產(chǎn)品介紹，產(chǎn)品界面設(shè)計。
　

界面設(shè)計器（圖片來自網(wǎng)絡(luò)）

　　以上是本文關(guān)于界面設(shè)計器的具體介紹，界面設(shè)計是非常重要的，在界面設(shè)計時需要考慮到很多問題，這樣才可以保證設(shè)計效果。