最近颳起了一股“養蛙兒子”的風潮。獨特的UI設計、萌萌的畫風和簡潔的使用者體驗吸引了大批的使用者。在不少人直呼“哇,我的蛙兒子好可愛,好萌”的背後,我們可以看到一個高質量的UI設計對於提高應用下載量有著非常重要的作用。在此,小編為大家整理了幾款好用的安卓UI介面設計工具,希望能為大家在設計Android UI介面的時候有所幫助。
1. Android Developers (Free)
優勢:全面的Material design設計指南、資源
作為安卓系統開發的官方網站,Android 採用以紙墨為靈感的新設計理念,提供令人倍感心安的觸感。基於Material design, Android developer提供了十分全面的移動應用UI設計指南,包括圖示,顏色工具,運動,樣式,佈局,元件,模式等,為最新的安卓介面設計提供了方向。其目標是”為使用者建立一種視覺語言,將優秀設計的經典原則與技術和科學的創新和可能性相結合。”
2. Mockplus (Free-$199/year)
系統:Mac & Windows
優勢:快速Android介面原型設計
Mockplus是一款簡單快速的Android/iOS手機介面原型設計工具,擁有豐富全面的Android手機應用介面設計元件和圖示庫。大到安卓應用介面設計模板庫,小到極具安卓特色的圖示、按鈕,使得Mockplus在移動應用原型介面設計方面具有先天優勢。Material design風格的元件也和安卓官方的設計指南不謀而合。例如,安卓狀態列、底部導航欄、以及安卓開關。設計人員即拖即用。簡單快速的互動方式也是其一大特色。元件之間互動,頁面之間互動,元件和頁面之間互動,互動命令皮膚中一目瞭然。
除了豐富的元件和圖示,Mockplus還提供了豐富的真實應用和網頁設計模板供使用者學習和臨摹,從iOS到Android,移動應用到網頁,種類豐富,不失為Android應用介面設計的一款好工具。
即時預覽也有助於Android UI介面設計的調整,以達到最接近實際的介面設計效果。作為設計預覽方式最全的Android 介面原型設計工具,Mockplus提供了8種預覽方式,支援使用者在不同裝置和不同環境下檢視實際的設計效果。無論是F5本機預覽,還是檢視碼移動端實際預覽,十分快速方便。
3. Sketch ($99)
系統:Mac
優勢:完全為“介面”設計而準備
Sketch是一款輕量、易用的向量設計工具,讓UI設計更簡單,更高效。該平臺簡化了專門用於UX / UI設計的Photoshop和Illustrator上使用的功能。 在Sketch出現在場景中之前,設計師必須在Photoshop和Illustrator之間切換,以獲取特定功能,如向量和其他照片效果。 現在,Sketch使使用者能夠擺脫臃腫的功能,並專注於使用者體驗/使用者介面設計,充分發揮其UI設計的潛力。 Sketch最好的功能之一就是能夠安裝外掛來補償軟體沒有附帶的功能。
不過作為實用Android介面設計工具之一,Sketch對Android端的實時預覽的支援顯得不是那麼得力。使用者需要下載SkalaPreview,並經過一系列的繁瑣操作,最終才能在手機端檢視安卓介面實際設計效果。
4. Zeplin ((Free – $100/mo)
系統:Mac & Windows
優勢:UI設計師與開發工程師的協作工具
Zeplin的操作很簡單, 使用者將Sketch製作的UI介面匯入Zeplin,應用會自動進行一系列識別:右側會顯示UI介面的配色和字型等資訊,當滑鼠移到UI介面的圖示時,還會自動顯示功能圖示的位置、大小等引數。另外Zeplin還支援修改規則,比如新增色板、更改字型,以及程式語言在Obeject-C和Swift之間的轉換。使用者還可以直接在UI介面上進行標記,新增文字備註等。多人協作的情況下,這些更改都會同步到每個人。
因此,Android介面設計人員可以節省時間專注於設計本身,而不會因為團隊協作花費巨大的時間成本。
5. Iconjar (Free-€24.99)系統:Mac
優勢:圖示集合平臺
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介面設計資源
總結:
建立一款優秀的Android UI 介面設計應用需要設計者十分用心,以及具有深厚的設計功底。但以上15款安卓介面設計工具不僅能使你工作更有效率,並且能讓你的設計想法更切合實際。在不斷的演示和調整中更加完善移動應用UI設計。