非设计类专业学习UI设计需要学习哪些基本技能

  最近有好多小伙伴私信我:胡老师,我不是设计类专业的,我学习UI设计需要学习哪些基本技能呢?我想说的是,有没有学过设计,对于学习曲线来说可能会有一点不同,但其实影响不大(我也认识许多非设计背景的UI设计师),差别只在于对视觉上的敏锐度可能较低一点,所以要多花一点时间培养所谓的“设计眼”,观念上和工作流程都是必须重新学习的。

  话不多说开始吧。

  1.基本的美感

  虽然上面提到界面设计更重视的是「使用体验」,但我相信大部分的人应该都会在意第一眼的视觉印象,一个不好看的界面基本上也很难在一开始引起使用者的兴趣,这边指的「不好看」是在配色的协调或是阅读性的编排上让使用者感到不适,而美感的养成需要长时间的训练,初期的的建议可以在设计平台上( Dribbble、Behance、Pinterest )看「大量」优秀设计师的作品,甚至先从模仿开始,慢慢的去拆解这些作品背后的设计逻辑,也可以参加像是DaliyUI这样的挑战磨练自己,之后有机会再写一篇分享「美感是如何练成的」。

  2.理解设计规范(Guidelines)

  与其说是规范,应该说是设计语言。在做UI时,根据不同平台有其适合的设计语言,例如iOS系统的人机界面指南(Human Interface Guidelines),Andriod系统有Google所发布的Material Design,做网页也要了解基本的网格系统和响应式网页等等,理解这些设计语言可以帮助我们在平台上建立一致的使用体验,也可以帮助我们在开发端的沟通上更加顺畅,所以这就像练功的基本功一样,必须熟悉了解。

  3.动手实作

  今天如果你要开一间咖啡厅,至少要会做咖啡吧?了解设计规范之后,再来就是动手做,一开始可以先从手边有的界面来做练习,模仿刻出一个一模一样的界面,甚至可以用一些原型(prototype)工具把你的设计稿串起来。你也需要了解各种装置及解析度设计时的差异、如何汇出档案交付工程师等等,过程中大量的爬文是少不了的,自学的过程中常常因为没人交流所以无法验证自己的流程是否正确,不过我相信这些都是可以在未来靠经验弥补的,一开始方法错了没关系(被RD骂几次就懂了XD),重要的是花时间实作练习。

  4. 提高工作效率

  拜科技所赐,UI设计工具越来越多,大部分的工具提供了基本的功能,但要有效率的工作就不是那么容易的事情,熟练工具的快捷键是基本功,接着是活用工具以及思考怎么优化自己的流程,UI设计常常是牵一发动全身的事情,当你设计了好几十个页面,这时突然要改一个按钮的颜色或是字体怎么办?一个一个改实在太伤神了,如果有用Sketch的朋友,请爱用Symbol和Share Style,做好元件管理非常重要,可以省下不少涂涂改改的时间。

  除此之外你还可以做什么?

  下载App store排行榜上的App或是你觉得好用的App,认真思考这些App的交互流程是如何编排,也可以截图下来研究,一个好的UI/UX设计其实是会让你感受不到它的存在的,你可以很快找到你需要的「内容」和「目的地」,持续的做这件事,觉得不好用的App就删掉,认真记录这些App的优缺点避免自己犯相同的错误,同时也能让自己的思路更加清晰。

  当然,你也可以做一些「假专案」,把你心中的点子实际做成一组界面,有时间的话可以从架构开始思考,没时间的话直接做视觉吧,把脑海中想像的画面做出来,说不定哪天遇到一个工程师就能真正把这个点子实现了呢!如果没什么想法,Re-design也是个好选择,市场上有不少UI设计不良的App,尤其公家单位的XD,如果可以把他们Re-design变成一个好用又好看的产品,应该会满有成就感的吧?

  最后,找工作前可能还是需要准备一些UI作品,这边要提醒一点的是,作品集重质不重量,不需要很多,不要放太多跟UI设计无关的东西,最好是有一两个比较完整的作品,有办法清楚阐述你的设计理念,最好表现出你对UI设计无比的热情,当你具备基本观念加上一些作品展示,相信你应该已经可以出门找UI设计相关工作了,当你正式踏入UI设计产业,需要精进的就不只是眼睛看得到的东西了,而是更关心使用者如何在你的界面中自在的游走了。

  最后

  希望这片文章可以帮助到不是设计类专业,准备转行UI设计的小伙伴们!如果大家有什么问题可以私信胡老师,胡老师会竭尽全力帮大家解决问题~