原型图总结

简介: 原型图总结

什么是原型图


原型图就是一款产品成型之前的一个简单的框架,就是将页面的排版布局展现出来,每个功能键的交互,使产品的初步构思偶一个可视化的展示。


原型图的作用


当一个企业想开发一款产品时,与对方沟通清楚业务流程和需求后,其实并不知道想象的到自己产品的形态,那么原型图可以让自己提前看到,产品的界面样式,每个按钮的功能和效果,也可以看到产品的基本框架,和运作机制,获得比较真实的感受。同时给对方看自己的页面时,也可以给对方简单介绍自己的产品的样式。如果需要修改暂时只修改原型图即可。


画原型图的工具


常用的有小piu工具


总结


再开发之前,一定要先有原型图,然后再进行代码上的设计,设计出来的页面要和原型图一致。


相关文章
|
10月前
|
前端开发
原型图的设计使用
原型图的设计使用
|
10月前
关于原型图的深入理解
关于原型图的深入理解
|
10月前
|
数据可视化
|
10月前
|
数据可视化
原型图是什么?如何画原型图
原型图是什么?如何画原型图
127 0
|
10月前
|
数据可视化 前端开发 开发者
架构学习——原型图
架构学习——原型图
107 1
|
前端开发
前端工作小结15-原型图
前端工作小结15-原型图
85 0
前端工作小结15-原型图
|
前端开发 安全 vr&ar
提升生产力,7 款好用的原型图工具推荐给你
目前有很多 UI 设计工具可以帮助您设计用户界面,码匠这里分享 7 款好用的原型图工具。
550 0
提升生产力,7 款好用的原型图工具推荐给你
|
Web App开发 移动开发 前端开发
一篇文章教会你利用createjs实现界面效果
一篇文章教会你利用createjs实现界面效果
237 0
一篇文章教会你利用createjs实现界面效果
|
弹性计算 Kubernetes 网络协议
图表即代码:使用 Diagrams 制作云系统架构原型图
## 一、前言 昨天发现了一款非常不错的云系统架构原型图制作库 [Diagrams](https://github.com/mingrammer/diagrams "Diagrams"),通过它,我们便可以使用代码的方式绘制诸如阿里云、AWS、Azure、K8S 等系统架构原型图。 相比于在 UI 上对各种图标进行拖拽和调整,这种方式更符合我们程序员的使用习惯。 本文不仅要介绍下
1957 1