2017年,Adobe高调发布全新的界面+交互设计工具Adobe  XD。彼时的Adobe在界面设计领域可谓是节节败退,曾经的明星产品Ai和PS虽然都针对性做了很多功能改进,依然收效甚微。如今3年过去了,今天我们就来扒一扒两者,到底谁才是最适合设计师的扛把子?

系统兼容性

XD同时支持windows和MAC系统。

Sketch仅支持MAC,而且目前没有Windows和Linux的开发计划。

这一局,XD胜。

研发公司实力

XD出自于老牌贵族Adobe,一个成立于1982年的著名的图形图像和排版软件的生产巨头。XD的家族成员也十分庞大,比如大名鼎鼎的PS。 简单来说,XD就是一个出身名门的“贵族子弟”。

Adobe公司部分产品

Sketch,由Bohemian Coding设计开发,一个2008年注册的高效务实而且懂得做产品的小团队。最开始,这个团队只有一个人,那就是创始人。可以说,Sketch是“寒门学子”。寒门最重要的是什么?努力。在不懈的努力下,Sketch 2在发布当年就拿到了苹果设计奖。但从十余年后的今天的来看,这家位于荷兰海牙的界面设计工具研发上的实力虽然已经跻身一线行列,但相比数字设计巨头adobe来讲,依然只能算是“小公司”。 这一局,adobe XD获胜。

值得一提的是,XD比sketch晚出生十年。业内普遍认为,XD是Adobe公司为了对抗sketch和弥补原型工具这方面的空白而开发的。

产品特性

  • 界面:

两者都是简约风界面,页面栏目布局清晰简单,两者快捷键和操作逻辑上都吸取了PS和Ai的一些习惯。初学者也很好上手。另外,XD的快捷键和PS类似,所以如果喜欢使用快捷键,那么有PS基础的童鞋会更加得心应手。

  • 支持格式

软件

支持格式

XD

PS,AI,Sketch,Zeplin,Protopie文件

Sketch

/

依托强大的研发实力,XD可以打开包含Sketch在内诸多竞品的源文件,但打开后均不支持反向保存XD以外的格式。 不过,和用WPS打开office文档一样,XD解析其他厂商格式时依然不够完美。

  • 更新速度:

XD目前一直保持着不低的更新频率。从2017年10月至2020年3月,更新了约26次。平均每月更新一次。

但Sketch似乎更加疯狂,从2017年10月至2020年3月,更新了约49次。几乎快达到平均每月更新两次的频率,这个速度可以说是非常惊人的了。

  • 插件:

Sketch插件

XD插件

通过网站数据显示,sketch的插件数量远远多过XD的。并且,sketch的插件种类包含文本、图像、颜色、演示、输出、内容、样式、整合、布局、对齐、效率等,基本包含所有方面。

据说为了弥补插件方面的不足,Adobe宣称,提供了$1000W 奖金,奖励 XD插件的开发者。逐渐,像素大厨,蓝湖,Rename it等Sketch经典插件也纷纷入驻XD阵营。令人遗憾的是,2019年底adobe官方彻底关闭了中国区用户的插件市场,虽然不影响第三方插件的手动安装和使用,但明显能感觉到adobe对于中国区用户的忽视。

毫无疑问,这局sketch 胜。

Sketch功能亮点:

说到图形编辑和绘制功能,sketch明显有更多发言权。

・直线角 (Straight):当你刚刚点击画布的时候,会添加一个直角,也就是说没有任何锚点,你所得到的便是一条直线。

・镜像 (Mirrored):锚点会镜像对应。两个锚点将会与主点距离相同并且正好相互对立。当主点并非直角时,镜像便是默认的点模式。

・不对称 (Asymmetric):两个锚点到主点之间的距离是独立的,但他们依然相互对应。

・断开连接 (Disconnected):锚点之间完全独立,互不影响。

点模式

独立控制每个点,就代表着拥有更大的自由度。

在绘制图形时,sketch除了用一个现有的图形工具来添加图形,然后通过选择、添加和拖拽锚点来完成绘制,也可以用铅笔工具来自由的绘图。当你松开鼠标之后,Sketch 可以简化路径,顺滑曲线。

反观XD,它的绘图工具比较少,目前是基础的矩形、圆形、钢笔工具(无法描点选择),运用布尔运算来绘制图形。也就是说,快速绘制复杂的矢量图形需要其他软件的帮助。

所以在绘制和编辑图形上,sketch胜。

XD功能亮点:

支持批量替换

XD支持拖拽多个元素并且自动替换,无论是图片还是文本都能够十分快捷地填充。这部分sketch就只能用插件实现了。

重复网格

设计师在填充制作列表时可以利用重复网络横向或者纵向快速复制。复制之后调整间距也只需拉动鼠标。

结论及思考

1.选择XD还是Sketch真的那么重要吗?

不见得。正如文章中所言,两款软件各有所长,也各有所短。设计师完全可以根据自己的习惯来选择。毕竟,如果因为工具而专门改变自己,使用成本似乎过高了一点。

2.设计师团队是否应该规定统一使用同一种软件?

如果一个公司的设计师使用不同的软件,那就会影响效率。试想,一个设计师团队,有的作品是用sketch完成的,有的是用XD完成的,那么后续的评审和交付工作是不是特别麻烦?在真实生活中,有的团队为了避免这样的问题,往往规定团队成员使用同样的软件。

但其实完全有更好的解决方案,比如摹客设计云(产品设计+协作的一站式平台)。

笔者是很喜欢摹客的,因为它切实帮我做到了以下几点:

  • 强大的兼容性,同时支持Sketch、XD、Axure和PS等主流设计稿的协作(拥有比如讨论评审、标注切图、版本管理等功能)。

设计稿同步
  • 能对设计资源和设计规范管理,便捷地分享和高度地复

设计资源
  • 独家柔性工作流的模式。以非常灵活高效的方式贯通了上游产品经理、下游前端工程师的所有沟通流程和交付环节。具体介绍可查看https://help.mockplus.cn/p/140。

也就是说,不仅可以在不强迫团队使用同款设计软件的情况下,保证设计评审、交付和开发的效率,还可以从多方面帮助我解决工作中的障碍,可以说是真正从设计师的角度出发的一款好产品。

当然,如果你真的去使用这个平台,会发现多人协同在线制作原型图,最新版本还加入了流程图和钢笔等实用工具,并且一直在快速迭代,推荐大家去试试。

3.比工具更加重要的——软实力

对一个设计师来讲,应该更加注重能力的提升和职业生涯的进阶,比如沟通,创意,逻辑,审美,解决具体问题的能力等,不应该也不值得在工具上花费太多的时间,毕竟,工具就是为了提升效率服务的。

Adobe XD和Sketch,谁才是王者?相关推荐

  1. sketch-a-net_Adobe XD,Sketch,Figma,InVision-如何在2020年选择最佳设计软件

    sketch-a-net Comparing Adobe XD vs Sketch vs Figma vs InVision studio is a very common topic among d ...

  2. 适用于Photoshop,Xd和Sketch的UI套件

    UI工具包Photoshop,Adobe Xd或Sketch,最近在ProductHunt上使用,包括150多个图标,70多个元素,600多个可用于视网膜的图层和500多个矢量形状. 适用于Photo ...

  3. Sketch vs. Figma vs. adobe xd:哪个设计工具最适合初学者?

    每个设计师都需要决定在未来的职业生涯中使用哪种设计工具. 如果您正在寻找您的完美设计工具或寻找替代品的过程中,看看这里为你唠叨的话. Sketch应用程序曾经是世界上最通用的设计应用程序之一. 直到两 ...

  4. UI设计工具比较:Sketch、Adobe XD、墨刀、Mockplus、Axure RP

    UI设计工具,分为2个派系. 其中,最大.最主流的派系,是Sketch.Adobe XD.墨刀这个派系. 这个派系的软件,操作方式.思路都非常接近,连常用快捷键都一样,会一个就等于都会了. 在一个无限 ...

  5. 【设计】Adobe Xd 简明教程 对比 Sketch

    写在前面 本人在学了一年半平面设计之后(苦于不会画画,只会用软件,没做出个啥东西来),转做的 iOS 开发,算是能写点新手教程,如果您是职业设计师,就别对这篇文章抱太大希望啦.如果你是不会做 UI 的 ...

  6. mockplus模板_UI设计工具比较:Sketch、Adobe XD、墨刀、Mockplus、Axure RP

    UI设计工具,分为2个派系. 其中,最大.最主流的派系,是Sketch.Adobe XD.墨刀这个派系. 这个派系的软件,操作方式.思路都非常接近,连常用快捷键都一样,会一个就等于都会了. 在一个无限 ...

  7. sketch钢笔工具_设计工具(Sketch,Adobe XD,Figma和InVision Studio)中奇怪的一项功能

    sketch钢笔工具 When you build a new product that is very similar to the existing products in the market, ...

  8. 展开说说:Adobe XD 哪个版本好用?

    工具还是得顺着自己的习惯才是最好 即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具,支持 Sketch.Figma.XD 格式导入,海量优质设计资源即拿 ...

  9. 如何用手机预览PS、XD、sketch的设计稿

    大家在做UI设计工作的时候,都要在手机中预览设计稿,或者平时的设计稿评审也是需要将设计稿给对方预览.这里介绍一款工具能够实时预览Sketch.ps.xd设计稿的: Design Play是最近半年才开 ...

最新文章

  1. 运行在浏览器中的深度学习框架,开源了
  2. linux 终端 tty 简介
  3. mysql cannot connect_【IT专家】mysql远程访问cannot connect(10038) 问题解决的过程
  4. 面试必问的 CAS ,要多了解
  5. PHPJavaScript笔记-后端利用Refresh头带错误信息给前端(野路子操作)
  6. 如何增加mysql字段长度_增加数据库字段长度
  7. vscode 格式化文件配置说明
  8. 修改用户密码命令linux,linux下passwd命令设置修改用户密码 - Alanf - 博客园
  9. 编程计算三角形的面积和周长。要求如下: (1)、设计一个接口InterfaceShape,其中有计算三角形的面积和周长的抽象方法; (2)、设计一个点类Point,其中有必要的构造方法和一般的访问器方
  10. 第104章 Caché 函数大全 $ZF 函数
  11. [luoguT30208]太极剑
  12. Android效率组件篇 设置长按响应时间(时长)
  13. vss服务器的简单使用
  14. Java中多选题判断正确
  15. window环境下thrift Compiler 编译步骤
  16. 基于SSM框架的百度人脸识别
  17. android调出系统设置
  18. 关于单片机IO口输入输出的理解!
  19. 流量监控服务器应该位置在哪里,在服务器查看流量监控
  20. 高级JAVA开发 技术栈知识点总结

热门文章

  1. 查询水果价格 (15分)
  2. 在u盘运行linux系统软件,主编帮你xp系统利用U盘直接运行Linux软件 的步骤【图】...
  3. 1455:【例题1】Oulipo——字符串哈希
  4. Goland 常用插件
  5. 你手上有50万,你会干什么?
  6. PHP 经纬度坐标相关计算方法
  7. 两年前华为手机型号_两年前
  8. 跨领域的智能云管理平台-孙立辉(云平台 CSM)
  9. Oracle-Oracle数据库安全管理
  10. Linux 终端terminal设置透明化