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