ui工作内容

ui工作内容

1.制定MRD(Market Requirements Document).

市场需求文档。获得项目发起部门的认同后，产品进入实施，需要先出MRD，具体来说要有更细致的市场与竞争对手分析，通过哪些功能来实现商业目的，功能/非功能需求分哪几块，功能的优先级等等。实际工作中，这个阶段PD可能的产出物有Mind Manager的思维图，Excel的Feature List等。

2.制定PRD(Product Requirements Document).

产品需求文档。进步一细化，这部分是PM写得最多的内容，也就是传统意义上的需求分析，我们这里主要指UC(use case)文档。主要内容有，功能使用的具体描述(每个UC一般有用例简述、行为者、前置条件、后置条件、UI描述、流程/子流程/分支流程，等几大块)，Visio做的功能点业 务流程，界面的说明，demo等。Demo方面，可能用dreamweaver、ps甚至画图板简单画一下，有时候也会有 UI/UE支持，出高保真的demo，开发将来可以直接用的那种。

3.用户分析报告

搜集相关资料分析目标用户的使用特征、情感、习惯、心里需求等，提出用户研究报告和可用性设计建议。这部分工作也可和团队配合完成。时间与项目需求允许的情况下，更可以制定实景用户分析。

4.产品架构设计

这里涉及到比较多的界面交互与流程的设计，根据可用性分析结果制定交互方式、操作与跳转流程、结构、布

以上是UI设计师需要掌握跟进的，从这里开始就真的是你的任务了　。

5.产品原型设计

就是将页面模块、元素进行粗放式的排版和布局，深入一些，还会加入一些交互性的元素，使其更加具体、形象和生动。

整个系统的流程设计也是UI设计师的，为此你要经常浏览大量的网站，亲身体验，积累经典的，很具亲和力的、友好的系统流程，你要考虑到整个系统的任何一个最终环节。这才是UI设计师工作量最大，难度最高的部分。比如说，用户注册流程，成功了去哪，失败了去哪，成功了后续有几个流程，每个流程还包含哪些对象等等等等

6.界面UI设计

如果很倾向于图形界面设计，这儿是你最喜欢的部分。但一定要结合循环讨论过的分析结果做设计，否则你的作品很难被人信服。色调、风格、界面、窗口、图标、皮肤的表现是本环节的关键。

7.界面输出

这方面主要由页面工程师与前端程序员配合,将界面代码化。

作为UI设计师，最能符合你的设计的基础作品，当然还是出自你自己的双手，为此你要懂得切图，做静态页，那么SHTML和样式表 还有为了实现你那伟大设计的种种特效的JS代码，你能不会么??你可以不去亲自做，但你一定要有一个规范设计，你的施工队必须在你的培训和领导下完全符合 规范的去操作，就像架构师一样。哦，你看，到了这里你应该是一名UI经理了。

8.分析使用者报告,做出完善调整.

多部门共同参与的，包括可用性的循环研究、用户体验回馈、测试回馈。同时，UI人员也应该把一些可行性建议进行完善。很多设计师做了东西不喜欢改，这是一个大忌。

9.整个项目的SEO优化设计

但就目前许多公司而言,拿到UI设计师手里的,就是一份什么说明都没有的VISO图,这给许多UI设计师造成一种错觉,觉得我只需要做效果图就可以了,对 于其他环节一概不理,导致了在设计产品界面的时候,因为掌握的信息不足,设计出来的界面全凭个人喜好,但是当面对用户的时候,却是一点竞争力都没有.。

UI设计师在项目初始,就应该加入其中。包括了解项目的市场定位，盈利模式，竞争对手等等，而通过分析竞争对手用户界面，可以给UI设计师一个初步的图形概念，而通过参与用户调研,用户分析能够获取到用户特征，年龄，需求，喜好等方面的信息，这些方面的信息,在风格定位，把握上起到至关重要的作用。

通过了解产品架构,知道什么功能应该做，什么功能应该突出,在参与了以上工作的制定后，相信许多UI设计师对自己所要设计的产品，已经是信心十足了吧。后期在通过分析使用者报告，用户反馈等方面信息，做出界面上的调整，这样一来，一个完善的产品就可以面市了，而这个产品，再也不是一个全凭UI设计师个人喜好所设计出来的产品了!

延伸阅读：

UI设计师到底是做什么的

UI到底做什么，要从UI接到的工作流程来说——产品/交互/设计。也就是说一般我们接到的是交互稿。

这时候UI看到一个交互设计，需要考虑的是：

1、这样的排布是否合理(比如960的屏和1136的屏幕是否都可以容下足够的设计关键信息)

2、信息重点在哪里?

3、用户人群是哪一类?

等等分析都是自己的事。另外，通常我们拿到的交互稿是这样子的：

产出却要求是这样子的：

那么这中间的坑和鸿沟就是我们自己填。

在解决完上面的问题后，我们开始着手UI设计：

1、从产品需求入手，考虑我们到底要用什么主色调

比如同样是团购，糯米用的是桃红色，而美团是翠绿色。那么我们在UI设计的时候首先就要考虑主色调的问题。

2、配色和辅助色用什么颜色

在考虑到产品气质和品牌色的同事，我们经常要考虑配合衬托产品主色调的辅助色。在不同的产品中，辅助色运用的策略是不同的，比如我们经常说的：邻近色、对比色等。都是我们选择辅助色的方法。

3、用什么风格来表达

现在来说，说到风格一句话，扁平风。但是在扁平中也有区别。比如下图，同样是扁平。但是左图微微带有一些光影，而右图是纯扁平。你能说哪个好或者不好吗?不能。

同样的信息，在UI的表达上也有不同的表达方式。那么只能在具体你的UI设计中去考虑具体你需要用什么风格。这些都是UI的工作内容。

4、图标化成什么风格

同样是设置、发现、首页，不同的app在基本结构一致的情况下也有很多细微的差别。倒是是要用圆角的icon、还是直角，是用面还是线形，这背后的设计语言逻辑是什么，设计目的是什么。都是需要UI设计来考虑。

比如：同样是腾讯的产品，手Q和微信的icon就完全不一样。其原因是由于产品面面对的人群不同，手Q更偏年轻化。同样，你去看陌陌、来往、易信的聊天icon也是不一样的。这都是需要UI设计师一点点抠细节的去画出来的。

5、如何表达情感化设计

在一些细节页面我们常常要考虑情感化设计，以此来提升app的品质，降低用户在异常情况下 的挫败感。同时好的设计师还会考虑到如何引导用户去解决，从而满足产品诉求。不同的产品在做情感化设计的时候方式方法不同，风格也不一样。这些也都是需要UI设计来处理的。

6、动效如何做

因为手机交互是动态的。所以我们如果可以用在一些跳转页面引用动效设计，无意是对整个app加分的好方法。

7、万年的大头疼图标icon

一万个人有一万个答案，那么具体怎么做，还是要考虑用户、场景、需求等细节。产品可以提供方向，但是具体的落地还是需要UI设计师来完成。

8、适配、切图

也算是万年话题了。你不是做个好看的东西，要能用，开发要能开发。你要考虑iphone456，还要考虑不同的安卓720/1280/1920，甚至有些公司要特殊考虑某些屏幕。

在某些小公司，UI要肩负和产品一起考虑交互的问题。这时候经常需要UI在自己储备足够的视觉设计能力的同时有良好的交互设计能力。

[ui工作内容]