2016-11-8 用心设计
来源：UI中国
在开发项目组里面，前端一般都是作为一个统称而存在，很多刚毕业的童鞋就问我想从事前端方面问我怎么看，我会反问你对前端了解多少，很多人都认为前端基本上都是搞设计从事视觉方面。
前端从整个项目划分来看，可以分为UE、页面、逻辑，以下逐分析。
一、UE
UE就是用户体验（User Experience，简称UX或 UE）是一种纯主观的在用户使用一个产品（服务）的过程中建立起来的心理感受。因为它是纯主观的，就带有一定的不确定因素。
通常在大公司中，UE会有专门的团队，专门负责该公司产品的用户体验的研发工作。而UE团队中通常包含的团队就涵盖了UI（User Interface 用户界面）、产品经理、UX（User experience design 用户体验）。而对于像BAT这样的大型IT公司，会把其中的职位划分得更加细致，如UE团队中就会包括了UI小组、产品小组等，对于小公司UE基本上就是一个人给全部包了，例如笔者本人（说多都是泪T_T）。
1、产品经理
通常一款产品从无到有的先从到有需要专门从事收集市场调研的人员来收集产品的市场信息，如这款产品受众是哪些，面向的用户群体大致是一个怎样的情况，连带的硬件与软件要求是如何的。而这些信息多数是由市场或者是运营团队所进行提供，而作为产品经理需要对所收集到的产品需求整理汇总到一起形成文档，一般写文档这活除了在分工特别明确的团队外，基本上都是一个人完成。也就更多时候产品经理要具备收集产品需求，编写文档以及制作交互原型的能力。而在国内更多的企业，产品经理多数都不具备技术背景，这种情况下就会出现需求与技术相脱节的情况，因为不懂得技术的前提，产品人员就很容易将功能理想化并且会将责任推给技术人员，是认为对方达不到自己的技术要求而不是想到是因为自己所定下来的产品需求过于反人类。
2、UX
在岗位分工而言，在实际工作过程中，UX更多的是负责一个产品的原型设计，而有的公司原型设计是归到产品经理去做。产品原型在本人所接触到的大致可以归纳到几种方面：原型图、高保真原型、模型。原型图简单地来说就设计图纸，犹如一个建筑在新建初期那样，需要在图纸上面进行设计，设计图纸通过之后才着手去搭建框架。现实上很多项目中，由于时间和人手的问题，基本上都是有原型图后就会开展后面的开发工作。在原型图中就能够知道项目的交互方式，页面中所要呈现出的内容，以及业务逻辑。高保真原型是基于原型图上进行细化，最长用的高保真原型制作工具为Axure，结合了动态的（也就是能点得动，能看出大致效果的模型）跳转方式所呈现出来的原型。而模型基本上就是跟一个完整的产品差不多，这里就不详细展开，有兴趣的童鞋可以自行了解。
UX本身需要有一定的技术背景才能够去完成此项工作任务，就好像一个没有行医资格的人去替病人做心脏手术，会出现的后果可想而知。UX本身承载着需求和后端开发的纽带，在实际设计的过程中，需要考虑到运用哪种交互方式既能够最大化地得到用户所想要的效果，同时又能够降低开发成本（开发难度、开发时间、是否具备通用性），这个才是UX的真正能力体现所在。
原型图
3、UI
UI在很多人眼里其实就是个美工，但个人认为UI跟美工的区别在于前者是需要有技术背景去支撑，美工则不需要，往往美工更多的是只需要关注某个设计图要如何做得好看就行。UI除了要把界面做得好看外，要需要更多地融入技术判断，如一个在结合UX的原型设计后，一个按钮或者是一个头像的摆放如何能够呈现出这款设计的理念以及最佳状态给到产品使用者。
通常UI除了要把原型图美化外，制定产品规范、页面风格、产品中的展示内容（如APP中的引导页、欢迎页、广告等，具体要看岗位职责划分）、页面所用元素制作（图标、切图）等都是UI的工作内容。
从大方面而言，UI是作为类似于视觉方面的岗位所存在，而由于国内对UI方面没有严格的划分，一个会代码实现的UI就成为了面试时候的加分点。
又要回到实际的工作应用中，很多HR招聘的过程中会把UI和前端实现混为一谈，撇开HR本身对这方面了解不够之外，国内会把写HTML代码当做是UI中的一个工作内容，下图1就是非常经典的国内所想要的UI，这种更多的是侧重于页面的实现而非设计，图2则为纯视觉方向。
图1
图2
在本人工作的一些实际经验中，经常会遇到一些技术转设计以及专业科班出身的人，技术转设计，本身是对设计有着很高的热情，自己是很单纯地喜欢而去做，但这一类型的往往会表现为设计感很差，配色、用字规范等基础错误，就算是经过一段时间地提升之后，多数总有一种让人觉得“不上档次”的感觉存在。
而科班出身的人多数设计出来的作品设计感会非常地好，但是往往也是存在一个很严重的问题，他们所设计出来的往往对于技术来说是个巨大的挑战，为何网上会有很多“程序员追着砍系列作品”，就是因为在不懂技术的前提下，所做出来的设计都只是一味地追求好看而忽略了实用性。并且不会考虑到开发成本在其中，通常就会造成所做出来的设计要么不能成为一款产品，要么就是给技术带来相当大的难题。但在公司开发层面，公司更多地是注重产品效益，要节约成本，对于公司而言，看起来炫好看的产品，要是开发难度很高，则就是一种吃力不讨好的行为。大家可以多留意一些市面上已经相对成熟的产品，多做一些分析就可以得出结论。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务