原型图是什么?如何画原型图

简介: 原型图是什么?如何画原型图

在我第一次听说“原型图”的时候,我一度以为“原型图”是圆的,从一开始的不了解,到尝试着画,已经是软件开发过程中不可或缺的一部分。

原型图是什么?

原型图是一款产品推出市场之前的一个简单的示例,就是将页面的排版布局通过这种形式展现出来,包括每个功能键的交互展示,使产品的初步构思有一个可视化的展示

原型图规范:

1.不要以截图的形式展现原型图

截图是静态的,这样不仅不够专业,且不利于更好的展示。

2.结合面向对象中的可复用

面向对象程序设计中,我们会把公共的抽象出一个类,需要的时候new一个对象,减少了冗余。原型图设计中同样具有这样的问题,需要将公共的内容抽象出来,并且在原型图中复用

3.事件驱动

一个软件界面是有交互的,一个拥有事件驱动的界面才真正的接近于现实,更好的实现展示的目的

4.动态原型图效果

相关文章
|
10月前
|
数据可视化
原型图总结
原型图总结
49 0
|
10月前
|
前端开发
原型图的设计使用
原型图的设计使用
|
10月前
|
数据可视化
|
10月前
关于原型图的深入理解
关于原型图的深入理解
|
10月前
|
数据可视化 前端开发 开发者
架构学习——原型图
架构学习——原型图
107 1
|
前端开发 安全 vr&ar
提升生产力,7 款好用的原型图工具推荐给你
目前有很多 UI 设计工具可以帮助您设计用户界面,码匠这里分享 7 款好用的原型图工具。
551 0
提升生产力,7 款好用的原型图工具推荐给你
|
Web App开发 移动开发 前端开发
一篇文章教会你利用createjs实现界面效果
一篇文章教会你利用createjs实现界面效果
238 0
一篇文章教会你利用createjs实现界面效果
|
数据可视化 JavaScript 物联网
ThingJS之3D开发:如何做颜值高的设计?
不要把关于设计的这些内容看得太过严肃。
ThingJS之3D开发:如何做颜值高的设计?