考察一名UI设计师的能力素质模型

考察一名UI设计师的能力素质模型

UI设计师”这一职位的真正含义：UI设计师绝不是美工（或者说绝不是仅仅做“美化”工作而已），UI设计师是一个技术岗位而非艺术岗位，如果考察一名UI设计师的能力素质模型，那么他应该同时具备4个维度的能力：

1、沟通和文档撰写能力：如果说UI是人与机器交互的桥梁和纽带，那么UI设计师就是软件设计开发人员和最终用户时间交互的桥梁和纽带，如果UI设计师不能具备很好的沟通和理解能力，不能撰写出优秀的指导性原则和规范，那么，他将无法体现出自己对于开发人员和客户的双重价值，也无法完成他的本职工作。

2、过硬的技术能力：你可以不会写Java，但你绝对不可以不清楚Java是什么，他能够实现什么。即使你不能写代码，但你起码要懂得如何去“实现”。举个例子，你要做一个Grid控件，首先，你应该清楚，到底有哪几种数据格式，以及其存储方式：既可以通过HTML的Mark来获取数据，亦可以通过JSON对象或Array，又或者是XML甚至于字符串。其次，你要知道在Server端实现和在Client端实现到底哪个更适合当前的环境。这些都要依靠过硬对技术和丰富的经验，不懂技术的UI设计师，既做不出合理的设计，也不可能和开发人员做到有效的沟通。简言之，UI设计师起码要精通主流的表现层开发技术（如果是做Web 表现层，一般需要精通HTML、CSS、Javascript、XML技术，甚至JSP、Java也要达到工作层），对于市面主流的设计模式，技术路线以及开源框架都要有足够的了解。可以说，UI设计师在技术素质能力方面，要尽可能的朝着“表现层架构师”的方向去努力。

3、图形设计能力和原型开发：UI设计师一生中从事的最多的工作应该就是图形和原型设计，那么，首先说说什么是原型设计。原型法是迭代式开发中设计阶段常用的手段，原型设计应该贯穿需求、概要设计和详细设计这三个阶段。开发原型的目的是，把设计转为用户可以看懂的“界面语言”，同时也对开发人员起到一定的指导作用（甚至可以作为开发的一部分）。用户界面原型更显示的价值体现就是，它可以帮助软件设计人员提早发现设计各个阶段的缺陷，在开发前解决这些潜在的问题，大幅降低软件开发的风险和成本。这与传统的瀑布式开发有了本质的区别，目前国内大多数公司仍然采用的是瀑布式开发方式，并且将UI设计放在开发阶段的后期来进行。这不仅使UI设计师无法充分发挥自己所长，只能做做“美化工作”亡羊补牢，更使得开发出的产品往往存在致命的设计缺陷而无法满足客户需求。所以，各公司中的“美工”是软件开发方法的落后和不完善早就的，而非“美工”或UI设计师这个职业本身。我们再来说一下图形设计能力，其实，UI设计师只是个泛称，在UI设计行业内部，还大致分为以下几种角色：可用性和交互设计师、视觉企划、用户体验研究人员、图形用户界面设计师等。大家通常理解的UI设计师，其实是GUI设计师（例如国内的Rokey，他就是一名非常优秀的GUI设计师，目前供职于Microsoft），GUI设计师的主要工作就是视觉定位以及创作。稍后的章节会详细介绍GUI设计师的职责以及日常工作。如果UI设计师不具备过硬的图形创作能力，那么，他根本无法表达他心目中的美，也就无从谈起“交流”了。图形设计能力，是每一名UI设计师最初具备的，最基础的能力。也是最能够衡量一名UI设计师能力水平的部分。

4、人因学理论和认知心理学：这个概念虽然有些大，但却是每一名UI设计师在事业稳固后毕生都要努力去探索的领域、可以说，设计的根本就是“人”，做人本的界面，自然需要了解人，了解人的行为。例如，你不可能设计这样一个界面，在同一时间同一个界面上的不同位置显示两条重要的提示信息——因为，人，在同一时间的关注点只能由一个，这是生理决定的，而不是某个人的主观臆断。再举个例子，为什么Windows每次一次版本升级或多或少都会找到以前的影子，你可能会说，这是Microsoft的设计风格。不，那不是风格，而是一种习惯，以前是Microsoft的习惯，现在，你用了Windows，那么，你也有了这种习惯。Apple和Microsoft的操作系统孰优孰劣？答案是，随你喜欢。是啊，多么简单的一个道理——喜欢，喜欢是一种习惯，你又如何能笃定你认为的“正确”的设计恰好是人们所喜欢的呢？这里可以稍带提一下

Extjs，Ext的风格，简言之，就是桌面应用的传统交互风格（WMIP），而Web的风格是什么？如果要我来说，我更倾向于Web是一本翻开的杂志，一片展现设计师才华的热土，为什么这样说呢？因为Web的不确定和开放性。以我的经验而言，WebUI设计，是所有软件UI设计领域中最困难的，也是限制最多的（往往这些限制还存在不确定性），一名优秀的WebUI设计师，即使转而做桌面程序UI设计或移动设备界面设计，也是相对比较容易成功的。因此，作为WebUI设计师，排斥桌面UI风格是可以理解的，正是源自于他的习惯，他的“喜欢”。后面的章节会详细的阐述有关于人因学和人本界面相关的理论，在此就不赘述了。

那么，至此，大家应该大概了解了UI和UI设计师这两个名字的内在含义。关于“美工”的问题，也应该有了自己的结论，我就不再做解释了。再说一个题外话：UI设计师在我目前供职的公司的职位体系中是比较高的技术职位，相当于高级软件工程师，需要有3年以上行业经验方能胜任;而资深UI设计师是与软件设计师平级的，他们共同的上层职位是架构师。这跟某些公司所招收的“美工”是有很大区别的。

第二章：UI设计基础——图形设计

1、色彩设计：

美学相关的知识（色彩构成、平面构成等等）我就不再赘述了，相信从事此类行业的人员无人不知无人不晓了。这里简要说说WebApp设计中，色彩以及构图的特别之处吧。

首先是色彩。从事过广告和印刷业设计工作的人员应该都接触过一种东西，那就是标准色板。颜色是什么？你所看到的未必就是真的，反言之，真的你未必会看得到，呵呵，说的有些抽象了。还是举个实际例子吧，#f0f0f0这个很浅的灰色，目前80%的客户都已经升级到LCD显示器了，而大部分LCD显示器是无法正确显示这个的，即使显示了，各款显示器也会有很大的差异，为什么会这样？源于LCD的面板类型，LCD 面板大概分为以下几种类型：NT、VA、IPS。VA和IPS面板的显示能力都可与CRT媲美了，虽然价格比较高，但其超大的可视角度（178）和完全的色彩还原，实为设计师们抛弃CRT的一剂强心剂（当然，大多数专业的图形设计师，这辈子都无法舍弃钻石珑CRT，呵呵，不一样就是不一样）。而NT面板占当前市场的绝大部分，原因就是它响应速度快，造价低廉。22寸的LCD只卖20**不到，不用看都知道其采用的一定是造价低廉的NT面板，NT面板由于其固有的技术限制，其显示能力仅仅是16.2M色（目前的16.7M 色NT面板应该是采用震荡模拟的方式实现的），颜色是设计师的命根子，缺颜色，就意味着你苦心打造的设计很可能到了客户那里完全走了样。我曾见过很多界面，选用的都是这些浅浅的灰色，看起来倒是很淡雅，但是，你真的考虑到了用户实际工作环境么？假如他用的恰好是一款不怎么出彩的廉价LCD，那你的设计岂不是要让人嗤之以鼻了？综上所述，首先，设计师必须保证自己的设计有很好的易曲性——在各种复杂环境下都要保证“可用”且不出现严重的视觉干扰。你需要至少在CRT和NT面板的LCD上检查自己设计，看看是否有因为缺色而导致的布局异常和视觉干扰，在这里，我不得不BS一下Microsoft的live mail，在缺色的NT面板下，完全走了样，既看不出边框，也没有了底色，这绝对是失败的视觉设计，相比之下，Yahoo!mail的设计就要好上百倍了（包括二者的Portal也同样如此）。

除了使用环境的硬件差异，还有一点就是色彩设置的差异（甚至有时候是显卡太差导致的），那种只支持增强16位色的PCI插口显卡基本已经绝种了，要知道，那可是奔腾MMX**的经典之作。目前最底端的显卡，也支持至少24位真彩色了，而支持32位色的显卡更是遍地都是。但是，仍然有人在不知情（“不会”使用电脑的软件用户真不占少数）的情况下使用了16位增强色的设置，带来的后果呢，自然是难看的等高线和恶心的色彩搭配。