干货!所有UX设计过程所需工具都在这儿了, 不能再全了

以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具


据说,真正专业优秀的UX设计师是不会介意使用哪款工具。因为,只要能力足够, 即使条件不同,工具不同,也能设计出让人眼前一亮的作品。或许,这样的认识本身并没有什么大问题。但,现今,设计师明明拥有如此优质的条件和选择,为什么还要委屈自己,使用一些不顺手或不好用的工具呢?


科学技术不断发展,也为设计师提供了更多高效实用的设计工具。那么,作为常常需要顶着巨大压力,在严格期限内制作出高质量作品的UX设计师,为什么不直接选择一系列高效的设计工具来提高工作效率呢?


不用担心。本文将根据相关设计经验和研究,为广大UI和UX设计师介绍一系列实用高效的设计工具。让我们一起来看看,它们都有什么吧:

UX原型设计工具


交互原型设计工具


Mockplus


Mockplus是一款更快,更简单的交互原型设计工具。封装了超过3000个矢量图标的强大图标库,组件库以及样式库,方便设计师简单拖拽或点击,即可快速地创建所需Web或App设计原型。支持Sketch 图片导入, 实现设计理念轻松快速的原型化。而且,为提升设计效率, Mockplus提供了8种演示和分享方式,包括Android和iOS设备预览,方便设计师根据具体情况分享,测试和迭代设计想法,及时收集设计反馈。


其最新团队版和企业版推出的团队协作和管理功能,对于公司设计团队协作完成交互设计,管理团队成员,也是非常实用。此外,Mockplus支持Mac和Windows各版本的操作系统,设计师无须担心因团队成员操作系统的不同,而担心设计进程和效率。


Marvel


Marvel是一款基于云端的交互原型设计工具,无需任何编码。设计师可以简单下载Sketch或Photoshop线框图,甚至仅凭一张纸上草图的照片,创建逼真的移动App或Web原型。Marvel提供了创建无限项目并允许为前3个项目添加评论的免费服务。当然,设计师也可付费,获得自由创建项目,添加评论,删除Marvel商标以及其他附加服务。


InVision


InVision也是一款免费的交互原型创建工具。 InVison之所以受欢迎,是因为其支持Sketch和PhotoShop文件的轻松导入,以构建动态设计。而且,设计师可以通过链接网页来模拟真实网站或移动应用的跳转和功能,制作出更加真实的交互原型。此外,InVision为提升反馈效率,还提供了用户可直接在原型上添加评论的功能。


其另外一个特点就是:能够在不同的“columns”中组织各种界面组件,并展示其状态,例如 "待办事项"、"正在进行" 或 "已审核"。如此,客户和设计师就能够更有效的管理各种工作流程。


Principle


Principle是一款简单且旨在创建动态界面的设计工具。其突出的特点在于支持离线设计。如此,用户工作进度就不会受到网络连接情况的影响。而且,用户创建的交互原型能够简单的转化成GIF图片或视频,以便更加轻松的分享到Dribbble设计作品集或其他地方。加之,由于其界面与Sketch非常的相似,对大部分设计师来说使用起来也十分简单方便。此外, Principle支持iOS设备预览。然而,不幸的是,Principle只支持iOS系统。对于Windows用户来说就得另找合适的工具了。


UXPin


UXPin团队,作为公认的UX设计领域的专家,经常在各种书籍和文章中分享其的设计经验和知识。他们开发设计的产品,UXPin编辑器,是一款基于Web的原型工具,支持创建线框图和高质量原型,并将它们轻松转换成交互式原型。而且,设计师可简单导入Sketch或PhotoShop图片,即可创建各类原型。 此外,此款工具还可为开发人员自动生成风格指南和设计规范,提升工作效率。

线框图和原型设计工具


排版工具

Google fonts


页面排版是数码产品Web或App用户体验最基本的影响因素之一。这也就解释了为什么拥有一款能够创建有效排版的便利工具是多么重要。


Google fonts是一款很受欢迎的免费Web应用,拥有超过600种字体。每一种字体类型都都可以应用到自定义文本中,以不同尺寸进行预览。而且,该应用还会显示每种字体的加载时间,确保用户不会花费太长的时间等待。此外,Google fonts提供了在产品中嵌入特定字体的相关数据,方便用户在HTML文档的右边部分复制粘贴使用专门为所选字体生成的代码。


Typekit


Typekit是一款经住时间考验的设计工具。在其字体库里,用户可以找到并使用各种各样的字体,例如一些常用的经典字体和一些全新的字体。而且,用户只需订阅,即可获得对所有字体的访问权限。该工具界面还清晰显示了字体相关的所有基本数据,比如字体粗细和样式等。更重要的是,它允许用户查看不同大小和不同颜色背景的字体。


Fontjoy

众所周知,字体配对是排版设计最大的难题之一。如今,现存数以千计的字体种类的情况下,完美配对的过程本身就会非常漫长,而这,对于工具本身的用户体验是非常不利的。而不同的是,Fontjoy就是一款使用便利,能够快速实现Google 字体配对的设计工具。用户可简单选择字体,并设置其属性,例如尺寸和粗细等。


此款免费工具能够从谷歌网络字体中直接获取一个完整的字体库,并把它们呈现在一个页面内。用户只需选择需要的测试字体,并设置好相关参数,例如页面字体尺寸,粗细,行距。然后,等待系统匹配就好。此外,用户还可以通过应用顶部的滑条来调节对比度或相似度。


Typetester


当设计师们无法在两种字体中做出选择时,Typetester能够帮助他们快速测试和比较这两种字体,从而更加快速的选择适合的一种完成设计。Typetester支持多种字体同页面预览,并同时显示相关字体数据,例如行距和字间距等参数。而且,Typetester还支持不同来源的字体选择,例如谷歌字体或苹果Mac默认字体,并通过调整字体大小、对齐方式以及定制文本和背景进行测试。


Calligraphr


定制字体是增加产品设计创意的一种有效方式。而Calligraphr是一款可以根据手写字样创建自定义字体的工具。用户只需下载一个模板,并手写一些字样。该工具即会识别并生成相应的矢量字体。而且,生成之后,用户还可根据需要,编辑和调整相关字体的详细信息,以改进这些自定义字体。


排版工具


协作工具

Trello


在项目监管以及信息流监管方面,个人更偏好Trello。因为Trello简单有效,清晰直观。具有一系列功能的”boards”和“cards”形成了清晰高效的协作系统。用户可以将任何任务划分成各种“sprints”,并通过实时更新和图像展示,显示任务执行进程。用户也可轻松设置期限 (即截止日期), 将任务委派给特定人员, 创建清单, 并标记出最重要和最紧急的任务。而更重要的是,它不仅是一个设计成熟的工具网站,而且也是一款快速有效的IOS和Android协作工具。这一点也使用户能够更快的获取反馈,从而节约时间和精力,简单轻松的实现项目管理。所以,Trello是设计师,项目经理和客户一起协作创建快速有效工作流的最佳工具。

Zeplin

一个成功的设计项目是建立在创意团队和客户之间有效交流和沟通的基础之上。而ZePin是一个能够增强设计师和开发人员之间协作交流的平台。其主要特点是拥有一个详细的风格指南生成器,以确保设计元素能够被准确恰当地应用。用户可直接上传线框图,并将它们添加到Zeplin的项目文件夹中,从而方便开发人员获得关于设计的所有数据,包括UI组件的尺寸、颜色和CSS推荐等。


Presentator


Presentator是一款基于Web的免费协作工具,能够在协作团队成员、开发人员和客户之间实现设计资源共享。用户可以下载一个文件并设置其权限。例如,有些协作成员可能拥有完全访问的权限,而其他人可能只拥有查看的访问权限。这个工具最大的优点就是:它对所有人来说都是免费的。


结语


一款工具,只有在真正需要并懂得如何使用它们的人手里,才能发挥其应有的作用。所以,无论如何,不要忘记学习,提升专业技能,并选择合适的设计工具,创建更加优质的设计作品。


作者:Alina Arhipova

原文链接:https://tubikstudio.com/design-process-big-list-of-tools-for-ux-designers/


学习工具,但不受限于某种工具。Mockplus做原型,更快更简单,现在下载Mockplus,免费体验畅快的原型设计之旅。

  • 0
    点赞
  • 0
    评论
  • 7
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

©️2022 CSDN 皮肤主题:编程工作室 设计师:CSDN官方博客 返回首页

打赏作者

aimeeth

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值