安卓设计师不容错过的 15 款实用 UI 界面设计工具

2018-02-23 11:15:00

最近刮起了一股“养蛙儿子”的风潮。独特的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组件