UI作业流程规范[借鉴].pdfVIP

UI 作业流程规范 目录： 一、 作业流程和观念 错误！未定义书签。 设计前 3 设计中 4 设计后 5 二、 设计方式，规范 5 参考方案 5 草稿 / 线框图 6 正式稿 6 设计用例 7 三、 前端制作规范 7 XHTML CSS 7 FLA SWF 7 版本 内容 编辑 时间 V1.0 共分 2 大部分 7 条内容 WAVE 2009.12.16 切割（ xhtml ）规范， fla 元件制作规范见另文档 一、 作业流程和观念 设计 = 解决问题，让设计师成为产品的第二个 cpu ，而不只是 photoshop 设计前 设计前期不要盲目的做方案，要了解清楚需求，沟通是基本。 a) 在产品只是有个 idea 的时候并没有具体的原型及 PRD 时，设计人员配合产品人员做市场调 研，给出同类产品的参考方案，并进行讨论。 b) 经过讨论，设计人员把对需求的理解转换成图形化草稿，这时可用线框稿加口述表达的方 式把自己的解决方案告诉产品人员，并表达自己的观点。合理的地方要坚持，不合理的地 方要快速改正。合理性分析见下‘表 01 ’ c) 设计前是产品的创意阶段，是设计的准备阶段，这时思维要开阔，要经常头脑风暴，尽可 能提出多种解决方案，多搜集相关素材，在确定风格的同时建立起该产品的资源库。 表 01：如何衡量设计的合理性，避免个人倾向？ 本着设计是解决问题的思路去想， 设计要解决的问题很多， 先要与产品一起列出哪些问题， 先诊后治，对症下药； 分清问题的表象和本质，分清问题主次， 治标更要先治本。 了解你的用户使用习惯，习惯性用法并不是抄袭，而是尊重你的用户。通常创新是带有一 定风险，需具备足够的自信和依据做支撑。 创新是踩在别人的肩膀上爬楼梯。 以结果为导向，当你有份可视化的设计稿时，如果条件允许尽量让你的目标用户（ 3-5 个） 参与体念 （也可请对产品不知情的公司其他部门同事如行政等参与） 。其中不要对用户在体 念时做太多干预，只要记录下用户的行为和反馈的信息，了解他为什么这么做或想。 讨论 时跳出设计，敢于否定设计，别总把自己当典型用户。 设计中 设计中期即具体设计阶段，要仔细、严谨、规范。 a) 这个阶段通常已经有产品的原型和 PRD ，且产品人员会演示原型并做讲解。设计人员要对 原型中不清楚的地方向产品咨询，不能把问题留在设计中。原型版本与需求不同步且有些 细节的地方原型难以表现时， 产品会在 PRD 里用文字做详细描述， 因此设计师在也要翻阅 PRD 。 b) 在有原型时设计人员即投入到正稿设计阶段，这时的设计稿要严谨且设计结果要符合产品 需求。其中要注意，原型是产品需求或交互的一种解决方案，并不是唯一