Bsport体育UI 平面设计设计用什么软件?
栏目:Bsport体育 发布时间:2023-07-29
 这边把UI设计师需要掌握的软件做了个图,按照业内平均使用频率划分为三个等级,接下来一个个讲一下。  我看很多答案还吧Axure列出来了,那个严格意义上来说是交互设计或者产品经理主要使用的软件,并不属于UI设计范畴,所以这里就不讲那个。  UI设计80%时间都在用的软件,主要是去做界面、Banner、Appicon、切图等以静态视觉为核心的工作。基本都使用里面的矢量工具去绘制,UI设计师必须非常

  这边把UI设计师需要掌握的软件做了个图,按照业内平均使用频率划分为三个等级,接下来一个个讲一下。

  我看很多答案还吧Axure列出来了,那个严格意义上来说是交互设计或者产品经理主要使用的软件,并不属于UI设计范畴,所以这里就不讲那个。

  UI设计80%时间都在用的软件,主要是去做界面、Banner、Appicon、切图等以静态视觉为核心的工作。基本都使用里面的矢量工具去绘制,UI设计师必须非常熟练的掌握此软件!

  由于其纯矢量的特性,以及线与面转换的便利性,主要用于做互联网产品内的功能型icon。

  这两个可以算是专门为UI设计开发的软件,但是只有Mac版本,Windows电脑无法使用,导致这个软件在行业内的通用性存在问题。

  Sketch的功能基本都是为UI设计服务的,而且是矢量软件,做UI设计的效率很高。

  Principle是可以与Sketch无缝对接的动效设计软件,与Sketch配合能做出很多可以操作的UI静态+动态效果设计。

  这个不算是设计软件,就是一个代码编辑器,写前端代码非常方便,前端的知识对于UI设计师来说也是非常重要的,一方面,为了能了解自己设计在程序方面的实现可能性,另一方面,可以很好的跟程序员建立沟通(撕B - -...)

  算是UI设计师的附加技能吧,会则更好,不会也不影响UI设计师主要的工作内容。主要可以做出一些比较负责的动态效果,不仅限于界面动效,有关动态效果表现基本都可以实现。但是也有一个硬伤,就是你不管做成什么样,只能以图像格式输出,很可能你做的花里胡哨的动效程序根本实现不出来,所以前面所讲的学习前端就很重要了。

  这个属于一个跨界软件,起初我知道这个软件的时候,还是在工业设计行业中使用的,也不知道为啥这两年开始流行用建模软件做平面类的设计了,可能是容易出效果吧,所以这个软件也属于UI设计师的附加技能,能做很多的概念设计,总之会这个软件,能让你的设计表现力更丰富更有趣。

  设计咨询、业务合作、学习就业等有关互联网设计的问题欢迎加我微信讨论:djnan9124

  有许多答主都很详细的介绍了现在市面上常见的设计工具,关于传统的UI设计工具我就不再赘述啦,今天想给大家自我介绍一下——

  Pixso,一款基于web的多人协同设计软件!可以访问下面的链接免费使用。

  很多设计软件的体量巨大,往往下载安装都要花费不少时间。平时在办公室使用倒没什么大问题Bsport体育,但一旦有突发情况涉及到在外改图时就傻了眼。

  但现在有了在线设计软件一切都解决了,只要有电脑,打开网页就能继续你的创意,让设计不再收到空间地域的限制~

  以往设计师只能埋头苦画,完稿了才能通过第三方平台将初稿给到产品,有时候一个小细节修改或更新,都要重新发给同事最新版的文件......过程磨人不说,中间很难做到信息同步,合作的过程仅限于交付时这一块,大大降低了工作成果的质量 o(╥﹏╥)o

  对于需要多位设计师的项目来说,可以直接在一个文档内进行设计,分版块开展工作,加快设计效率。

  对于同项目不同岗位的成员来说,最害怕的就是【设计做到最后,产品觉得“这不是我想要的”】这种情况....现在基于web端的操作,不仅可以实现设计岗的实时协同,更是全项目的协同。

  大家可以通过文件链接聚集在文档内沟通、讨论,非设计岗的同事也可以随时参与工作,可以有建议能尽早提出、有问题马上改善~

  还可以根据岗位需求设置不同的操作权限(可编辑、只读),协作者就能快速的参与到项目中来~

  比如分享给金主爸爸,可以设置成“只读”模式,而发给需要自行切图的程序员、需要一起改图的设计师,则可以给予“编辑权限”。

  而这一点在本地设计工具中总是难以避免,毕竟细微的色差这些真的很难发现 TAT

  但用Pixso就不用愁这一点啦,团队内可自由共享组件!设计师只需将组件、样式等资源上传至资源库,其他的设计师就可以同步使用。如有修改也可以一并更新哦!

  在Pixso中,只需要将文件链接分享出去即可完成交付,从代码到标注,链接内的信息一应俱全。

  如果是团队项目内的交付,可以直接让成员登录自己的团队空间,获取最新的设计内容,不需要设计师再反复发送文件啦~

  链接交付后,即便文件内容被修改,也将会自动同步至所有链接中,成员所看到的内容一定是文件的最新版,不用再担心细节修改却忘记上传更新这种情况啦!

  除了这4个明显区别于传统设计软件的优点以外,Pixso还有不少惊喜功能哦~

  比如钢笔工具可以拖拽改图、图形一键等距复制、以及原型等等功能~ 快来体验一下吧!

  自从疫情卷土重来之后,为了安全考虑公司决定让我们在家办公。无论对于公司还是我个人,以前都没有遇到过这种情况,所以刚开始的时候手忙脚乱,效率很低,可能只能达到集体办公的30%-50%。

  为了解决这个问题,我翻遍了市面上的设计工具,惊喜的发现了一款 好用的国产设计工具——MasterGo,让我们的协作效率有了很大提升,下面我和大家分享下具体的感受。

  设计师实时协作完成设计工作,产品经理及时查看设计方案并反馈,工程师同时可以看到最新的标注信息,这种协作方式大大提高了我们推动工作的进度。

  之前我们在使用 Sketch 工作时,总是需要使用很多工具平面设计、插件来配合,还要配合其他的标注工具平台。

  使用 MasterGo 的时候发现它竟然原生支持了超多 Sketch 需要插件才能完成的功能(比如我用的最高频的批量重命名和填充图片素材)

  过去的设计工作中,暂且不提团队内部协作,光是和客户对接设计理念、根据意见反馈改稿、改稿之后再发起审核手机意见,如此往复,流程十分麻烦。

  我的文件夹里常年塞满了文件后缀“改1”“改1·1”“改1·1·1”“最后一版”的文件。有时候因为 Sketch 版本不同还会打不开 。

  现在我感觉是真的解放了,大家看到的永远是最新的文件,节约了我们好多沟通整理的时间!

  素材对设计师来说至关重要,不管是参考还是使用,每次找素材的时候,既要选择合适的素材,同时又要确认素材是否可以商用,这都会占用大量工作时间。

  而我惊喜的发现在 MasterGo 里的资源库中,已经内置了免费可商用的图片、图标和字体,而且质量非常高,感觉随着他们资源库迭代的越来越丰富,以后工作的时候再也不用到网上各种搜素材了。

  对于工程师来说,直接在 MasterGo 里面看标注和代码信息不要太方便,而且还可以自己导出切图,有时候简单的资源工程师都可以自己导出了。

  MasterGo 可以搭建完整的设计系统,统一整个团队的设计规范,还可以做到及时同步更新。当我需要调整某个组件的样式时,只要在设计系统文件中做更改,就可以一键同步到所有用到这个组件的文件,管理设计资产不要太方便。

  但是,MasterGo 虽然好用,也不是全无问题,我觉得以下问题还是需要尽快解决的:

  对于新的工具产品,MasterGo 目前数据安全保护措施有待进一步优化:MasterGo的注册流程十分简单,只需要注册账号输入密码即可,没有邮箱验证环节没有密码确认也没有密保更不需要手机号码。这样宽松的注册流程虽然简便,在我看来属于数据安全保障方面的疏漏。

  但是作为新产品,这样的问题尚且可以被理解,毕竟在使用中,是能看得出MasterGO团队的人力物力优先投入在产品开发上的。数据安全保障后续就要提上日程跟上就好了。

  使用中可以感受到,目前 MasterGo 的插件素材总数还有待提升,如果可以开放平台吸引创作者进行插件创作——设计师消费插件,创作者收到报酬继续创作。这种模式在许多软件上已经有过成功案例,如果 MasterGo 应用类似模式,合理推进使之良性发展,相信会收获不错的效果。

  这是一个权限管理问题,在设计中不同经验的设计师应当拥有不同的权限管理。现在的 MasterGo 权限比较扁平,在同一个设计稿中,参与成员基本可以平等地修改稿件,很难说这样会不会出现买椟还珠的情况。

  数个月的使用过程,明显感觉到团队沟通更加便利,开大小会议的次数也大大减少,也明显感觉到MasterGo 的很多功能细节设计都能让我们便利地推动团队沟通合作。嘿嘿,希望让我们公司成为下一个谷歌(仅从远程办公方面)早日成为可能!

  说起UI设计工具,无疑是sketch首当其冲,sketch以其简洁高效的优点成功的打败了Adobe公司的PS,成为最受UI设计欢迎的设计软件,但是2020年话题度最高、增长速度最快的却是figma,Figma凭借其实时协作功能脱颖而出,它允许多个人同时查看/编辑同一文件。这是近年来UI设计工具市场上最独特的功能之一。就是说,此功能仅对实际上在同一时间在同一项目上进行协作的设计团队有用。实时编辑/预览功能很方便,因为任何人查看设计文件都将始终看到最新的更改。除了实时协作之外,Figma还具有其版本控制,设计系统和检查功能,与其他工具相当。下面来看看一些数据;

  从上面两张表我们可以看这些设计软件的增长变化,从这些增长趋势,我们可以预测未来几年内,sketch、figma和Adobe XD会成为UI设计师的主流软件;

  下面我们通过这几款软件的几个主要功能点进行比较,在此我们只选择排名前三的Sketch,Figma和Adobe XD。

  首先从软件运行的操作系统来看。我们都知道Sketch是仅适用于Macintosh即苹果系统的软件。因此,如果你使用的是Windows或Linux计算机,就只能选择Figma或Adobe XD。

  :一次性支付$ 99。一年免费更新。这意味着您可能想每隔一年支付$ 79的续订价格,以享受新功能。

  :它是免费的,具有3个项目限制,一个项目中不限数量的文件和2个编辑器。

  :免费,具有无限的项目/文件,并且没有共享限制,直到2020年10月。之后,限制为1个共享项目和2个编辑器。

  精心设计的布局功能对于提高设计效率至关重要,Sketch具有智能布局的功能,可以在更改内容长度/大小时自动调整边框的大小,例如按钮边框大小会根据内容变更自动调整大小;

  Adobe XD具有内容感知布局功能,这有助于在调整内容大小时强制图层组的填充。 与其他软件的布局功能相比,Adobe XD此处对padding功能的执行非常独特。

  当我们在团队中与其他设计成员一起合作时,这三款软件都具有与其他成员共享文件的功能,如果使用插件,则方法会更多,下面我们将重点介绍这三款软件在团队协作方面相关的功能。

  Sketch文件可以存储在云服务中,这样可以与其他人共享和编辑,Sketch与其他工具(例如Invision或Zeplin)配对使用,可以实现设计共享和交接之类的协作功能。Sketch正在努力提供关于此功能的更好版本,但是在今年看来仍落后于其他竞争对手。

  Figma凭借其实时协作功能脱颖而出,它允许多人同时在线查看/编辑同一文件。这是近年来UI设计工具市场上最独特的功能之一。但是,此功能仅对同一时间在同一项目上进行协作的设计团队有用。实时编辑/预览功能很方便,任何人查看设计文件都将始终看到最新更改的版本。除了实时协作之外,Figma还具有版本控制,设计系统和检查等功能,与其他工具相当。

  Adobe XD于2019年11月推出了自己的共同编辑功能,其中包括多用户编辑和文件版本控制等功能。此外,XD具有一组与其他工具相似的共享和拖拽功能。

  考虑到XD功能的beta状态,Figma是这里的首选,特别是对于重视实时协作的设计师。

  对于大多数人来说,这三种设计工具之间应该没有太大的性能差异。但是当我们的文件中包含很多画板、插件和图片时,性能问题就会凸显。

  我们在使用Sketch时,一个页面上包含几十个画板时,经常会感觉到卡。另外还有一些报告显示,当我们在使用第三方插件时经常会遇到卡顿问题。

  在使用Figma时,很少会遇到性能问题。鉴于Figma是基于浏览器的工具(也有桌面应用程序,可能是Web应用程序的包装),因此性能对硬件的依赖性较小,并且在多数情况下都相当不错。与Sketch类似,根据其内容和功能,插件可能需要花费一些时间才能加载,但这并不是很重要。

  对于Adobe XD,我在2019年初首次启动时遇到了一些性能问题。此后,后续的更新解决了相同的性能问题。老实说,我没有像其他工具那样广泛地测试过XD的性能,但是到目前为止,该软件性能已经可以与Sketch媲美。

  关于原型制作工具,有很多问题需要讨论,因为市场上有很多专门的原型制作工具可供选择。但是,使用这三种工具总结原型功能是有用的。

  Sketch支持屏幕链接以使用热点构建可点击的原型。然后可以在本地预览原型,也可以通过Sketch Cloud与其他人共享原型。具有“滚动时固定位置”和“单击后保持滚动位置”等功能的其他优点使Sketch与Invision提供的原型制作功能相当。

  Figma具有与Sketch几乎相同的原型制作功能。主要区别在于过渡效果,其中Figma具有智能动画功能,该功能可自动为两个帧之间的状态设置动画。使用Smart Animate,我们可以创建视觉上更复杂的原型。

  Adobe XD在原型制作领域具有更多功能。除了Figma和Sketch提供的功能外,还有更多功能(如键盘,游戏手柄和基于语音的触发器)可以支持更专业的原型体验。

  对于原型开发的开箱即用功能,Adobe XD是领先者,提供了更多输入选项。

  经过长时间的发展,Sketch具有庞大而多样的插件库。我们可以找到许多有用的插件来加快设计流程或扩展Sketch的功能。

  Figma的插件支持于2019年8月启动。此后,添加了许多插件,但与其他工具相比不足。

  Adobe XD于2018年开始了插件生态系统。它可能尚未与Sketch处于同一级别,但正在迅速赶上。在我看来,这三个工具中还具有更好的浏览和插件管理体验。

  在选择一种设计工具来投入学习时间时,一个重要的考虑因素是该工具的发展速度。

  查看Sketch的更新日志,他们在过去一年的更新中名列前茅,平均每月大约有一个重要的更新(完整版本1个)。他们可能会在2019年初获得最新资金,以赶上其他竞争对手。这里的关键词是“赶上来”,坦率地说,与Figma和Adobe XD相比,Sketch在功能上落后了一段时间。考虑到Sketch在竞争之前已经推出了数年,因此看到Sketch与其他竞争设计工具相当时,这令人有些灰心。

  Figma的发布功能与Sketch相似。值得注意的是,Figma与其他工具(如Maze(用于测试)和Framer Web(用于原型制作))一起发布了更多与集成相关的功能。因此ui设计,Figma与使用其他工具来补充设计工作流程的设计师或团队合作良好。

  Adobe XD的发布速度令人印象深刻。它最初发布时(考虑在2017年末发布beta版本)时遇到了问题,但在不到两年的时间里它迅速成为其他工具的有力竞争者。XD并未与其他第三方设计或开发工具广泛集成,但与Adobe套件紧密集成。

  对于此类别,尽管XD到目前为止已经取得了不错的成绩,但Figma在推出新的多样化功能方面拥有较长的记录。

  Sketch,Figma和Adobe XD都是很出色的UI设计工具。如果只是刚开始使用设计工具,建议以Figma作为起点。如果是正在寻找一种设计工具,该工具还具有创建更复杂的原型的能力(例如,语音输入触发器),可以考虑Adobe XD。但是还是取决于你的老板给你提供了什么样的电脑,以及操作系统,好在这三个工具功能非常相似。也就是当你对其中一款软件比较熟悉时,其他两款软件上手也会比较快Bsport体育。

  我之所以来回答这个问题,并不是为了软件测评,推广什么软件。任何软件都能做出好的设计,如果以软件来评判设计师能力,并不具有讨论意义。

  软件是辅助设计的工具,是让入门小白快速成长的工具,一旦你已经入门,会发现哪个软件都不重要,软件之间的效率差异,比起设计思维微不足道。

  如果你已经是成熟的设计师,有自己的固有习惯和固用的软件,那么反驳我也没有什么意义。

  深圳UI设计师一枚。看了很多人写各种软件简直想骂街,简直是在乱堆,拿一些已经过时很久的东西讲给刚入刚的ui设计师真的是一件很不负责任的事。作为一个5年完全在做UI的设计师,来回答下这个问题。

  第一:SketchUI设计师日常最多使用软件,没有之一。竟然有那么多人推荐PS,坐标深圳,身边没有一个用PS做UI,除了游戏UI除外。

  第二:Figma这个是最近比较热门的UI设计软件,身边挺多团队在慢慢换这个软件了,可以替换sketch。

  第三:AE或者Principle或者ProtoPie,用来做一些交互演示我现在用最多的是ProtoPie,简单方便

  第五:要会一些Axure的基本操作因为大部分时候,从产品那里收到的是Axure的原型

  第六:再加一个C4D吧,这个是附加技能,刚入行你可以不会,不影响你的工作,但是会,会很加分。

  第一:Eagle,这个算是桌面端的花瓣&Pin吧,收集素材简直不要太方便

  第二:Zoommy,算是一个小众软件,搜索图片,整合各大著名的图片网站,最主要一点,免授权商业

  Ps.最近刚出来一个网页版的,跟这个软件功能类似的搜图网站logosc,也可以关注下。Bsport体育Bsport体育Bsport体育Bsport体育