网页产品设计原型（网页产品设计原型是什么）

本文目录一览：

• 1、原型设计图-如何进行web页面原型图设计

原型设计图-如何进行web页面原型图设计

最后的效果如下图，此时所有的字段值都存在2种状态：查看和编辑。

定义需求 首先明确客户的需求，确定风格和页面风格，确定网页的主色调。明确需求后，就可以安排美工出图了。图纸（原型）用图像处理软件（比如ps）设计网页效果图（UI设计）是美工的工作。

可以先用Axure设计原型图，然后导出Html网页格式。 不支持网页的再次编辑，不支持在浏览器左侧显示网页的目录； 邮件接收Html原型图的压缩包，需要解压，然后还需要在众多网页文件中，一个个点开查看； 页面之间的跳转关系，难以表达清楚。

首先我们打开一个已经设计好了的网页原型。然后点击软件右上角的发布按钮，找到生成HTML文件一项。或者直接在打开的网页原型中按F8，使用快捷键打开。选择存放HTML文件的目标文件夹。

第二步：制作网页原型图 这是一个费脑活，目前大多数人都是采用Axure的软件制作，画原型图需要参考很多网站风格，通过不断的借鉴，才能总结自己的网站风格。目前设计流行的元素是采用图标配文字，界面扁平化，尺寸做成宽屏风格。