作者:Hindy
原文地址:http://zhuanlan.zhihu.com/uicircle/20209103
转载无限欢迎,但请注明「作者」和「原文地址」。感谢您对作者版权的尊重。
前言:很多朋友对 UI 设计感兴趣,却对它一直一知半解。为此我创建了这个专栏希望分享些自己对设计的思考和在工作上的经验。这篇文章将简单介绍 UI 设计是什么,作为设计师该学些什么,还包含了我自己对学 UI 设计的一些看法,希望对大家有所帮助。
一、UI 设计在设计什么?
· UI 到底是啥?
先一句话概述:UI 是架接机器与人沟通的桥梁。
UI 的中文名是用户界面(User interface),而我们现在使用的大多数设备界面都是图形用户界面,即 GUI(Graphical user interface)。我们通过这些可视化的图形界面来理解计算机,进行工作。
但是最初的界面可不这么友好,那时的界面还是命令行界面,CLI(Command line interface)。计算机只是被政府或大型机构使用,在普通人眼中是完全不能理解的存在。
(命令行界面,Bourne shell interaction on Version 7 Unix)
而乔布斯一直渴望计算机能进入寻常百姓家。在 1979 年,他「命运般」地参观了施乐公司,然后做了一回搬运工……使得图形界面被应用在 Macintosh 上,还引入了鼠标。苹果电脑大肆宣传其创新的交互界面,Macintosh 的诞生开启了一个新的时代。而那时的界面设计也奠定了现在的计算机界面。你可以发现很多设计,过了几十年依旧被保留了下来。
(1984 年面世的 Mac OS System 1.0)
UI 设计师的首要任务,就是设计一个个图形界面,确保人们能够清晰、高效地使用软件。
另外,还有个近些年比较新的交互界面:自然用户界面,NUI(Natural user interface),感兴趣的朋友可以自己搜索了解更多。
· 关于平台
现在有这么多的系统,PC 端的、移动端的,还有 Web ,我到底该做哪一块的设计呢?
就现在趋势而言,移动端的 UI 设计无疑是最热门的。但我不会这么建议你,我更建议你选择自己最感兴趣的平台。首先是因为,自己的爱好所在才能令你快乐地做设计,才会爱上自己的工作,才会充满热情创造更多。
然后你会学到很多,你会渐渐发现视觉设计和平台差异的问题并非最难的,更重要的是通过设计解决用户的问题,发挥软件的效用。你会渐渐地理解用户体验,考虑商业需求,了解技术难点,并从整个服务全局开始思考问题。
到那时,对你来说平台真的不是问题。
· 交互设计
UI 设计师也应该学习交互设计方面的知识,或者直白地说就是一定要了解产品结构和交互逻辑。因为只有这样才能做出合理的界面设计。
交互设计师可不是简单的画线框仔。他们的产处物有竞品分析文档、用户反馈文档、流程图、设计草图、设计原型等等,工作内容可丰富着。
在实际工作中,我非常推荐 UI 设计师在产品设计前期就加入讨论。这样能减少交互设计师或产品经理和 UI 设计师交接的沟通成本和理解误差,以保证软件界面和项目组成员的预期相符。
反之,如果在项目前期,设计师没有任何参与,而是接到需求后才开始工作,那就很难摆脱「以需求文档为设计依据」的尴尬局面了。并且通常这样的流程会导致不停的沟通与改图……
所以 UI 设计师也应该善于沟通,理解人机交互,不为需求文档设计。
二、成为「T 型」设计师
· 多方位了解,一方面专精
我非常鼓励大家学习多方面的知识,而不是视觉就只盯着视觉,交互就只盯着交互。可以在跨学科的学习中慢慢树立自己的专业方向,然后目标成为「T 型」设计师,拥有知识面的广度和专业知识的深度。
我之前看到设计师 Andrei Herasimchuk 访谈的一段话 [1],直击我心。我本想多表述什么,但还是算了。仅将那段话摘录如下:
在你人生的某一个阶段,你会发现你有了擅长的地方,那些地方你不用花太多功夫就能够做得不错。有些人就擅长画画,有些人擅长数学。在工作上也是一样的,你需要去发现你擅长做什么。
但是,请记住,你不需要花费太多精力做这些,因为你很擅长这些。你应该努力花精力时间在你不那么擅长的事情上。
这是我的建议:花时间在不擅长的东西上。而且现在跨学科的东西越来越多,于是你很需要知道哪部分你是擅长的,然后强迫自己去练习不擅长的部分。哪怕仅是平面设计,有字体的部分、色彩理论的部分、空间和排版、情感联系的部分;而软件交互设计,有交互的部分、行为的部分、用户研究、编程的部分等等。任何一种设计都有各种各样需要学习的内容,这也是为什么设计学习是一生的过程。所以,需要对自己诚实:OK,这部分已经做得不错了,我会继续练习,但是我会把精力减少很多,用来做其他那些做得不那么好的事。不要成为一个只有一个维度的人。
· 「T 型」UI 设计师
最后献上干货,我自己梳理了成为「T 型」UI 设计师可能需要的知识点,希望能帮助入门或困惑中的朋友。
(UI 设计知识库,红字表示作为 UI 设计师第一阶段必须该具备的知识)
当然,图中所举知识点并不是所有都一定要精通,可能也还会有遗漏的点。关键在于确定自己的职业方向,然后不断拓展自己的知识。
我还开了微信公众号「UIcircle」,将同步推送文章,欢迎关注哦 :)
---
注释:
[1] 访谈文章「Photoshop设计奠基人的硅谷人生」:http://zhuanlan.zhihu.com/tezign/20209731