界面設計一直是非常重要的工作,在界面設計過程中總是需要依據各類工具,這樣才可以保證完成一個完整的界面設計,那么界面設計器有哪些呢?下面一起詳細了解下吧。
UI設計需要用到哪些工具
PS是一定要學的,而且使用要非常的熟練,因為PS是一個web UI電子商務平面設計師無法跨過去的障礙。當然了,AI最好要熟練。
PS是位圖處理軟件,AI是矢量畫圖軟件,一個是圖像處理軟件,另一個是打印軟件。在工作中一定會遇到名片宣傳冊之類的東西,所以設計軟件經常是需要一起使用的。
Sketch是一個輕量級的UI設計軟件,只在蘋果版本中可用。對于平面設計,它比PS更方便。但是,它的很多功能都與PS類似,而我們的設計并不只是平面的,所以PS一定要學好,一定要非常熟練,然后再去學習素描和AI!
很多人會問,需要學Flash, AE, CorelDRAW, InDesign, Axure, Dreamweaver嗎?如果你能學,就應該去學,但在學習之前,應該知道這些軟件的主要用途。Flash是動畫,AE是視頻特效,CorelDRAW也是矢量軟件,類似AI,可以選擇其中一個。
但是,由于我們在做UI,所以選擇AI和PS更加方便。InDesign在做排版,Axure在畫交互原型圖,Dreamweaver是一個寫網頁代碼的軟件,可以說學習Dreamweaver就是學習HTML前端代碼。
當我們知道UI設計師在做什么的時候,我們就會知道如何去學習。UI設計師主要負責界面的設計,包括網站APP軟件的各種圖標等,這肯定會涉及到圖像處理和材料拼接,所以還是需要用到PS需。界面上有很多圖標,你可以選擇PS畫圖,但是AI比PS畫圖更方便,所以可以用PS制作橫幅,用AI畫小圖標來提高效率。
Flash這個工具和Dreamweaver、Fireworks并稱網頁三劍客。在IE6的時代,它很受歡迎,因為IE6 bug跟許多js動畫不兼容,所以很多網頁動畫選擇Flash。但現在因為IE6逐漸廢棄,html5 + css3、 jQuery這些簡單的動畫越來越方便,所以使用Flash的網頁越來越少。如果你對它感興趣,可以很容易地學習它。
這里重點介紹Sketch,這是一個很好的界面設計工具,非常方便,都是關于平面界面的。這個平界面設計工具真的方便,比PS效率高,現在很多UI設計師喜歡用。但是我們做設計,會接觸到各種各樣的東西,比如可能想要畫一個擬物圖標、海報、做一個網站bannr等等,不得不打開PS。在圖像處理方面,目前沒有什么工具可以超越ps。
Sketch對于界面的扁平化非常方便,但是作為一個設計師,應該知道設計不僅僅是扁平化。

界面設計器(圖片來自網絡)
設計關鍵
在設計的過程中有較多注意的關鍵問題,以下列出幾點:
(1)軟件啟動封面設計--Splash
應使軟件啟動封面最終為高清晰度的圖像,如軟件啟動封面需在不同的平臺、操作系統上使用將考慮轉換不同的格式,并且對選用的色彩不宜超過256色,最好為216色安全色。軟件啟動封面大小多為主流顯示器分辨率的1/6大。如果是系列軟件將考慮整體設計的統一和延續性。在上面應該醒目的標注制作或支持的公司標志、產品商標,軟件名稱,版本號,網址,版權聲明,序列號等信息,以樹立軟件形象,方便使用者或購買者在軟件啟動的時候得到提示。插圖宜使用具有獨立版權的,象征性強的,識別性高的,視覺傳達效果好的圖形,若使用攝影也應該進行數位處理,以形成該軟件的個性化特征
(2)軟件框架設計
軟件的框架設計就復雜得多,因為涉及軟件的使用功能,應該對該軟件產品的程序和使用比較了解,這就需要設計師有一定的軟件跟進經驗,能夠快速的學習軟件產品,并且在和軟件產品的程序開發員及程序使用對象進行共同溝通,以設計出友好的,獨特的,符合程序開發原則的軟件框架。軟件框架設計應該簡潔明快,盡量少用無謂的裝飾,應該考慮節省屏幕空間,各種分辨率的大小,縮放時的狀態和原則,并且為將來設計的按鈕,菜單,標簽,滾動條及狀態欄預留位置。設計中將整體色彩組合進行合理搭配,將軟件商標放在顯著位置,主菜單應放在左邊或上邊,滾動條放在右邊,狀態欄放在下邊,以符合視覺流程和用戶使用心理
(3)軟件按鈕設計
軟件按鈕設計應該具有交互性,即應該有3到6種狀態效果:點擊時狀態;鼠標放在上面但未點擊的狀態;點擊前鼠標未放在上面時的狀態;點擊后鼠標未放在上面時的狀態;不能點擊時狀態;獨立自動變化的狀態。按鈕應具備簡潔的圖示效果,應能夠讓使用者產生功能關聯反應,群組內按鈕應該風格統一,功能差異大的按鈕應該有所區別
(4)軟件面板設計
軟件面板設計應該具有縮放功能,面板應該對功能區間劃分清晰,應該和對話框,彈出框等風格匹配,盡量節省空間,切換方便。
(5)菜單設計
菜單設計一般有選中狀態和未選中狀態,左邊應為名稱,右邊應為快捷鍵,如果有下級菜單應該有下級箭頭符號,不同功能區間應該用線條分割。
(6)標簽設計
標簽設計應該注意轉角部分的變化,狀態可參考按鈕。
(7)圖標設計
圖標設計色彩不宜超過64色,大小為16x16、32x32兩種,圖標設計是方寸藝術,應該加以著重考慮視覺沖擊力,它需要在很小的范圍表現出軟件的內涵,所以很多圖標設計師在設計圖標時使用簡單的顏色,利用眼睛對色彩和網點的空間混合效果,做出了許多精彩圖標。
(8)滾動條及狀態欄設計
滾動條主要是為了對區域性空間的固定大小中內容量的變換進行設計,應該有上下箭頭,滾動標等,有些還有翻頁標。狀態欄是為了對軟件當前狀態的顯示和提示。
(9)安裝過程設計
安裝過程設計主要是將軟件安裝的過程進行美化,包括對軟件功能進行圖示化。
(10)包裝及商品化
最后軟件產品的包裝應該考慮保護好軟件產品,功能的宣傳融合于美觀中,可以印刷部分產品介紹,產品界面設計。

界面設計器(圖片來自網絡)
以上是本文關于界面設計器的具體介紹,界面設計是非常重要的,在界面設計時需要考慮到很多問題,這樣才可以保證設計效果。


在微信中搜索faceui