[－UI设计－] UI设计文档

今天不想说UI设计原理和原则，只想说文档内容。一个solo族，可能根本不会理睬这种文档，因为他的idea完全在脑中，自己来实现就OK了。而在一个团队协作过程中，产品设计部门就有很高的必要把这个文档写好了。

应该有哪些内容呢，UI流程、对应操作流程、效果层次、可触发的局部界面。

曾经见过一位前辈做的界面流程，对一个小型软件，写了有100多页的界面。真的很详细，界面示意图、操作按键说明、效果说明、甚至乎都为程序定义好了实现的方法和按钮的文件命名。

先不说这个文档有多好看吧，实不实用是最重要的。当程序人员看到这个文档后，很快速的可以理解到这套界面体系的跳转是什么关系的，有几种标准的按钮状态，要实现出什么样的效果，效果的动画帧数都可以尽览于眼下。美术人员更可以得到这些内容，快速实现。

问题是有的，是限制了美术人员的思路。抛开这个问题，因为对于一个团队配合流程仍存在很大问题的情况来讲，设计在一定期间内是比团队配合所达成的工作效果的优先要低的。

因此我们就采纳前辈的这种方式吧。

UI流程:如果可以的话，用flash吧，最容易看懂，可操作，也不需要对flash有很好的操作水平，只需要懂得写几个简单的命令。不懂得用flash，那就execl吧，可以通过链接的方法来实现的，而且可以链接到具体的单元格。
对应操作流程:如果用Flash完成的话，之后就是整理出文档这种事情了。Execl的话，还要再针对整个流程说明操作关系。
效果层次:界面最好不要是死的，原由就不在这里说了，那动态效果就需要逐个说明了，关于您是如何来定义每一个元素的名称的我不管，这是你家的事，但一定要把每一个效果的触发时机、是否循环、循环规则、变化规则说得明白。
可触发的局部界面:一个全局界面中，经常会出现局部小界面，那包含局部界面出现方式、效果、操作对象、操作对象对全局界面的影响、局部界面内的效果层次。

当您满足了这几项内容后，您的UI设计文档，基本上是可以让懂得文字的人，花一定的时间是可以看明白了。那您的第一阶段工作完成了。

好了，洗洗睡吧!

[－UI设计－] UI设计文档相关推荐

Atitit 项目的主体设计与结构文档 v5
Atitit 项目的主体设计与结构文档 v5 1. 版本历史说明2 2. 功能大概说明2 3. 实现的目标3 3.1. cross device跨设备(pc 手机平板)3 3.2. cross sc ...
研发流程：产品设计流程与文档规范
最近项目中遇到了需求.UE.UI到前端工作衔接不顺畅的问题: 前端设计之前到底需求需要分析到哪一层? 哪些文档就可以支持前端设计? 这些文档的结构和规范都是什么样的? 以及,前端设计到什么程度就可以进 ...
优漫动游B端UI设计师的交互文档应该怎么写？
B端UI设计师的交互文档是产品设计过程中非常重要的一环,它记录了产品的交互设计方案,对于产品开发和测试具有重要的参考价值.下面是B端UI设计师交互文档应该包含的内容和如何进行编写的详细说明. 产品需求 ...
SSM框架网上水果超市的设计与实现+文档
博主介绍:✌在职Java研发工程师.专注于程序设计.源码分享.技术交流.专注于Java技术领域和毕业设计✌ 项目名称 SSM框架网上水果超市的设计与实现+文档视频效果 https://www.bi ...
车贷P2P平台设计市场需求文档（MRD）
原创推荐|车贷P2P平台设计市场需求文档(MRD) 本篇MRD继续采用PPT的方式展示出来,在大部分实际操作中,很多创业型企业或者规模比较小的企业会跳过BRD和MRD,直接从原型开始,但是如果能在空余 ...
Jquery ui的dialog使用文档概述
Jquery ui的dialog使用文档概述一个浮动的窗口,包含标题和内容两部分.可以移动,调整大小,以及关闭图标'×'.如果内容长度超过了对话框内容区域的显示,则会自动出现滚动条.除此之外,还有一 ...
标签参数JEECG智能开发平台 UI标签库帮助文档
JEECG智能开辟平台 UI标签库帮助文档目录 1.BaseTag(款式表和JS引入标签)...................................................... ...
VC 多文档用户界面设计及各个文档之间的切换
VC 多文档用户界面设计及各个文档之间的切换用Delphi.VB.Windows Form(Visual C#)等称之为RAD(Rapid Application Development)的开发工具 ...
计算机制作贺卡教案,初中计算机教案设计贺卡制作文档.doc
初中计算机教案设计贺卡制作文档初中计算机教案设计:贺卡制作 [教学目标] 根据学生已有认知结构.学习现状及教学大纲的要求,制定如下教学目标: 1．认知目标掌握在Word文档中图片.剪贴画.艺术字 ...
如何用Qt设计一个多文档文本编辑器
目录前言一.设计目标二.效果展示三.设计过程 1.设计思路 1.1文件的打开和新建 1.2设置字体和字号 1.3设置字型和颜色 1.4设置文字对齐撤销等 2.核心代码总结前言学习了有关Q ...

[－UI设计－] UI设计文档

[－UI设计－] UI设计文档相关推荐

最新文章

热门文章