如果是从事 UI 设计师较早的朋友肯定记得，最早的时候我们并没有太多的选择，Photoshop 是当时可能唯一的设计工具，但当时的 PS 其实起初并不是针对 UI 制作而进行设计的。随着互联网和手机行业的不断的发展。市面上 UI / UX 的推出新的替代工具接踵而至，如何挑选合适自己和自己团队的工具对于一些项目负责人甚至对于公司来说都是一件不容忽视的课题。
作为设计师我觉得需要有去关注行业新事物的关注度。所以基本上我会将新出来的工具都试用一遍，发现合适的纳入自己的工作流来加快自己的工作效率。
网上对于不同种类工具的教学视频五花八门，我最近也在思考将来会以视频的方式去录制一些软件的教程，因为在手机上要看清楚工具的操作还是比较受限的，体验并不会好，所以在公众号上我希望尽量是去写一些日常工作中所使用工具的心得体会，尽量多更新不同的内容。可能包含界面设计，插画，和三维，做和写其实是两码事，我希望自己可以持续为大家分享更多的优质的内容，当然这需要我自身不断的学习和巩固，那么废话不多说了，开始吧！
01. Sketch
目前仍然在用户数量排名第一的 UI 设计软件，这当然是收益于早期针对 UI 设计的目的来说，sketch 对比 PS 来说相当于一次进化。我记得我当时所在的团队还在使用 PS 来设计 UI，效率其实非常低下，我试用了 sketch 后便迅速将他推广到整个设计团队使用，极大的缩减了从制作规范，设计流程和导出标注所需要的时间。而且这之后的时间里 sketch 的更新速度非常快，还有越来越多的插件的推出推动了这款软件的发展，后来为了解决团队协作 sketch 也推出了团队的云管理，可以利用 Libraries 来统一管理团队的规范和组件库。
官网：https://www.sketch.com/
收费方式：
Sketch 有着最广泛的用户基础，强大的插件支持，相对的网上也有大量的免费文件资源，非常适合初学者，入手简单，推荐可以下载安卓和苹果的官方文档上手，UI 设计的难点并不在于工具，而在于先理解各个平台的规范，手机尺寸如何换算，如何切片导出交付给开发。
与 Sketch 协作的主要软件：
Figma 是目前我个人认为最优秀的设计工具，不同于 Sketch 它是基于网页浏览器的协作式工具，也正是因为是基于浏览器，Figma 可以实现跨平台，你甚至可以在 ipad 上使用它。他在设计规范的设计和组件的轻量化上有许多优势，最大的优势是不需要像 Sketch 那样做完设计后上传到 Axure 或是蓝湖这样的平台交付给开发，因为是一款云协作设计工具，这意味着从产品经理到运营文案，再到交互设计，UI 设计，设计评审，最终修改交付开发，Figma 真正做到了一站式解决所有问题。
有些人可能会担心在断网的情况下是否会影响使用，其实 Figma 也不尽可以在网页直接打开，也有客户端下载，支持导出为 .fig 格式的文件，或者在网络恢复的情况下自动保存，因为在设计之初 Figma 团队就考虑过安全性的问题，有三组服务器同时备份你的文件，安全性方面其实无需担心。我自己的使用体验是它相比于 Sketch 更加流畅，3.0更新后也支持插件的使用，越来越多的插件制作者从 Sketch 转向 Figma 也可以看出这款后起之秀的巨大潜力。
Figma 可以分享一个网络地址给到开发直接查看标注和测试产品，你也可以直接把链接分享给你的客户，设置查看权限，甚至可以看到客户在看哪儿，这种云协作的方式已经有越来越多的后来者模仿(Framer Web 和 XD)，因为不同的运营和设计人员可以实时在同一个屏幕里共同协作的方式更透明，也更加清晰，设计师无需再频繁的导出、上传、等待、发现问题再修改、再上传、再等待，所有的工作都是实时的，这无疑加快了整个团队的工作效率，从而可以把更多的时间花在前期的交互设计上，任何一个环节有变动都可以得到及时的反馈，而整个过程都是可见的，每个人不需要离开座位，如果你需要语音沟通，你甚至可以开着微信跟对方一遍交流，一遍看着他的鼠标所指的位置给你讲述他的需求。
随时分享给团队成为或客户并设置使用权限
当下由于疫情的原因，远程协作的需求实实在在的被激发出来，毫不夸张的说这种远程协作的工具的诞生本身已经彻底改变了整个行业工作方式今后的走向，并不单单是因为远程的方式，而是它切切实实的改变了以往的工作方式，只是很多人可能还没有意识到。
强大的多人协作功能
Figma 的界面的布局和 Sketch 相类似，而且可以直接将 Sketch 文件导入到 Figma 中制作，目前国外的很多大公司已经从 sketch 切换到 Figma 作为主要设计工具。同时 Figma 的 .flg 格式也支持导入到 Framer Web 中添加更为细致的交互效果。
跟 Sketch 一样 Principle 同样支持 Figma 添加交互动效。
与 Figma 相关的一些教程或资源：
Figma官网 https://www.figma.com/
Figma中文网(非官方) https://www.figmacn.com/
FigmaChina(非官方) https://www.figmachina.com/
收费方式：
免费使用支持 2 名编辑者，无限人数的查看权限
由于我个人使用最多的还是 Sketch 和 Figma，在之后的文章中更多的是会详细展开分别介绍在使用这两款软件中的技巧和经验，类似的软件还有 inVison、Framer Web、XD，有兴趣的小伙伴可以自行去体验一下，因为每个人的个人使用习惯和所处的团队和水平都不一样，比如 Framer 就非常强大，但因为需要编程方面的知识才能更好的体现出它的优势，学习曲线相对较难，习惯了 adobe 生态的人肯定会更习惯 XD，对不同人来说找到适合自己的工具才能更加得心应手，软件只是工具，真正重要的是如何利用好这些工具，归纳到自己的工作流程中去，那么期待我们下一篇文章吧
喜欢的话请关注我们，我会在今后分享更多设计相关的经验和资讯。会涉及平面设计、UI / UX、插画、三维、游戏等不同领域。
作为一个写公众号方面的新人，不足之处还请多提建议，那么下篇再见?
Koma Design
聊的不止是设计
如果你是新入行或准备入行的 UI 设计师
需要可以在公众号后台或微信联系我：yujiekoma
我会尽量在第一时间回复也欢迎相互探讨
www.koma147.carrd.co www.dribbble.com/yujie147
目前仍然在用户数量排名第一的 UI 设计软件，这当然是收益于早期针对 UI 设计的目的来说，sketch 对比 PS 来说相当于一次进化。我记得我当时所在的团队还在使用 PS 来设计 UI，效率其实非常低下，我试用了 sketch 后便迅速将他推广到整个设计团队使用，极大的缩减了从制作规范，设计流程和导出标注所需要的时间。而且这之后的时间里 sketch 的更新速度非常快，还有越来越多的插件的推出推动了这款软件的发展，后来为了解决团队协作 sketch 也推出了团队的云管理，可以利用 Libraries 来统一管理团队的规范和组件库。
官网：https://www.sketch.com/
收费方式：
Sketch 有着最广泛的用户基础，强大的插件支持，相对的网上也有大量的免费文件资源，非常适合初学者，入手简单，推荐可以下载安卓和苹果的官方文档上手，UI 设计的难点并不在于工具，而在于先理解各个平台的规范，手机尺寸如何换算，如何切片导出交付给开发。
与 Sketch 协作的主要软件：
- 蓝湖 https://lanhuapp.com/
- 墨刀 https://modao.cc/
- Axure https://www.axure.com/
- Principle https://principleformac.com/
- Vectay Photon https://www.vectary.com/3d-modeling/
Figma 是目前我个人认为最优秀的设计工具，不同于 Sketch 它是基于网页浏览器的协作式工具，也正是因为是基于浏览器，Figma 可以实现跨平台，你甚至可以在 ipad 上使用它。他在设计规范的设计和组件的轻量化上有许多优势，最大的优势是不需要像 Sketch 那样做完设计后上传到 Axure 或是蓝湖这样的平台交付给开发，因为是一款云协作设计工具，这意味着从产品经理到运营文案，再到交互设计，UI 设计，设计评审，最终修改交付开发，Figma 真正做到了一站式解决所有问题。
有些人可能会担心在断网的情况下是否会影响使用，其实 Figma 也不尽可以在网页直接打开，也有客户端下载，支持导出为 .fig 格式的文件，或者在网络恢复的情况下自动保存，因为在设计之初 Figma 团队就考虑过安全性的问题，有三组服务器同时备份你的文件，安全性方面其实无需担心。我自己的使用体验是它相比于 Sketch 更加流畅，3.0更新后也支持插件的使用，越来越多的插件制作者从 Sketch 转向 Figma 也可以看出这款后起之秀的巨大潜力。
Figma 可以分享一个网络地址给到开发直接查看标注和测试产品，你也可以直接把链接分享给你的客户，设置查看权限，甚至可以看到客户在看哪儿，这种云协作的方式已经有越来越多的后来者模仿(Framer Web 和 XD)，因为不同的运营和设计人员可以实时在同一个屏幕里共同协作的方式更透明，也更加清晰，设计师无需再频繁的导出、上传、等待、发现问题再修改、再上传、再等待，所有的工作都是实时的，这无疑加快了整个团队的工作效率，从而可以把更多的时间花在前期的交互设计上，任何一个环节有变动都可以得到及时的反馈，而整个过程都是可见的，每个人不需要离开座位，如果你需要语音沟通，你甚至可以开着微信跟对方一遍交流，一遍看着他的鼠标所指的位置给你讲述他的需求。
随时分享给团队成为或客户并设置使用权限
当下由于疫情的原因，远程协作的需求实实在在的被激发出来，毫不夸张的说这种远程协作的工具的诞生本身已经彻底改变了整个行业工作方式今后的走向，并不单单是因为远程的方式，而是它切切实实的改变了以往的工作方式，只是很多人可能还没有意识到。
强大的多人协作功能
Figma 的界面的布局和 Sketch 相类似，而且可以直接将 Sketch 文件导入到 Figma 中制作，目前国外的很多大公司已经从 sketch 切换到 Figma 作为主要设计工具。同时 Figma 的 .flg 格式也支持导入到 Framer Web 中添加更为细致的交互效果。
跟 Sketch 一样 Principle 同样支持 Figma 添加交互动效。
与 Figma 相关的一些教程或资源：
Figma官网 https://www.figma.com/
Figma中文网(非官方) https://www.figmacn.com/
FigmaChina(非官方) https://www.figmachina.com/
收费方式：
免费使用支持 2 名编辑者，无限人数的查看权限
由于我个人使用最多的还是 Sketch 和 Figma，在之后的文章中更多的是会详细展开分别介绍在使用这两款软件中的技巧和经验，类似的软件还有 inVison、Framer Web、XD，有兴趣的小伙伴可以自行去体验一下，因为每个人的个人使用习惯和所处的团队和水平都不一样，比如 Framer 就非常强大，但因为需要编程方面的知识才能更好的体现出它的优势，学习曲线相对较难，习惯了 adobe 生态的人肯定会更习惯 XD，对不同人来说找到适合自己的工具才能更加得心应手，软件只是工具，真正重要的是如何利用好这些工具，归纳到自己的工作流程中去，那么期待我们下一篇文章吧
喜欢的话请关注我们，我会在今后分享更多设计相关的经验和资讯。会涉及平面设计、UI / UX、插画、三维、游戏等不同领域。
作为一个写公众号方面的新人，不足之处还请多提建议，那么下篇再见?
Koma Design
聊的不止是设计
如果你是新入行或准备入行的 UI 设计师
需要可以在公众号后台或微信联系我：yujiekoma
我会尽量在第一时间回复也欢迎相互探讨
www.koma147.carrd.co www.dribbble.com/yujie147
扫一扫
961
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
