正文

ui设计需求文档（ui设计需求文档怎么做）

发布时间：2023-04-28 03:25:40 稿源：创意岭阅读： 1169

大家好！今天让创意岭的小编来大家介绍下关于ui设计需求文档的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

创意岭作为行业内优秀企业，服务客户遍布全国，设计相关业务请拨打175-8598-2043，或微信：1454722008

本文目录:

1、UI设计师和前端怎么合作
2、UI设计的主要工作内容有哪些？
3、UI设计是什么？
4、UI设计师在产品项目中需要做什么?

ui设计需求文档（ui设计需求文档怎么做）

一、UI设计师和前端怎么合作

前端工程师需要和美工和后台开发人员进行合作。

1、和美工合作。

美工讲设计好的效果图，一般是一些psd文件给前端工程师，前端工程师根据效果如开始构思如何实现，并且开始使用Photoshop进行切图，切出需要的图片。如果图片有问题或者不好操作的地方还需要美工给出修改。

2、和后台开发人员：

前端使用html、css、js等技术开始实现效果图的页面，同时需要和后台人员交流为后台数据留下借口和数据填充的区域等，或者获取后台数据等，这需要和后台人员合作好。

3、完成项目

最终前端完成页面交给后台，由后台人员填充后台数据，一个完整的工程完成。此时还需要前端和后台人员一起测试，完成数据和前端的良好交互。

二、UI设计的主要工作内容有哪些？

1、研究工具：研究界面----图形设计师，简单的说就是美工，为软件产品的外形设计师。界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计，是纯粹的科学性的艺术设计。检验一个界面的标准是最终用户的感受。所以界面设计要和用户研究紧密结合，是一个不断为最终用户设计满意视觉效果的过程

2、研究人与界面的关系：研究人与界面的关系---交互设计师，一个网站的构建流程都是由交互设计师完成的。交互设计师的工作内容就是设计软件的操作流程，树状结构，软件的结构与操作规范（spec）等。一个软件产品在编码之前需要作的就是交互设计，并且确立交互模型，交互规范。

3、研究人：研究人----用户测试/研究工程师。任何产品上市之前都需要通过测试，用户测试/研究工程师的职责就和游戏玩家里面的测试人员一样，发现BUG，并反馈给技术人员进行修改完善。这个测试和编码没有任何关系，主要是测试交互设计的合理性以及图形设计的美观性。测试方法一般都是采用焦点小组，用目标用户问卷的形式来衡量UI设计的合理性。这个职位很重要，如果没有这个职位，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来严重的风险性

三、UI设计是什么？

UI是User Interface的简称，UI设计就是指对软件的人机交互、操作逻辑、界面美观的整体设计。比较直白的说明就是，当我们打开微信、操作点击任意一个功能，出现在你眼前的界面都是属于UI设计。

一个优秀的UI设计可以体现出个性和品味，最主要的就是让软件在操作时舒适简单、自由，充分体现软件的定位和特点。UI设计一般分为三个方面，图形设计，交互设计，用户测试体验，我们所说的UI设计师就是，软件图形设计师、交互设计师、用户研究工程师。

UI设计构是成现在的智能生活不可或缺的一部分，平面设计不是我们感觉的那种单纯美术工作，而是软件产品的产品“外形”设计。现在国内目前大部分的UI工作者都是这个工作内容。而交互设计主要就是让用户操作起来更加简单、直接，一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。

用户测试体验顾名思义就是测试交互设计的合理性及图形设计的美观性，主要以目标用户问卷的形式衡量UI设计的合理性。主要是了解用户现在需要什么样的体验以及界面，从而方便用户使用。毕竟图形设计，交互设计都是为了终端用户的感受更舒适，更便于操作。想要成为一个UI设计师，除了熟练使用各类软件，还需要具备色彩、排版、心理学、数据分析等等这一系列的软实力，同时还要清楚的知道，软件的操作技巧不能决定你走多远，但它在一定程度上决定了你能不能走这条路。不过从应用领域来看，UI设计的前景还是非常不错的。

四、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.产品架构设计这里涉及到比较多的界面交互与流程的设计，根据可用性分析结果制定交互方式、操作与跳转流程、结构、布局、信息和其他元素。5.产品原型设计就是将页面模块、元素进行粗放式的排版和布局，深入一些，还会加入一些交互性的元素，使其更加具体、形象和生动。6.界面UI设计如果很倾向于图形界面设计，这儿是你最喜欢的部分。但一定要结合循环讨论过的分析结果做设计，否则你的作品很难被人信服。色调、风格、界面、窗口、图标、皮肤的表现是本环节的关键。7.界面输出这方面主要由页面工程师与前端程序员配合，将界面代码化。8.分析使用者报告，做出完善调整。多部门共同参与的，包括可用性的循环研究、用户体验回馈、测试回馈。同时，UI人员也应该把一些可行性建议进行完善。很多设计师做了东西不喜欢改，这是一个大忌。但就目前许多公司而言，拿到UI设计师手里的，就是一份什么说明都没有的VISO图。这给许多UI设计师造成一种错觉，觉得我只需要做效果图就可以了，对于其他环节一概不理，导致了在设计产品界面的时候，因为掌握的信息不足，设计出来的界面全凭个人喜好，但是当面对用户的时候，却是一点竞争力都没有。我认为UI设计师在项目初始，就应该加入其中。包括了解项目的市场定位、盈利模式、竞争对手等等。而通过分析竞争对手用户界面，可以给UI设计师一个初步的图形概念，而通过参与用户调研，用户分析能够获取到用户特征、年龄、需求、喜好等方面的信息。这些方面的信息，在风格定位、把握上起到至关重要的作用。通过了解产品架构，知道什么功能应该做，什么功能应该突出，在参与了以上工作的制定后，相信许多UI设计师对自己所要设计的产品，已经是信心十足了。

以上就是关于ui设计需求文档相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。