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

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

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

原型图是什么?

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

原型图规范:

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

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

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

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

3.事件驱动

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

4.动态原型图效果

相关文章
|
10月前
|
数据可视化
原型图总结
原型图总结
46 0
|
10月前
|
前端开发
原型图的设计使用
原型图的设计使用
|
10月前
关于原型图的深入理解
关于原型图的深入理解
|
10月前
|
数据可视化
|
10月前
|
数据可视化 前端开发 开发者
架构学习——原型图
架构学习——原型图
106 1
|
10月前
|
数据可视化 测试技术
【系统架构】原型图的认识
【系统架构】原型图的认识
|
12月前
|
人工智能 前端开发 JavaScript
前端自给自足UI设计稿?(Midjourney+MasterGo)
前言 最近在自己做一个可能有意思的项目。对于公司的项目,一般都是有对应的UI设计稿作为参照开发的,而对于自己之前的一些小项目,更多则是套用模板,想到哪写到哪这种方式写的前端页面。 后者这种方式肯定是不对的,就好比我们写代码要先写技术文档,再来写代码一样。
248 0
|
前端开发
前端工作小结15-原型图
前端工作小结15-原型图
84 0
前端工作小结15-原型图
|
Web App开发 移动开发 前端开发
一篇文章教会你利用createjs实现界面效果
一篇文章教会你利用createjs实现界面效果
237 0
一篇文章教会你利用createjs实现界面效果