sketch和ps哪个好用(sketchbook和procreate哪个好)

记得把我设为星标哦,不然就看不到我了

hi,米娜米娜桑,今天是给新手ui设计师解惑时间,总是在社交平台上遇到太多新手设计师问一个问题:我是先学Sketch还是先学Adobe Xd,我想在刚踏入UI学习领域时不少同学都会有这样的犹豫,所以大致从以下几点来说说2者的区别:

Adobe Xd / Sketch 基本介紹

Adobe Xd(免费方案)

xd是adobe旗下一款全新且主打UI界面设计、建立原型以及跨平台体验设计的软件,将wireframe、design、以及prototype等UI/Ux设计流程整合到一个软件中。

Sketch(試用30天)

Sketch面市的时间要早很多,算是第一款普及专门的UI在UI设计工具,很早就以功能简单以及专门为UI设计而成为设计师惯用软件。

Adobe Xd / Sketch 使用比較

接下来,我们摘取各自的设计使用情境,从8个方面比较。

1.上手容易度

Adobe Xd - ⭐️⭐️⭐️⭐️⭐️

Sketch - ⭐️⭐️⭐️⭐️⭐️

如果你是设计系大学生,或是已经熟悉illustrator/photoshop等绘图软件,那不管是AdobeXd还是Sketch都是很容易上手的,因为这类专门用于界面设计软件的功能都做的相当简单,界面也是。

就算没有接触过相关的软件,为数不多的基本功能对于新手来说门槛也不是非常高。

adobe xd

sketch

2.电脑系统支持

Adobe Xd - ⭐️⭐️⭐️⭐️⭐️

Sketch - ⭐️⭐️⭐️

Sketch多年来来都只支持macOS系统,因此在初步购买电脑时,大多数设计师会推荐使用MacBook pro或者iMac等,但相较于pc电脑的来说,价格稍微贵了一些。

AdobeXd的问世可以说是解决了这个入门门槛,支持Windows和macOS双系统,都可以安装使用,如果团队协作也不用担心对方的电脑能不能开启你的设计文档,另外因为不少企业的硬件都还是以PC(Windows)电脑为主,所以大大解决了这块的市场空缺。

比较需要注意的是,adobe xd目前仅支持win10 ver.17003以上版本。

2.绘图功能

Adobe Xd - ⭐️⭐️⭐️⭐️

Sketch - ⭐️⭐️⭐️⭐️⭐️

以矢量绘图来说,sketch软件的功能更丰富,很多细节部分都可以操作。

sketch

adobexd 的基本绘图工具较少,单纯做界面还算够用,但如果要绘制插图就会比较辛苦。

adobe xd

但其实xd这个产品是故意这么设计的,主要是用来搭配同为adobe家族的illustrator和Photoshop做设计。

我们可以在ai先画好图,直接粘贴到adobe xd,或是直接用xd开启psd文档,图层以及图形设置大多数都会保留下来,可以直接接着设计。

(在AI以及ps少数复杂的图形不支持,详见官方说明)

4.软件轻量化

Adobe Xd - ⭐️⭐️⭐️⭐️⭐️

Sketch - ⭐️⭐️⭐️⭐️⭐️

这两个设计软件都有个很棒的共同点, 都属于轻量级的工具。

也就是电脑在开启执行设计的同时,比较不容易卡顿或是当机,相较于其他像ps/ae这样需要大量渲染处理工具来说,adobexd 以及sketch在使用时都相当顺畅。

这样是为了在做ui设计时,能展开大量的画板,并进行各自页面的处理;有时候一个稍微大一点的网站可能就有30个、50个以上的页面,为了画面的连贯性,一定是会放在同一个文档中的,这时候轻量级的软件才能负荷这么多的画板协同工作。

5.插件(plugin)

Adobe Xd - ⭐️⭐️⭐️⭐️

Sketch - ⭐️⭐️⭐️⭐️⭐️

在插件上sketch略胜,原因是多年来开发者们开发了大量实用的插件,做设计时候用上这些插件可以加速流程效率。

sketch

adobe xd的plugin数量成长也非常快,而且多是adobe官方导入的。大部分要使用的插件也覆盖到了。

adobe xd

adobe还发布了xd制作plugin的工程师的补助奖金计划,从此可以看出adobe对于ui/ux产业以及发展xd的重视,所以插件这方面,二者以后肯定是不相上下的。

6.购买费用

Adobe Xd - ⭐️⭐️⭐️⭐️⭐️

Sketch - ⭐️⭐️⭐️⭐️⭐️

adobe xd本地方案是免费的。

sketch现在是年订制,$99 美金一年,教育优惠可以5折。

7.属于软件的独一无二功能

Adobe Xd - ⭐️⭐️⭐️⭐️⭐️

Sketch - ⭐️⭐️⭐️⭐️⭐️

两个软件都有自己的特色功能

Adobe Xd 的 Repeat Grid 快速布局

adobe xd有个特别的功能叫repeat grid可以复制整排元件并进行快速排版。

这个功能ui设计师可以说很受用了。

不论是做网页,电商产品版面,或是展示user的资料等,在以往都是要复制一个然后去做对齐,透过adobe xd的repeat grid 可以快速地进行水平重复,并且在做不同尺寸的排版时,可以做自适应布局。

adobe xd

sketch的nested symbol

简单来说,你平常看到网页app有很多局部是重复的,通过元件化的symbol可以将做好的母元件存储成模版,并直接复制沿用,这大大加速了我们的设计流程。

sketch

8.第三方工具兼容性

Adobe Xd - ⭐️⭐️⭐️⭐️⭐️

Sketch - ⭐️⭐️⭐️⭐️⭐️

adobe xd最强大的就是和本家ai/ps/ae的整合,除此之外可以用第三方的plugin如标记狮等,用于导出标注和实时预览,标记狮下一版本也将会支持Sketch。

Adobe xd部分第三方工具

相比较之下,sketch的插件显得创新感更强些,比如flinto,pricinple等动效工具,这些工具除了sketch measure以外都是收费的。很多产品开发把生产力拼接在一期,如果团队设计在开发流程中有配合的好工具,在设计流程上就很加分。

sketch部分第三方工具

最后的总结

你觉得sketch还是adobe xd好用呢?

回答这一问题要结合使用者的场景:

1.你现在手边有什么电脑?或者公司是使用什么电脑?

2.公司目前团队采用的流程是什么?比如是Adobe Xd 标记狮那就使用adobe xd。

3.刚开始的学习阶段,还不用到正式工作使用,如果你还是学生,或者还在考虑哪个来当第一款工具来学习,我会推荐你使用adobe xd

原因是其实大部分团队或政府机构用Windows电脑的还是居多,等熟悉了adobe xd之后不管换用sketch或是其他同类软件等学起来都会很快,因为都“长的差不多”。这篇文章也是给新手一点建议,你也可以挑顺手的那个开始学习。

adobe xd或sketch都仅仅是工具而已,设计理论与方法基本上都是一样,我们不用太纠结到底要哪一个。

并且行业更新很快,各种新的软件和插件都层出不穷,作为设计师多少都是要会一些的,所以保持学习的热情,拥抱变化吧。

想要学习这两个软件的基本操作,网上有很多免费的教程,多找找多看看,很快就能上手的,加油吧,乘风破浪的设计师们!

(0)

相关推荐

  • 设计师必备的PS插件合集

    作为一名设计师,PS是我们的最基本工具,目前也有很多实用的扩展和插件,学会合理使用PS插件既能输出好的作品又可以提高我们的工作效率.今天就为大家带来的ps插件,希望可以帮助到大家,向做一名更专业的设计 ...

  • 8个易用快捷键帮你提高工作效率

    想象一下,有多少时间,你用PS是使用Alt + Backspace填充层而不是通过菜单。Sketch有很多同样非常好的的快捷方式,但是在文档里却没有提到。 如果你习惯了使用ps,现在转向了ps,你会希 ...

  • 无代码做动效神器HYPE3入门教程

    Hype这个关键词在百度上搜索都不一定知道它到底是什么,但自从我用上之后,就爱上它了,就像当年喜欢上Sketch一样 >>> 它适合哪些人? 用AE、Flash等动画视频工具做App ...

  • EXPERIENCE DESIGN CC简单体验概览

    Windows也有Sketch可以用了!前两天Adobe 全家桶刚加入了一款新产品叫Adobe Experience Design CC,今天@窒息红Leon 带大家一起体验下Preview 版本的各 ...

  • 20+免费优质的UI kit 和模板下载!

    小编:这次就给大家分享一波UI kit礼包,有段时间没分享这个了,sketch和PS的都有.好的素材的利用可以使工作事半功倍,拒绝加班从我做起,另外还在学习的同学们, 对这个也是研究他们的图层排序. ...

  • 设计师日常使用的素材网站有哪些?

    小编:@叶秋 作为一个设计师,收集素材应该算是必备本领了吧.这次来跟大家聊一下 怎样快速高效的找到满意的设计素材? 适合对象:经常需要搜集素材的UI小公举 以及 各位产品汪 运营喵 程序猿-- 阅读时 ...

  • 实战干货:UI设计师与Web攻城狮协同工作必知的8个知识点

    这里的分享一些比较系列化的专业共识给大家,特别是UI设计师和web前端都需了解的知识点,双方在这些知识点上达成共识,有助于能更加畅通无阻的进行沟通交流,可以更好的开发完美的产品. 设计基础 尺寸 字体 ...

  • 回顾2017系列篇(四):永不过时的设计资源

    2017年是设计行业发展过程中重要的一年,本篇文章将会带领大家回顾2017年最好的网页UI Kit,设计视频资源,以及值得follow的设计师,供大家学习和参考. 如果你是一个留心者,你会发现近几年的 ...

  • 最新Dashboard设计实例、技巧和资源集锦,视觉和功能两不误,妥妥的!

    Dashboard设计,尽管设计师们叫法各不相同(例如:"数据面板设计", "控制面板设计", "仪表盘设计"或"后台界面设计&q ...

  • 产品体验报告 | 要深度分析,不要表面赏析

    某个时间我们下载了许多优秀的APP,定了伟大的目标"每天赏析一款优秀产品,学习前沿的交互和视觉风格,努力提高自己的审美和眼界,确保在工作中能迅速找到参考^_^-" 嗯,相信大家都有 ...