安卓設計師不容錯過的15款實用UI介面設計工具

愛原型愛設計發表於2018-02-23

最近颳起了一股“養蛙兒子”的風潮。獨特的UI設計、萌萌的畫風和簡潔的使用者體驗吸引了大批的使用者。在不少人直呼“哇,我的蛙兒子好可愛,好萌”的背後,我們可以看到一個高質量的UI設計對於提高應用下載量有著非常重要的作用。在此,小編為大家整理了幾款好用的安卓UI介面設計工具,希望能為大家在設計Android UI介面的時候有所幫助。

1. Android Developers (Free)

安卓設計師不容錯過的15款實用UI介面設計工具

優勢:全面的Material design設計指南、資源

作為安卓系統開發的官方網站,Android 採用以紙墨為靈感的新設計理念,提供令人倍感心安的觸感。基於Material design, Android developer提供了十分全面的移動應用UI設計指南,包括圖示,顏色工具,運動,樣式,佈局,元件,模式等,為最新的安卓介面設計提供了方向。其目標是”為使用者建立一種視覺語言,將優秀設計的經典原則與技術和科學的創新和可能性相結合。”

2. Mockplus (Free-$199/year)

安卓設計師不容錯過的15款實用UI介面設計工具

系統:Mac & Windows

優勢:快速Android介面原型設計

Mockplus是一款簡單快速的Android/iOS手機介面原型設計工具,擁有豐富全面的Android手機應用介面設計元件和圖示庫。大到安卓應用介面設計模板庫,小到極具安卓特色的圖示、按鈕,使得Mockplus在移動應用原型介面設計方面具有先天優勢。Material design風格的元件也和安卓官方的設計指南不謀而合。例如,安卓狀態列、底部導航欄、以及安卓開關。設計人員即拖即用。簡單快速的互動方式也是其一大特色。元件之間互動,頁面之間互動,元件和頁面之間互動,互動命令皮膚中一目瞭然。

除了豐富的元件和圖示,Mockplus還提供了豐富的真實應用和網頁設計模板供使用者學習和臨摹,從iOS到Android,移動應用到網頁,種類豐富,不失為Android應用介面設計的一款好工具。

即時預覽也有助於Android UI介面設計的調整,以達到最接近實際的介面設計效果。作為設計預覽方式最全的Android 介面原型設計工具,Mockplus提供了8種預覽方式,支援使用者在不同裝置和不同環境下檢視實際的設計效果。無論是F5本機預覽,還是檢視碼移動端實際預覽,十分快速方便。

3. Sketch ($99)

安卓設計師不容錯過的15款實用UI介面設計工具

系統:Mac

優勢:完全為“介面”設計而準備

Sketch是一款輕量、易用的向量設計工具,讓UI設計更簡單,更高效。該平臺簡化了專門用於UX / UI設計的Photoshop和Illustrator上使用的功能。 在Sketch出現在場景中之前,設計師必須在Photoshop和Illustrator之間切換,以獲取特定功能,如向量和其他照片效果。 現在,Sketch使使用者能夠擺脫臃腫的功能,並專注於使用者體驗/使用者介面設計,充分發揮其UI設計的潛力。 Sketch最好的功能之一就是能夠安裝外掛來補償軟體沒有附帶的功能。

不過作為實用Android介面設計工具之一,Sketch對Android端的實時預覽的支援顯得不是那麼得力。使用者需要下載SkalaPreview,並經過一系列的繁瑣操作,最終才能在手機端檢視安卓介面實際設計效果。

4. Zeplin ((Free – $100/mo)

安卓設計師不容錯過的15款實用UI介面設計工具

系統:Mac & Windows

優勢:UI設計師與開發工程師的協作工具

Zeplin的操作很簡單, 使用者將Sketch製作的UI介面匯入Zeplin,應用會自動進行一系列識別:右側會顯示UI介面的配色和字型等資訊,當滑鼠移到UI介面的圖示時,還會自動顯示功能圖示的位置、大小等引數。另外Zeplin還支援修改規則,比如新增色板、更改字型,以及程式語言在Obeject-C和Swift之間的轉換。使用者還可以直接在UI介面上進行標記,新增文字備註等。多人協作的情況下,這些更改都會同步到每個人。

因此,Android介面設計人員可以節省時間專注於設計本身,而不會因為團隊協作花費巨大的時間成本。

5. Iconjar (Free-€24.99)系統:Mac

安卓設計師不容錯過的15款實用UI介面設計工具

優勢:圖示集合平臺

Iconjar這款軟體設計風格質樸,功能實用,支援 SVG/PNG/GIF 三種圖示格式,拖入式匯入管理,可以設定多個“Set”組合來分類管理圖示。在單個圖示上右鍵或者雙擊圖示,你只能看到刪除選項,預覽功能還沒有,但你可以通過底部工具欄的圖示尺寸調節滑鈕來控制圖示顯示大小。軟體配有搜尋、批量重新命名/打標籤功能(按住 CMD 鍵多選圖示,然後在右側編輯欄設定圖示名和標籤)

軟體中對圖示做了詳細分類,其中包含了AndroidUI介面設計中所必須的Material design。這對於出色的安卓UI設計也是必不可少的素材之一。

其他Android UI介面設計工具

1. ActionBarSherlock:一個獨立的設計庫,也是GitHub上很火的一個開源專案

2. Nine Old Androids:實現非常複雜的動畫效果

3. Pull To Refresh:下拉選單即可重新整理當前頁面內容的效果

4. Progress Wheel:一款能夠取代Android原生Indeterminate式可顯示具體進度的滾動式進度條

5. ViewPagerIndicator:基於Patrik Akerfeld,相容ViewPager和ActionBarSherlock的Android分頁指標小部件

6. Android Universal Image Loader:一款為Android量身打造的開源UI元件

7. ColorPicker:Android平臺的顏色拾取器

8. Segmented Radio Button:一款可以在Android上實現iOS上分段控制效果的UI工具

9. PhotoView:支援通過單點/多點觸控來進行圖片縮放

10. Smart Image View:取代Android自帶ImgageView元件

其他安卓UI介面設計資源

讓你大開眼界的10款Android介面設計

總結:

建立一款優秀的Android UI 介面設計應用需要設計者十分用心,以及具有深厚的設計功底。但以上15款安卓介面設計工具不僅能使你工作更有效率,並且能讓你的設計想法更切合實際。在不斷的演示和調整中更加完善移動應用UI設計。


相關文章