最近刮起了一股“养蛙儿子”的风潮。独特的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组件
总结:
创建一款优秀的android ui 界面设计应用需要设计者十分用心,以及具有深厚的设计功底。但以上15款安卓界面设计工具不仅能使你工作更有效率,并且能让你的设计想法更切合实际。在不断的演示和调整中更加完善移动应用ui设计。