设计文档模板_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
设计文档模板
阅读已结束，下载文档到电脑
想免费下载本文？
定制HR最喜欢的简历
下载文档到电脑，方便使用
还剩2页未读，继续阅读
定制HR最喜欢的简历
你可能喜欢交互设计文档该怎么写？
交互设计文档该怎么写？
孙老师说说
交互设计师的工作虽不只是画交互稿子，但是好的交互稿不仅能够完美阐释产品内容和设计师的设计思路，还能够在项目各方协调工作中起到重要作用。保证完整的呈现产品需求和设计思路的交互稿，能够让各方工作人员有一致的工作目标，而有良好体验的交互稿，还能够便于各方理解，提高后期开发对设计的还原度，提高各方工作效率。对于一个设计团队来说，统一的文档规范和设计规范，不仅能够减少合作方的学习成本，提升设计师和设计部门影响力。即使产品不同需求不同设计师不同也能够带给前后端、底层和QA们一致的文档体验。或许每一个设计团队都有自己内部的交互文档规范，而且不同类型或量级的产品部门可能交互设计文档的体量和组织方式都是不同的，我们设计部是一个刚满一周岁的宝宝，部门里的设计师也都是设计行业的freshman，但是我们也在这一年中不断地积累和学习，提升设计文档体验，构建了组内的设计文档规范，以下共享，互相交流学习。一、结构篇-交互文档目录无论对于大型产品还是中小型产品，文档目录均需要有清晰的页面结构，无论以何种形式展现，整体交互项目应尽量包含明确的修改记录、交互规范、全局性设计说明、业务设计等。1. 便于查找信息的修改记录（1）明确的迭代上线日期前后端、QA们能够对产品迭代内有有一直的认识，清楚哪些是自己某一个迭代要按成的事情；（2）业务需求及对应设计师便于协作方进行工作分工，并能够随时找到交互设计师；（3）修改内容以及前端开发人员明确写明什么页面修改了什么内容，或者一个需求增加哪些页面，便于协作方了解设计细节内容。写明前端开发人员，则有助于帮助自己和QA们找到对应功能点的前端开发人员是谁（我在一个迭代中可能对接好多个前端人员，具体哪些需求点是谁实现的是记不住的，太笨了～）。2. 全局页面说明和全局交互全局页面说明主要包括Z轴内容层级，X轴和Y轴适配方案、整体跳转逻辑等，这些均需要在产品研发前期周知前端、视觉等协作同事的。准确传达自己的整体产品设计思路，便于他们进行框架搭建或者视觉定义。另外还可以指导后期复杂需求的交互设计。全局交互则是为了组件化设计，不仅保证产品设计的一致性，也能够提高视觉和开发工作效率。3. 全局性方案全局性方案不仅包含404／403方案、全局请求异常、空状态、页面／信息流加载方案等，还包含一些业务全局性方案，比如平台性的欠费停服流程（所有产品模块均需要）。二、布局篇-交互文档布局1. 单页面文档设计我们组做的基本都是 Web 端的设计，由于每一个页面的内容比较丰富且交互逻辑复杂，所以逐渐形成了每一个文档页面只做一个页面的设计的规则，保证设计文档中的页面与真实产品中的页面一一对应，便于交互文档按照产品业务组织和减少协作方查找内容时间。单页面设计其实与一个页面只讲一件事情的设计方法相通，在表述本页面内的设计内容时要说明清楚每一个与其他页面关联的用户接触点从哪里来到哪里去，保证开发、QA们阅读交互说明的时候能够理解当前页面内容与其他内容的关系。2. 统一页面内容布局作为交互文档，它的目标用户比较明显的主要是与我们协作的前后端开发、QA们、视觉小伙伴，其实我们可以很简单的就了解到他们几乎90%都在使用公司配置的显示器，公司配置的显示器基本尺寸微，所以便可以根据显示器的尺寸定义Web页面大小、交互说明显示区域等，这样便可以尽量保证在首屏内显示相关内容。另外，根据向开发了解，他们较为习惯Y轴方向浏览信息（其实感觉大部分人都喜欢Y轴方向浏览信息），因此文档页面和交互说明布局以纵向为主，在他们单方向浏览时，保证所有交互点都能看到。页面头主要包括页面名称、设计师信息和时间信息；主页面可在Y轴方向延伸，X轴方向尽量不做延伸，但是不排除有特殊的业务需求需要在X轴方向做延伸（比如运营平台中有强需要在表格中横向显示十几项信息内容）；交互说明主要包括交互点编号和交互逻辑。三、色彩和字体篇1. 尽量使用灰阶色不少交互设计师做交互稿的时候是非常认真的，会尽量做高保真的设计，有蓝色或绿色按钮、橙色的警告图标等，有时候还会直接用视觉设计定义的视觉色彩规范去做交互稿，呈现出完美的交互稿，说实话真的是很漂亮的交互稿，几乎不需要视觉设计师做什么修改。这样完美的交互稿却在无形中对视觉设计师、开发、QA们造成了困扰。就这个问题，我跟对接的视觉师有过深入的沟通，对于视觉设计师来说，在交互稿中出现的那些彩色其实会对他们做视觉设计造成一定的干扰，表示不同明度的灰色调其实是他们能够理解到交互设计师所要表达的意思的。另外，交互稿中彩色内容还会成为视觉焦点，跟开发和QA们有沟通过，他们表示这会无形中会干扰他们对交互逻辑和细节的关注。就这个问题，我们总结了一些灰阶色使用的大致范围，基本来说明度低于#333灰色是尽量不用的，大面积背景是尽量不使用明度地狱#999的灰色等一些原则，也能尽量让交互看起来干净整洁和有一定的美观度。2. 统一字号和字体对于字体，其实没有特别的要求，只要统一字体即可。我们组内统一使用微软雅黑，选择这个字体纯属因为它是无衬线字体，看着简单，而且微软雅黑是各浏览器适配系统字体时的常用默认字体。对于字号，倒是有些要求的，比如正常页面文稿中不得使用小于12px的字号，通用字号为14px，强调可用加大字号和加粗解决。字体中有一个正常页面文稿唯一可以使用的彩色，即警告色#ff6666（彩色也尽量使用饱和度较低的彩色）。四、内容篇前面说了很多见面展示的东西，内容上的话主要是交互页面和交互说明了，这是个比较复杂的事情，要针对不同类型的业务需求做出不同的页面设计，我就简单说一下需要注意的几个细节点吧。1. 不同类型的需求应有不同的方法呈现设计我们都知道，产品需求大致可以分为两大类：任务型和信息型需求，针对不同类型的需求要能够通过一些基本的设计方法去呈现我们的设计。比如对于任务型需求，我们可以提供必要的流程图去帮助开发和QA们更好的理解用户在完成任务的过程中可能会走到哪里，有助于他们进行研发设计和测试设计。那么对于信息型需求，则提供信息结构图和业务架构图，让他们在宏观上能够更好的理解需求。2. 交互说明应便于阅读和查找交互说明中尽量字体稍微大一些，，交互说明的字体大小我们使用的16px，比一般字体会大2px，这一方面可以区分交互说明文案内容和页面内容，另一方面也便于开发和QA们阅读。面上内容与交互说明的组织方式可以有很多中，比如画上连接线、编号标记等。我们组目前做的业务需求还是都比较复杂的，考虑到不想让页面变成编织网一样的东西，便采取了实用编号标记的方式去组织交互说明，如果交互说明中出现不同内容的点需要再次写交互说明的时候，编号采用N-N的形式，交互点钟每一条交互内容以中划线开头，交互内容中如果再有分级，便可使用无序编号等等，依次类推下去。如果交互说明中出现与其他页面的关联，着重标出来，这样便于开发和QA们在阅读的时候能够很快定位跳转或回跳页面，明确本页面与产品其他部分的关系。3. 交互说明应具有逻辑性逻辑性或许是每一个设计师的必备属性，我们使用MECE也好，使用逻辑树分析法也好，都是让我们能够遍历或穷举我们想要写的交互点的各种情况的。这里我主要想说的是要真正的具有逻辑性，我接触的一些设计师，虽然也能对一些用户接触点做处详尽而无遗漏的说明和解释，却经常会出现说此言彼的情况，使得交互说明冗杂而不易阅读。而真正的具有逻辑性，是能够清楚自己在每一个用户接触点上想要说明的场景和处理方式，尽量减少各个用户接触点的交叉说明，保证交互说明思路清晰而内容详尽。为此我也总结了一套简单的方法，即PTC4，此处先简单的说明下，以后会专门介绍一下这个方法。4. 交互流程应具有封装性封装性的概念其实来源于研发中代码封装的概念，说的是如果一个方法被封装好了，当使用到这个方法时，只需要传入不同的参数便可以得到想要的结果。这里我引用到流程的封装上，一个全局性的需求流程可能是不一样的，定义好变量参数，便可以在不同的模块调用这块逻辑。这是比较符合开发们设计代码的主要思路的，所以和研发们解释起来是非常顺畅的，而且能够减少重复设计。
本文仅代表作者观点，不代表百度立场。系作者授权百家号发表，未经许可不得转载。
孙老师说说
百家号 最近更新：
简介: 孙老师说，家长爱听的
作者最新文章2004年3月 专题开发/技术/项目大版内专家分月排行榜第三
本帖子已过去太久远了，不再提供回复功能。&&&&&&&&&&&&&&&&&&&&外观设计专利申请文件怎么写，外观设计申请要注意什么
外观设计专利申请文件怎么写，外观设计申请要注意什么
正在读取...&|&作者：南京专利律师&|&来源：法邦网
南京专利栏目关注：
一、外观设计文件怎么撰写？申请外观设计专利时需提交：外观设计专利请求书;外观设计图或照片;必要时，还应提交外观设计简要说明。外观设计图或照片应是每件产品的不同侧面或者状态的图或照片，一般应有六面视图(主视图、仰视图、左视图、右视图、俯视图、后视图)，必要时还应有剖视图、剖面图、使用状态参考图和立体图。二、外观设计申请要注意什么？A.外观设计图或照片a.图的大小不得小于3×8厘米，也不得大于145×? 22厘米，图的清晰度应在该图缩小到三分之二时，仍能清晰地分辨出图中的各个细节。b.绘图用黑色墨水和绘图工具，线条均匀清晰，不要使用铅笔、圆株笔、钢笔绘制，线条均匀、清晰、连续、适合复印要求，c.图形一般应当垂直布置，并按设计尺寸的比例绘制。需要横向布置时，图形上部应当朝向图纸左边。d.图中一律不画中心线、尺寸线、阴影线，一般不出现虚线或标记线。图形中不得有文字、商标、服务标志、质量标志以及近代人物的肖像。艺术化文字可以视为图案。e.几幅视图最好画在一页图纸上，若画不下，可以是多张图纸，但应按顺序编上页码。各向视图和其它各种类的图，都应按投影关系绘制，并注明视图名称。f.绘制彩色图片的纸张，应用较厚的绘图纸绘制后粘贴到标准格式的“外观设计图或照片”的文件纸上。g.照片的尺寸应与图的要求相同。h.照片不得折叠，并按视图关系沾贴在“外观设计图或照片”的文件纸上，左侧和顶部最少留2.5厘米，右侧和底部最少留1.5厘米。B.外观设计简要说明简要说明是对外观设计图或照片进行的简要解释和补充。其中不得有商业性宣传性用语，也不能用来说明产品的用途和性能。简要说明应简明扼要，通俗易懂。凡属下列情况者应当有简要说明：省略视图：外观设计产品左右、上下、前后对称时，可以各省略一幅视图，但要用语言说明，例如“左视图和右视图对称(相同)，省略右视图”。此外，产品不属于创作部位的方向，也可以省略视图，例如“产品底部不属于创作部位，省略仰视图”。
延伸阅读：
一、专利申请文件怎么填写？申请文件的填写和撰写有特定的要求，申请人可以自行填写或撰写，也可以委托专利代理机构代为办理。尽管委托专利代理是非强制性的，但是考虑到精心撰写申请文件的重要性，以及审批程序的法律严谨性，对经验不多的申请人来说，委托专......
一、专利申请文件怎么写？A.请求书的撰写：按照表格的内容及提示填写。B.说明书的撰写：按照发明或实用新型名称、所属技术领域、背景技术、发明创造的目的、技术方案、有益效果、结合附图做进一步说明、具体实施方式这些步骤逐一进行论述。C.权利要求书的撰写......
南京专利律师温馨提示：我国的专利授予遵循先申请原则，对同一专利先提出申请的人获得专利权，因此发明人的发明创造如不及时申请专利，让其受到法律保护，那么他人抢先将发明人的劳动成果提出专利申请，反过来向法院提起侵犯其专利权的诉讼，不仅会使发明者的劳动成果不能使用，还会带了不小的经济损失。
如果您遇到专利问题，可以拔打免费专利法律咨询电话：，专业专利律师为您提供服务！
专利申请问题相关栏目
关于外观设计专利申请文件怎么写，外观设计申请要注意什么 的推荐内容
专利申请问题相关咨询
南京专利律师电话咨询热线，专业知名专利律师为您解决专利纠纷！
专利相关流程
只有专业才能提供更优质的服务
资深专利律师温馨提示：我国的专利授予遵循先申请原则，对同一专利先提出申请的人获得专利权，因此发明人的发明创造如不及时申请专利，让其受到法律保护，那么他人抢先将发明人的劳动成果提出专利申请，反过来向法院提起侵犯其专利权的诉讼，不仅会使发明者的劳动成果不能使用，还会带了不小的经济损失。
如果您遇到专利问题，可以拔打免费专利法律咨询电话：，资深专利律师为您提供服务！
专利申请问题相关咨询
专利申请问题相关案例
专利申请问题相关资讯
专利申请问题相关法规
专利申请问题相关合同
专利申请问题相关专题
专利申请问题热门专题
法邦专利律师为您提供实用新型专利代理、外观专利代理费、发明专利注册代理的法律知识，并详细介绍专利申请代理的流程和专利代理需要多少钱等相关内容。
如果您遇到专利方面的问题，可以拔打我们的免费专利咨询电话：。专业专利律师为您服务。或发布：
法邦网免费法律咨询热线：}