15款设计师必备的UI和UX工具

起点学院产品经理365成长计划,2天线下闭门集训+1年在线学习,全面掌握BAT产品经理体系。了解详情

如今的设计师有很多机会可以接触到不同领域的设计。于是,在各种平面设计和网页设计之间流转的设计师们,逐渐进入了UI和UX设计领域。UI和UX与其他的创意工作,如logo设计,2D/3D动画,信息图形,动画等等略有不同。UI设计是一个制作前端页面以实现人机交互的过程。而UX设计则包括研究人机交互的各个方面,如可用性,功能性,交互设计,信息架构设计等等。

设计师们常常使用各种各样的工具和资源以达到他们的设计目的。市面上也有许多测试,原型,仿真和其他的工具可供UI和UX设计师使用。以下为笔者总结的一些可以帮助设计师们开展工作的线上工具和资源。

1)Proto.io

265765-8852f1ac42c902cf

Proto.io是一款应用开发的原型工具。里面包含了大量的UI库和交互UI的组件。这个工具同时也提供调整颜色,滤镜,多文件上传等功能。Proto.io可与DropBox保持同步,使团队间的协作变得更加实时和便捷。

2)Pidoco

265765-b515931c65d332ba

Pidoco是一款针对web,移动端和企业应用开发的原型软件。该软件提供基于云服务的平台,用于制作线框图,移动仿真,实物模型和U原型。Pidoco内部包含了许多模板,可以实现快速制作原型,同时也提供了实时协作功能。 有了Pidoco,你就可以设计交互原型的同时在IOS和安卓设备上实时运行了。

3)InVision

265765-3e8ac0a3e4b3d79c

InVision一款强大的转换工具,它可以根据功能,比如动画,手势,特效等,将静态的设计转换成交互原型。该工具同样提供了基于云服务的平台,可以实时协作正在制作的移动端原型或企业应用原型。invison也支持设计Apple Watch和Android Wear的原型。

4)UserTesting

265765-9daa21b219bf96b4

UserTesting是一款用于测试网站、应用、原型和其他台式机、平板电脑和移动设备的工具。 UserTesting就是一个用户研究平台,可以让你的目标用户来测试你的网站或APP。最后通过视频,指标和统计数据等等来向你提供有价值的目标用户的反馈。

唔,好工具,可惜要收费。

5)PowerMockup

265765-d49f1bec38420055

PowerMockup是一款PowerPoint用户专用的模型和线框图工具。应用提供了PowerPoint中缺少的UI设计组件。这些元素可用于在PowerPoint中创作多种移动设备、web和桌面应用的原型。PowerMockup也提供了强大的协作和分享功能。

6)PickFu

265765-837e8f5a3412d422

PickFu是一个调查平台,可以帮助设计和市场人员找到解决方案。这也是一个接收建议、评论和反馈的工具,在这里,你可以收到来自美国用户的关于logo设计、封面设计和UI设计等等的建议,评论和反馈。

7)Myna

265765-b5a2b511cf79fbf2

Myna是一款优秀的A/B测试或对比测试工具,被图形设计师和Web开发人员们广泛使用。这个工具对单个访问者执行测试并给提供产品各个版本的细致反馈。可用于网页设计,Email设计,广告和UI设计等等。

8)Ace UI

265765-7cf7a79b6d6eab41

Ace UI是一款IOS8专用的移动应用UI工具。它提供了大量的字体,PSD模板和其他的UI元素。此外,它也提供了线框图和原型工具包,可以帮助提升APP开发效率。

9)Form

265765-8fc82a0daa8dd1bd

Form是一款强大的原型工具,支持在设备上构建和定制本地原型。它还提供了最新的MD部件,还可以创建自定义部件。

10)MouseStats

265765-6ad87c8f8235c6e9

MouseStats是一款流行的UX分析工具,提供了多种监测用户在网站上交互的功能。这个工具提供了许多服务,像视频记录浏览器会话、滚动热图、统计数据和调查等等。

11)POP

265765-1c73f8789375481d

POP或者Prototyping On Paper是一款相当酷的应用,它可以把手绘的操作和模型转换成交互原型。该应用可在多平台多种设备下工作,同时也整合了DropBox可以实现实时协同。

12)Gliffy

265765-1301335ce4d622ff

Gliffy是一款支持在线协作的专业设计应用。这个工具支持设计专业流程图, 技术图纸,线框图,流程图,网络图和站点图等等。

13)Antetype

265765-c92fd5f16e8ab265

Antetype是一款用于制作UI原型的软件应用。这个应用400余个预设计的主流平台的组件。它也提供了动态布局,响应设计功能,属性绑定,断点,演讲模式,内嵌,注释等等功能。

14)Wirify

265765-35fb6e4b629ae1e4

Wirify是一款非常出色的UX工具,它可以一键将多个网页转换成线框图。这个工具可以让你检查页面结构和网页布局。而且,还支持编辑线框图并把他们导出到其他群的设计应用中,比如Baslsamiq或者Omnigraffle。

15)Naview

265765-9d6e37d19eb103f0

Naview是一款强大的工具,可以用来设计导航原型和测试导航原型可用性。使用Naview,你可以预览信息架构和网站地图。此外,这个工具还可以用来设计下拉式菜单甚至可以直接在浏览器中编辑导航结构。

总结:

一般来说,在web界,有三种图形用户界面。分别是工具型用户界面,桌面型用户界面和过程型用户界面。随着计算机技术在各个方面的应用,UI和UX设计范围变得越来越显著。我们可以期待未来即将出现的可以辅助UI和UX设计的工具。

当下的UI和UX工具都有许多内置的功能,可以很大程度地辅助设计师的工作。就UI和UX设计而言,这些工具也在提高视觉和功能方面带来了许多创新的成果。

以上所列仅为笔者在工作中接触并使用的工具,如有遗漏,欢迎补充。

#专栏作家#

康小胖,人人都是产品经理专栏作家,产品经理。专注专注O2O电子商务,坚决拥护用讲故事的思维做产品,关注旅游行业及移动互联网,爱好圆珠笔涂鸦。

本文系作者独家授权发布,未经本站许可,不得转载。

您的赞赏,是对我创作的最大鼓励。

评论( 3

登录后参与评论
  1. 老总,咋没说和Axure的区别呢?好多Axure也能做

    回复
  2. 我居然一个都没见过

    回复
  3. mark

    回复
加载中