axure设计出的原型打开自动跳转的问题_交互设计师常用软件推荐(上)
发布日期:2022-02-03 13:16:52 浏览次数:7 分类:技术文章

本文共 3136 字,大约阅读时间需要 10 分钟。

6af56762e15fc7216d3d926dcf75117b.png

前言

工欲善其事,必先利其器,本文就业内一些软件结合个人使用情况做下推荐分享,盼有所助益。

推荐的软件总体分为:汇报呈现类(keynote、PPT);项目管理类(Word、Execl、在线平台如禅道等);原型设计类(Axure、Mockplus、墨刀、Sketch、XD、Protopie);视觉设计类(Sketch、PS、AI、Coredraw);思维导图类(Xmind、Xmindnote、Mindmanager、Mindnote);动效交互效果类(AE、Principle、Flinto);还有C4D 、Figma、Alva、Framer、Eager、蓝湖等。

「篇幅所限不作详解,部分另起文章介绍,抛砖引玉,欢迎交流指正。」

1974c8172ef587f1ce699ab68725f7ce.png
电脑上一些常用软件

一、汇报呈现类

PPT or Keynote

Office软件是职场人士都应该掌握的技能,其中PPT或者Keynote对于设计稿的呈现汇报尤为重要,还有平时的设计分享、培训等都需要用到。PPT是一个设计师基本功的体现,PPT设计包含了内容处理、文字设计、图片设计、色彩、布局等,不一定每个ppt都有时间精力去做到精致,但一份内容详略得当、干净整洁美观清晰的PPT,对于项目评审相当有助益,不可忽视。

推荐公众号:锐普PPT,大V不需多言

1067b1f9fb3aa67147c106e2293bd5b0.png
用PPT做交互输出

Word

早先产品经理主要用Word来输出PRD、MRD等(现在大多用Axure),以前我也用过Word来输出项目策划案、交互说明文档、视觉说明文档等,虽说现在很多软件平台能做到更好,但Word仍不失为一个便捷的工具,尤其文档排版布局工具都很好用,可以做规范化输出,审阅模式结合Outlook邮箱在项目交流中有效提高沟通效率。

5341579491cb0467fdeedf413880e1d2.png
用Word做策划案

84278a0321ed7d1a82c18a7b2b89a7ce.png
Word审阅模式有助于问题的记录与沟通交流

二、项目管理类

Execl

Execl是一个非常强大的工具,市面上一本介绍Execl的书比一本网络小说还厚,我主要用它来做一些项目管理、需求管理(项目多了的时候必须要有,有效管理项目时间节点和做好备忘以便查阅,尽管线上也有很多设计类的项目管理平台可以用,但Execl仍是一个很不错的工具);

推荐公众号:Execl精英培训(有很多实用技巧推送)

d80965c6af76b6f65ad5c84be6f21ef4.png
用Execl做项目管理

f498850dadb6cbccbc79da7d271aa720.png
用Execl做需求管理

三、原型设计类

这几年原型设计工具层出不穷,功能也越来越完善,工具越来越强大,对设计工作的效率帮助很大。上面提到的Axure、Mockplus、墨刀、Principle、Sketch、XD、Protopie、Figma、Alva、Framer、Framer-X等,也都不断发出了新版本。各大厂的小伙伴用各种工具的都有,设计软件在控件、布局等很多都是相通的,对于设计师来说,只要精通一两款设计软件,都可以触类旁通,快速上手。软件只是工具不是目的,能快速便捷地转化idea即可,黑猫白猫,长得可爱的都是好猫。建议是专一而博采众长,而团队的话应该统一使用一款软件,便于规范的制定和组件库的建立与维护。

Axure

Axure是其中资历最老的工具之一,使用经年,感觉用来做线框图、原型很是便捷,在国内很多大厂也是用的这个软件来做交互,故而比较推荐以这软件作为主要输出工具。

优点:Axure已经出到了9.0版本,支持更多快捷键操作、样式编辑更丰富、页面布局也更加简洁美观,支持高保真原型制作,网上也有很多项目的原型分享、组件库分享;对于项目的原型制作效率提高很有帮助。

缺点:入门容易精通难,学习成本曲线较长(有很多高级功能需要慢慢摸索,但其实掌握基础操作就可以满足原型线框图等的制作和一些基本页面跳转的功能,负责功能可以多做几个项目慢慢摸索,不懂的就百度,做多了也就掌握了,手熟尔);一些交互效果用Axure 来做有点费力不讨好,建议结合其他软件如AE、Principle等,展示效果更佳;移动端原型预览效果不好,8.0版本以后有所改善,但仍有不少问题。

835cfaa475041d87531beadce252e4f5.png
用Axure做原型

Axure制作高保真原型有点费时间,除非项目需要用到,否则项目时间有限的不推荐做,要做也只做关键部分满足用户评审或汇报用即可。

9c0cfee6ae51f9bd72e5d32c43c7b4f7.png
用Axure做高保真原型-洗衣机面板https://www.zhihu.com/video/1147166905994510336

Sketch

相对于原型软件来说,我更倾向于把Sketch当做是视觉软件,能满足大部分UI设计需求,而且更便捷。当然Sketch用来做线框图原型界面也很快捷,有很多线上组件插件资源可以用,UI必备软件之一,前人之述备矣,自不赘言。缺点是只支持Mac。18年底以后的版本也支持做可交互原型,现在也很多人选择使用Sketch来输出原型。

772cf868a104ad9b23e603ada7ac0a67.png
用Sketch制作视觉稿

96a71197523ffaea0da4fa2a59d04868.png
好用的插件推荐

XD

Adobe家族软件,原型软件界一颗冉冉新星,原型功能越来越完善,线上也越来越多组件和插件资源可用,相信未来也会成为像PS、AI一样强大的工具,五星推荐。界面制作与PS、AI类似,源文件可直接导入使用。

61ae085c217d2e9b4bceb5f529c2a96b.png
XD在Mac与Win10

Figma

Figma是一个基于浏览器的在线工具,与墨刀相似,现在也有桌面版,个人版免费;界面与Sketch相仿,可以制作可交互原型。在国外是时下最多人用的交互设计软件之一。但Figma只有英文版,对网络也有要求。很好用的一个交互工具,只是目前在国内不好推广。

f58bbcc6c78ad19832d13b374266b1c5.png
使用Figma制作原型

7d39ff7eda02375e543f774c13873fe1.png
Figma可实时查看设计稿的变动情况,甲方可以很方便的预览与提出反馈意见;开发可以查看获取组件与代码

MockingBot 墨刀

墨刀是一款在线原型设计与协同工具,以前只有网页版,现在也有客户端,但都需要联网使用。有点类似于Figma,国产中文版的一款很好的交互设计软件。

6eb4eb01a727b371da1dc7b46b7df476.png
来自官网的介绍

优点:墨刀上手难度不高,墨可以实现元素切换、界面跳转,动效平滑,可以调试参数;支持win和mac,有桌面版,支持移动端预览(iOS&Android),有Sketch插件等。

不足:也是无法实现条件判断等复杂交互逻辑(不过这对于很多项目来说也不一定要做出来,有时间成本和学习难度)

ec660376343c781bef691a8099e9c676.png
用墨刀做界面和交互跳转效果

Mockplus

Mockplus(摹客)是一款简洁快速的原型图设计工具。适合制作低保真原型,界面简单,能够快速上手。

优点:界面简洁,快速上手,有交互组件可用,可生成单独的压缩包,打开即可演示。摩客还有一个原型托管平台,也挺方便,不过要收费~

缺点:无法实现复杂逻辑如条件判断等情况的交互,市面上可用的组件较少;适合做手机的简单原型,不适合做网页的原型。2年前用过,不知道现在这么样,平台收费,开发运维不易,支持国产。

b743376213ad3b8bce671dc2bea8fdfd.png
用Mockplus时制作的一个简单原型(图是在PS上画的),可基本实现页面跳转等操作

三、视觉设计类

Sketch

Sketch做视觉文件,一是便捷,二是有配套软件,三是网上资源很多。相比较PS而言,多了组件库,可规范化批量制作,切图导出更方便,支持原型制作,但只有Mac版本。

d9414546747f5b99e100d66dfa803ca5.png
用Sketch做视觉文件,配合各种强大的插件,更高效

Photoshop

公认最强大的P图软件,除了难精通,其它不需多誉。现在CC版本都支持建画板(不过面板建多了会卡),用来做移动端交互、视觉都挺方便,也有同行选择PS来做交互稿。PS还支持做简单的动图(时间轴)、3D图等,感觉PS做交互还是比较笨重,推荐使用更加轻量化的交互工具。

bc35be18ae5bf7ea89e3824b7a451a0b.png
用PS做交互视觉

Illustrator

用AI来做UI图也是个挺好的选择,胜在画图工具齐全,导切图方便。也有用AI来做PPT,可以做出更加精致的页面效果(只是文件较大时可能会卡)。

62f75260a379d1d414cb159651029827.png
AI做视觉,导切图比PS便捷些

转载地址:https://blog.csdn.net/weixin_34759094/article/details/112262978 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:asa 防火墙拦截了https_简单轻量级的php的web防火墙,拦截SQL注入和XSS攻击
下一篇:市面上有哪几种门_实木门、原木门、实木复合门、模压门选购有哪些坑?10招教你一眼辨真假!...

发表评论

最新留言

不错!
[***.144.177.141]2024年04月03日 17时03分45秒