
1.1.3 App UI设计必备技术
随着移动互联网的智能化发展,从点击时代发展到触摸时代,再到预言互联网智能化的第三个时代——声音时代,或者未来互联网的智能化时代——体感时代。用户体验至上理念始终贯穿着每个时代,以致产品生产的人性化意识日趋增强,用户界面设计师便成为人才市场上十分紧俏的行业。
由于高薪,其他行业人员都转行做UI设计,直到今年网络消息报UI行业就业趋势下滑。其实就发展趋势来看,当前行业依然是热潮时期,只不过招人单位更理性,对UI设计岗位的人员要求更高,更注重横向发展的行业设计人才。
App UI设计师一般的称谓有软件UI设计师/工程师、iOS App设计师、App UI设计师、移动UI设计师和Web App UI设计师等。这些职位的要求大同小异,我们先来看前些年的要求:
(1)移动手机客户端软件及WAP与Web网站的美术创意、UI界面设计,把握软件的整体及视觉效果。
(2)准确理解产品需求和交互原型,配合工程师进行手机软件及WAP、Web界面优化,设计出具有优质用户体验的界面效果图。
(3)熟练掌握手机客户端软件UI制作技术,能够熟练使用各种设计软件(例如Photoshop、Illustrator、Dreamweaver、Flash等)。还要有优秀的用户界面设计能力,对视觉设计、色彩有敏锐的观察力及分析能力。
(4)为产品推广和形象设计服务,关注所负责的产品设计动向,为产品提供专业的美术意见及建议。
(5)负责公司网站的设计、改版、更新,对公司的宣传产品进行美工设计。
(6)其他与美术设计、多媒体设计相关的工作,与设计团队充分沟通,推动提高团队的设计能力。
当看到上面这些App UI设计要求时,会让我们想到网页美工的任职要求。其实,它们之间大体上是相同的,唯一的区别就在于App UI设计针对的是移动手机客户端的界面设计,包括iOS、Android等界面设计。这是之前对UI设计师的认识。
但是,UI设计行业更新太快,优秀产品层出不穷,需求技能不断在更新,同时流行的设计风格也在不断变化,如果自己不去学习新技能,不去尝试新的设计风格、新的工具、新的创作方法,说不定哪天你擅长的设计风格或者工具就被淘汰了。所以,作为设计师,除了要对自己的技能和个人能力进行加强外,设计师对未来设计趋势的了解也决定了你的高度与发展可能。
那么,作为一个App UI设计师,究竟需要掌握哪些技术呢?
1.基本软件操作和设计规范理解能力
Adobe公司的部分软件是UI设计师必须会的,如Adobe Photoshop、Adobe Illustrator、Adobe AfterEffects。Sketch是近几年来设计界常用的UI界面设计软件,非常好用且适应现在的设计趋势,尤其适合设计师职能不细分的中小团队和个人作品的制作,线框到视觉稿可以在一个软件里完成,能省去不少时间。不时地去关注行业内使用的一些小插件等,比如Size Marks、Sympli、Cutterman、像素大厨标你妹等,有了一些小插件后,你会发现工作效率比平时提高好几倍,如图1-3所示。

图1-3 小插件
根据交互设计及产品规划完成产品(iOS、Android、Web平台App及网站)相关的用户界面视觉设计,熟知各手机端的基本设计规范,以Android和iOS平台为主,还有电视端、iWatch、iPad等,都需要UI设计师去关注并了解其基本设计规范和原则,比如Android设计规范中的点9切图、适配、标注dp等相关内容,iOS平台设计原则、尺寸、适配、切图。
2.沟通能力
沟通能力是当前从事UI设计行业的一项非常重要的技能,是软件设计开发人员和产品最终实现交互的桥梁和纽带,UI设计师如果不具备良好的沟通和理解能力,就无法撰写出优秀的指导性原则和规范,无法体现出自己对于开发人员和客户的双重价值,也就无法完成其本职工作。另外,出于设计师职业的特点,设计师的作品可能会经过一次又一次的修改才能够被委托人通过,因此作品被委托人拒绝需要返工的时候,要不急、不气,保持平和的情绪,这不是每个人都可以做到的。
3.设计审美能力
从用户的角度来考虑,用户觉得美,用着舒适,才是好的产品,要理解用户的这种需求,UI设计师需要具备一定的审美能力。
审美不是天生的,没有人天生就有出类拔萃的审美能力,作为一个产品设计师需要多学、多看、多想。
4.产品思维能力
产品思维能力给设计师为正确的人打造正确的产品功能等方面带来了优势。它有助于设计师整体上理解产品的用户体验,而不仅仅是在交互和视觉的细节功能点上钻牛角尖。同时,它可确保设计师真正的解决用户问题,从而降低做无用功的风险。无论何时,我们在开始创建产品功能时,产品思维是做出正确决定的力量。
从产品角度思考,确保设计师为正确的人设计正确的产品功能,解决用户真正的问题。它使设计师做出正确的决策,是打造“用户所需”的成功产品的基础。产品思维可以让产品管理和体验设计人员建立卓有成效的合作关系,携手做出更好的产品,如图1-4所示。
技术是最基础的,UI设计师必备的技能其实就是软件技能,因此本书针对App UI设计,依托Photoshop教大家如何成为一名合格的App UI设计师。

图1-4 产品思维