产品网页原型设计案例（网站原型设计流程）

本文目录一览：

• 1、标题:原型设计中的低保真原型和高保真原型区别是什么?
• 2、页面在线原型设计方案-如何设计出色的网站后台原型
• 3、Axure设计图片轮番播放效果的网页原型的教程

标题:原型设计中的低保真原型和高保真原型区别是什么?

1、低保真原型 低保真（lo-fi）原型设计是将高级设计概念转换为有形的、可测试物的简便快捷方法。它首要的也是最重要的作用是——检查和测试产品功能，而不是产品的视觉外观。

2、高保真，不用效果图，与上线效果同。用途：面试、竞标、大型展示活动。低保真色块少，细节少，在原图的基础上进行优化删减细节，能够识别大体效果。

3、原型化方法是一种以快速建立原型为核心的设计方法，通常可以分为三类：低保真原型、中保真原型和高保真原型。

4、低保真又叫原型图，也称作为交互原型，一般由交互设计师完成，完整的UCD团队一般会先出低保真，然后再出高保真（视觉稿）。

页面在线原型设计方案-如何设计出色的网站后台原型

1、对于后台功能模块的结构和页面逻辑有清晰的认识 能够熟练的使用原型工具 优秀的设计风格和设计规范 1是基础，2是进阶，3则是让原型变得出色的点缀。

2、能够熟练的使用原型工具优秀的设计风格和设计规范如果有架构设计能力的，后台比前台简单，对UI UE的要求不高。如果架构设计能力不够的话，那就不是前后台的问题了，因为后台本来就是就是环环相扣的地方。

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

4、这个是和普通原型设计比较不同的一点，如果是改版还需要特别标注和旧版的区别，以及旧数据的清理或迁移方案。另外，还需要考虑和其他资源（前台、对应页等）的配合，数据流向以及状态转移等。

Axure设计图片轮番播放效果的网页原型的教程

制作材料图片轮播原型，我们选择使用中继器来制作，为什么使用中继器呢？因为中继器制作完成之后，维护简单，只需要像填写excel表格那样，填写中继器表格导入图片即可。交互自动实现，复用性高，维护成本低，以后项目也可以用到。

新建项目。通过依次点击菜单栏文件（File）-新建（New）来创建新项目。添加图片元件。从左侧元件库（Libraries）中找到图片（Image），拖放到画布适合的位置。导入图片。

Axure中继器制作图片轮播效果教程：所需材料中继器×1，图片×1，动态面板（循环面板）×1，左按钮×1，右按钮×1。