嘿，朋友，你是不是刚入行，或者单纯对设计这块儿有点兴趣，然后看着电脑屏幕发呆？心里琢磨着：我想给电脑软件设计个漂亮的界面，到底该用啥家伙什儿啊？这问题问得好，真的，说实话，我刚接触这行的时候，也是一脸懵圈，看着满屏的图标，不知道点哪个好，别急，今天咱们就搬个小板凳,好好唠唠这个事儿。
咱们先得搞清楚一个概念，PC软件的页面设计，也就是咱们常说的UI设计，它跟画一张画不一样，它得讲究逻辑，讲究怎么用，还得好看，市面上能干这活的软件确实不少，但咱们不能像逛超市似的看见啥拿啥,得挑趁手的。
Figma：现在的当红炸子鸡
要是你问我现在最火的是啥，那我必须得投Figma一票，这玩意儿现在简直就是设计界的“网红”，不管是大厂还是小工作室,大家都在用。
为啥它这么牛？ 首先吧，它不用你下载那个好几个G的安装包，直接打开浏览器就能用，这对于配置不高的电脑来说，简直是福音，它有个特别牛的功能叫“实时协作”，啥意思呢？就是你和你的同事，哪怕隔着十万八千里，也能在同一个文件里改图，你动一下按钮，他在那边立马就能看见，这感觉就像是用Google Docs画图一样,爽得很。
新手友好吗？ 绝对友好，它的逻辑很清晰，画板、图层、属性面板，布局都很符合直觉，而且网上关于Figma的教程那是铺天盖地，你遇到啥问题，百度或者谷歌一下,分分钟就能找到答案。
个人觉得最棒的一点： 它的插件系统太强大了，想要个图标？插件搜一下直接拖进来，想要配色？插件帮你配好，这就好比你玩游戏开了外挂,效率直接起飞。
不过呢， 它毕竟是主要跑在网上的，如果你的网络环境不太稳定，有时候可能会卡那么一下下，瑕不掩瑜,它是目前我最推荐新手去尝试的。
Sketch：Mac用户的宠儿
以前啊，在Figma还没崛起的时候，Sketch那就是UI设计的代名词，但是吧，它有个硬伤——只支持Mac系统，如果你用的是Windows电脑，那咱们就可以直接跳过这一段了，别看了,看了闹心。
如果你是Mac用户，那Sketch依然是个不错的选择，它的手感非常细腻，画出来的图那种矢量感特别强，而且很多老设计师都用习惯了,舍不得换。
它的优势在哪？ 它的本地运行速度非常快，文件管理也很方便，对于一些不需要联网协作的个人项目,Sketch用起来那是行云流水。
有个小尴尬： 现在很多协作功能都被Figma抢了风头，Sketch为了追赶，也搞了个云端功能，但体验嘛，怎么说呢，总觉得差点儿意思，而且它是收费软件,试用期过了你就得掏腰包。
我的看法是， 如果你是Mac新手，可以直接上Figma，没必要非得去学Sketch了,除非你身边的老大非要用Sketch做项目。
Adobe Photoshop (PS)：老当益壮的瑞士军刀
提到PS，估计没人不知道吧？这可是设计界的“老祖宗”级别的软件，很多人问：“我做UI设计，能不能用PS啊？”
答案是：能，但是不太推荐专门用它做UI。
为啥这么说？PS本来是用来修图、做海报、搞合成的，你用它来画软件界面，就好比是用大砍刀去削苹果皮，能削吗？能，快吗？不快,而且容易削到手。
PS在UI里的角色： 虽然咱们不用PS画整个界面，但是它依然不可或缺，为啥？因为软件界面里总得有图片吧？总得有复杂的特效吧？这时候就得请PS出山了，你可以把在PS里做好的背景图、图标素材,导进Figma或者Sketch里去用。
新手要注意： 别一上来就钻进PS里研究怎么画按钮，那样容易走弯路，PS的图层逻辑对于UI设计来说，稍微有点重了,文件大了电脑容易卡。
怎么说呢， PS是个好工具，但术业有专攻，咱们把它当作辅助工具来用,它会更香。
Adobe Illustrator (AI)：矢量图形的王者
说完了PS，不得不提它的亲兄弟AI，这俩家伙长得很像,但脾气完全不一样。
AI是专门搞矢量图的，啥叫矢量图？就是不管你把它放大多少倍，它都不会模糊，边缘永远是清晰的，这对于UI设计太重要了，因为咱们做的软件要在不同分辨率的屏幕上跑，图标啊、Logo啊,必须得清晰。
啥时候用它？ 当你需要画一个特别复杂的Logo，或者做一些插画风格的界面元素时，AI是最佳选择，它的钢笔工具那是出了名的好用（虽然上手有点难）。
和Figma的关系： 其实Figma本身也是矢量工具，很多AI能干的活儿，Figma也能干，但是如果你是个老平面设计师转行做UI,用AI可能会让你更有安全感。
我觉得吧， 新手可以简单了解一下AI，不用像学Figma那么深，等到你需要画那种超级复杂的矢量图时,再临时抱佛脚也不迟。
Axure RP：逻辑怪物的最爱
前面说的几个，主要是让界面“好看”的，但如果你想让界面“能动”、“有逻辑”，那Axure RP就是你的不二之选。
这玩意儿长得有点丑，界面看着像十几年前的软件，但千万别以貌取人,它是做原型的神器。
啥是原型？ 比如你想跟老板或者客户展示：“点击这个登录按钮，如果密码错了，就弹出一个提示框；如果对了，就跳转到首页。” 这种交互逻辑，用Figma也能做，但用Axure做起来更专业,逻辑更严密。
它的特点： Axure可以做非常复杂的动态面板、条件判断，甚至有些高阶玩家，直接用Axure做出一个能跑数据的“假软件”，客户拿起来点一点,以为真的开发完了呢。
不过要注意， Axure的学习曲线有点陡峭，新手小白一开始别碰它，容易劝退，等你把静态界面画溜了，再想进阶搞交互的时候,再去研究它。
MasterGo (即时设计) / Pixso：国产之光
咱们国内的技术也没闲着，这两年也出了不少好用的在线设计工具，比如MasterGo和Pixso，这俩基本上就是照着Figma的路子走的,而且针对国内用户做了很多优化。
为啥提它们？ 最大的好处就是快！服务器在国内，打开文件、上传图片，那速度嗖嗖的，而且它们对中文的支持更好,字体啥的都不用愁。
性价比： 这些国产软件为了抢用户，免费版的功能通常给得很大方，对于个人学习者或者自由职业者来说,这简直就是省钱利器。
我的建议是， 如果你用Figma觉得网络有时候抽风，不妨试试这几个国产的替代品，功能上其实差不了多少,上手也快。
Visual Studio Code (VS Code)：程序员的领地
哎？你可能会问，这不是写代码的编辑器吗？怎么扯到这来了？
哈哈，这就要说到一个进阶的方向了，现在有一种设计师叫“前端开发设计师”，或者叫“设计工程师”，他们不画图,直接用代码写界面。
为啥要用代码写？ 因为设计图画得再好，开发最后还是要用代码写出来，中间总会有误差，如果你直接用HTML+CSS写界面，那开发拿到手的时候，就能直接用，还原度100%。
新手需要学吗？千万别！ 如果你连Figma都没玩熟，千万别去碰代码写UI，那会让你怀疑人生的,这是给那些想往全栈方向发展的人准备的。
怎么说呢， 这是一个方向，但不是入门的方向,咱们先把画画的事儿搞明白再说。
到底该选哪一个？
看了这么多，是不是脑子有点乱？来，咱们捋一捋，如果你是个纯纯的小白，想学PC软件页面设计,我给你画个重点：
- 首选：Figma。 不用想，就它了，免费、跨平台、教程多、社区活跃，学会它,你基本上就能横着走了。
- 备选：MasterGo 或 Pixso。 如果Figma打不开，或者你想支持一下国货,选这两个准没错。
- 辅助：Photoshop。 顺手学学怎么修图、抠图,这对你的设计素材库很有帮助。
- 进阶：Axure。 等你工作一两年了，觉得光画图不够劲儿，想搞搞复杂的交互逻辑,再去学Axure。
别贪心，别试图把上面提到的软件都装一遍，电脑会卡的，脑子也会卡的，先把一个软件吃透,比每个软件都只会个皮毛要强一万倍。
最后唠叨两句
其实啊，软件终究只是个工具，就像手里的画笔，给你一支神笔，如果你不懂构图、不懂色彩、不懂用户体验,那你画出来的东西也就是个涂鸦。
别纠结太多“用什么软件”，赶紧下载一个Figma，找一套视频教程，跟着画几个按钮、画几个弹窗，动起手来才是正经事儿，设计这行，经验都是用鼠标点出来的,不是光靠想就能想出来的。
等你画着画着，你就会发现，其实软件操作那点事儿，几天就摸透了，真正难的是，怎么在这个小小的方框里，把用户想要的东西，既漂亮又方便地呈现出来，那才是咱们设计师真正要花一辈子去琢磨的功夫,你说是不？
评论列表 (0)