在数字产品设计产业链中,UI设计师通常扮演着承上启下的角色。产品经理从一个产品经理开始“需求”首先,制定一个抽象的产品概念原型,UI设计师通过视觉呈现来形象化这种抽象,完成线框图交互逻辑视觉客户体验,最后导出输出高保真原型交付给研发工程师、决策者、客户等角色。

根据波士顿的权威数据,全球设计师从业人员近1亿,主要集中在美国、中国、德国、日本、意大利等科技发展的前沿,互联网设计师的专业人才正在飙升。因此,它是专门为互联网数字产品设计的UI设计工具可以快速增长,从而Sketch首先,它赢得了第一批全球粉丝,并且在很长一段时间内,Sketch是很多UI设计师和UX设计工具是设计师的首选。

但是最近几年,UI设计领域相继出现了许多后起之秀。包含国产软件即时设计等工具都非常的不错。

Sketch,AdobeXD,Figma这三款软件都常优秀的软件,但是每一款都有自己的优势。

Sketch

过去十年,Sketch一直是主流UI其中一个设计工具,虽然到目前为止还不支持Windows但仍有大量忠实的追随者。

​回顾它的背景,这是荷兰公司SketchBV于2010年推出的macOS桌面矢量图形处理软件。Sketch在设计之初,它被设计成尽可能轻和快速的响应,并被删除AdobePhotoshop和IIustrator许多内置的附加功能。

与IIustratorCS相比之下,初期Sketch界面非常简单,不像Adobe有复杂的嵌套工具栏,Sketch其核心功能是顶部图标。

SketchMirrorApp是Sketch设计师将是最有用和最受欢迎的功能之一iPhone连收到Mac在移动设备上,电脑可以立即检测他的设计。

这在今天看来可能还不够惊艳,但在2010年,即使是行业标杆,也可以称之为改变游戏规则的功能Adobe没有类似的功能。

Sketch起初不支持多人实时在线合作,团队成员在编辑稿件时,需要频繁来回传输文件,效率很低。

直到2020年底,Sketch即时协作功能刚刚发布,试图赶上这个领域Figma。然而,此功能尚未集成到Sketch客户端,在开始合作之前,当地的Sketch需要先把文件传到SketchCloud只有在浏览器中打开共享链接,才能参与合作。

就价格而言,Sketch选择免费试用订阅系统方案,提供30天免费试用,期满后每位编辑每月9美元,每年支付99美元,整体成本对设计师来说并不吸引人。

AdobeXD

Sketch优势很明显,但一直没有推出Windows版本,有人为了可以使用Sketch进行UI设计,我必须先买一台苹果电脑…天下苦Sketch久矣。

2016年,Adobe公司推出了基于矢量的UI设计工具AdobeXD,支持macOS和Windows系统,作为Sketch在Windows代替产品,让跨平台合作的团队能够顺畅沟通。

使用AdobeXD以前,假设你用过Adobe软件,并且熟悉软件的界面,所以当你触摸它的时候,XD,会觉得很亲切,能很快上手,唯一不同的是设计系统和元器件的复用。

背靠Adobe打造多个软件,真的是XD最大的卖点之一,从位图到矢量再到动态效果,Adobe有相应的工具来满足设计师的需求,可以满足设计师的需求XD联动工作非常顺畅。

为了追逐Sketch插件生态,Adobe公司设立了一个1000万美元的基金,鼓励许多开发者为开发者开发基金XD现在的插件XD已集成了RenameIt,PixelPerfect,DataGenerator等插件。

就多人合作而言,XD支持将本地文件保存为云文件,以后向合作者发送电子邮件邀请,接到邀请人打开文档就可以参与设计合作。

不过,XD协作功能有一定的限制,对于付费用户建立的文档,免费客户试用30天合作编辑后才能查看,不能再编辑。

XD真的很多Windows客户的福音,但在实际使用中,仍会遇到许多问题,如软件容易崩溃,中国客户不能使用内置的插件库,这在某种意义上减少了UI设计效率。AdobeXD为了满足用户的需求,商品设计仍在探索更多的功能。

与XD前后时间出现了另一个软件,这是近两年国内外的热点Figma。

Figma

Figma,这是一个基于云的UI可以直接在浏览器中运行的设计工具,您可以在任何设备或平台上浏览您的项目,无需安装软件或购买多个软件许可证。

​来自UXTOOLS根据发布的2021设计工具调查报告,在Windows和macOS系统上,Figma用户数量超过了之前推出的Sketch和AdobeXD。

在Figma以前,从最初的草图到原型设计,往往需要使用多种软件,文档运行次数多,迭代周期较长。

有了Figma之后,同样的对接流程大大缩短,团队成员可以获得最新版本的文档。

Figma最大的特点是合作。目前正在浏览和编辑文件的成员的头像将显示在右上角。每个人的鼠标指针都会有自己的昵称,可以轻松查看谁改变了什么,并直接将评论和反馈添加到需要沟通的位置。

涉及矢量操作时,Figma钢笔工具更加灵活。Figma内置的矢量网络,允许您将多条线连接到一个点,当移动线段时,连接到线段的点也会自动跟随,这加速矢量制图的效率。

对于选定的画板或目标,Figma能够CSS,iOS或Android开发人员在查看设计文档时,格式显示代码片段。此外,开发人员可以直接在设计文档中获取标记信息,无需使用第三方工具。

就价格而言,Figma有两种方式:免费和收费。免费客户最多可以建立一个项目和三个文档。每个文档只能包含三个页面,存储30天的版本历史记录,不能使用共享团队数据库;收费版分为两档,专业版每人每月12美元,组织版每人每月45美元,整体价格较高。

写在最终

本文中提到的三种常见模式UI可以说是设计软件UI事实上,设计工具的演变和发展也是行业工作模式变化的缩影。

从一开始就有一个好用的UI设计工具就够了。后来诞生了一站式,有很多人立即合作,开放生产设计和研究流程UI设计工具,工具的演变轨迹,也越来越贴合UI设计师的需求和协作流程。经过比较,无论是否Sktech原型设计功能强大,Figma社区生态,还是Pixso的原形UI设计顺利的交付感觉,并不限制你必须选择哪种工具,而是要了解和选择更适合团队工作节奏和语言环境的工具。

Sketch,AdobeXD,Figma三款软件都有哪些各自的优势相关推荐

  1. 图片加文字用什么软件?推荐这三款软件给你

    当你在生活中,拍了一些好看的风景照,想要分享给朋友时,却总是感觉照片上少了些什么,有些单调,这时怎么办呢?我们可以利用一些软件来给照片中的事物添加文字介绍,从而凸显出照片的主题,使其效果更佳.那图片加 ...

  2. 这三款软件让你轻松实现在线扫花识别植物

    如今,鲜花是我们日常生活中最常见的植物,但是随着鲜花种类的不断增多,它的许多的种类信息,想必大多数的朋友都难以认识清楚,因此,有的人就会使用一些识别鲜花的APP来帮助我们通过拍照而轻松获知鲜花的信息, ...

  3. 动态照片怎么制作?这三款软件推荐给你

    相信很多小伙伴都有在社交平台上看到许多好玩的动态图片,那么你们好奇这些图片是怎么制作的吗?有没有想自己制作一个属于自己的动态照片呢?其实,现在市面上很多动态图片都是通过一些软件制作出来的.那你们想知道 ...

  4. 大学笔记怎么记?三款软件 - 搭建自己的笔记框架

    中学时,笔记都是纸质档,反正内容就那么多,写在本子上就完事了. 进入大学之后,我傻眼了,一个科目怎么可以拓展得这么多,上完学校发的书不就完了吗?怎么还有推荐阅读的书籍?写个作业怎么要这么多资料?怎么做 ...

  5. 有了这三款软件,你家的智能电视和电视盒子就够用了

    买了智能电视就少不了要安装各类电视应用,有视频影音类的,游戏工具类的,生活休闲类的等等,各类电视应用叫得上号的不下几十款.在这么多的电视应用里面小白用户到底该选择那些电视应用呢?所有的智能电视和电视盒 ...

  6. PDF转TXT格式软件有什么?推荐这三款软件给你

    想必大家对PDF文件格式并不陌生,它的优点就是可以使文件内容以及排版不会错乱,方便存储.不过当我们在网上下载的小说大部分都是PDF格式的文件,而电子阅读器是不支持查看PDF格式的电子书,从而导致我们无 ...

  7. 推荐这三款软件让你实现图片去雾化?

    当你外出拍片采风,有时会碰上阴霾天气,想必大家会大失所望,拍出的照片灰蒙蒙的,这怎么办呢?这时就需要利用一下软件来给照片去雾,那什么软件可以给图片去雾呢?让照片还原风光秀丽的景色,下面就让我来推荐这三 ...

  8. 群体进化,群体结构分析之STRUCTURE分析三款软件比较

    STRUCTURE分析三款软件比较 三篇高引用文章 2005-STRUCTURE[1] 把选k值写的很清楚 2020/5/16 引用13119 这篇文章发表的时候二代测序还没兴起,ssr等的标记数量有 ...

  9. 安卓网apk安装器_短视频无水印下载,apk提取,带壳截图 iOS Android极客必备的三款软件,你全都用上了吗?...

    短视频无水印下载,apk提取,带壳截图 iOS Android 极客必备的三款软件,你全都用上了吗? 7SIZE丨插图内容来自于网络侵权删 给大家介绍 Android,iOS 上三款在生活中必备的三款 ...

最新文章

  1. C语言实现bmp图像锐化
  2. 牛津-阿斯利康疫苗与出血性疾病风险轻微升高有关 |《自然-医学》论文
  3. MongoDB —— 概念简述
  4. 前端调试工具Browser-sync(Windows)安装指南
  5. 室内定位 - 资料收集
  6. 文件流、目录流、文件描述符总结
  7. vue-router 传递参数的几种方式
  8. win10 安装msys2 和 ruby
  9. java基础-(一)-JDK的下载和安装
  10. 2019-9-9,中兴笔试
  11. 智能水电表远程管理系统
  12. deepinv2 添加打印机_科学网-Deepin Linux虚拟PDF打印机的安装与妙用-黄健的博文
  13. Ansible Tests详解
  14. 浅谈机器视觉的相机,镜头选型和打光
  15. config.py参数解释
  16. 阿里云服务搭建微信小程序开发环境
  17. 北京办理居住证的全流程
  18. 【nginx】4xx,5xx 保持自定义header
  19. ABP VNext学习日记5
  20. 单招软件职业技能测试,绵阳职业技术学院2020年单招软件技术专业技能测试方案...

热门文章

  1. 软件工程理论与实践项目
  2. 安卓强制恢复出厂_手机恢复出厂设置后,与新手机的区别已被确认,望大家相互转告!...
  3. 【自学的日子】坚持就是胜利
  4. 男人穿衣的20条黄金法则
  5. 2022年R2移动式压力容器充装最新解析及R2移动式压力容器充装证考试
  6. 从sklearn.datasets 导入 fetch_olivetti_faces失败原因
  7. JAVA软件开发本科B组7:错误票据
  8. 网站木马后门查杀工具Linux系统专用
  9. map用value值找key的两种方法
  10. 费马大定理以及奇偶数列法则