在数字产品设计产业链中,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设计顺利的交付感觉,并不限制你必须选择哪种工具,而是要了解和选择更适合团队工作节奏和语言环境的工具。