设计交付物,就是设计师交给开发人员最终的文件或者资料。这些文件和资料在各个公司有不一样的表现形式。这是我我的以为比较合理的交付物的类型。web
对于不一样的平台,提供不一样的交付物,首先须要知道各自平台的特色。有针对性的制做和提供交付物,会大量减小设计师的工做。同时也会对流程有一个更加详细的了解。app
针对不一样的平台,各个交付物是有差异的。主要的两个平台:Web和移动App。框架
界面操做和功能较多 布局
一个web页面可能多达20种操做和功能动画
同一界面展现不一样内容较多spa
功能多引发的界面展现和切换也就比较多,对话框之类的,页面的动态更新之类的设计
界面元素多orm
web的页面有多丰富也就不用说了图片
页面尺寸比较大开发
通常web的页面宽度,最起码是800像素。高度就更不用说了。
界面跳转比较单一
跳转单一表现为:要么是进入到另外一个界面,要么是在本页面显示不一样的内容。
界面操做和功能比较相似
App的界面,基本上是按照功能来区分的,界面和操做基本相同。
同一界面展现内容相似
App的界面内容基本上是内容相关为主的。
界面元素相似
界面的布局基本相同。列表或者九宫格。每一项的布局也基本相同。
界面跳转单一
通常点击都是跳转到另外一个页面。
交付物的种类,按照不一样的衡量标准,能够分红不一样的种类。
线框图
线框图就是用简单的线和方框来描绘出框架。
高保真
界面基本上就是和最终的产品界面同样,能够看出最终的产品形态。
低保真
介于线框图和高保真之间的一个交付物。
静态流程图
各个界面的切花用线链接起来,用于标识两个界面之间的跳转状况。通常全部的交互在一张图上可以完成。特别大的项目,须要划分为各个模块分别出流程图。
动态流程图
用可点击,可操做的方式,表述界面之间的跳转。
标注图
通常在高保真上标住。标注尺寸大小,边界距离,文字颜色等等。
切图
对于不一样的控件和状态,切的背景图,图标之类的。有些可能有动画效果。
web端因为有界面跳转多样,若是用静态流程图去提供交付物,那么那个静态图得有多大。。显然不是很合适。因此不一样的平台对交付物也有必定的影响。通过分析对比,最后的交付物这样比较合理:
低保真,能够用线框和高保真组合,既能表达主体框架,又能体现部分产品形态。对于页面尺寸较大,功能较多的页面来讲,可以提升设计速度。
动态流程图,避免了静态流程图的一张图上标住全部流程而引发的超大图片的弊端。同时也可以对web上多样功能的细粒度的展现和操做。同时还能避免重复拷贝多个只有局部改变的页面。同时也能反映各类web上鼠标通过的状态等等。。因此,动态图绝对是合适web设计用的。动态流程图能够用Axure去绘制。
切图和标注,是每一个交付物必需要提供的。用于造成最终的产品。
高保真,让开发人员可以直观的看到最终的产品,同时可以让开发人员更好的去布局。因为app的界面都不是很大, 设计师在出高保真的时候也不会耽误很长时间。这样作也能够为后来的标住提供一个好的界面。
静态流程图,便于利用高保真直接组成流程图。同时也可以直观的看出来哪些界面没有设计的。
切图和标注,是每一个交付物必需要提供的。用于造成最终的产品。