首页高端网站建设正文

产品网页原型设计案例（网页设计原型图）

高端网站建设 2024-02-02T02:50:10 6

本文目录一览： 1、标题:原型设计中的低保真原型和高保真原型区别是什么? 2、

本文目录一览：

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

2、低保真原型的作用是表现产品中最重要的用户流程和功能所涉及的页面关系。高保真原型展示的细节比低保真更深入细致，高保真原型是尽可能接近最终产品的样式。

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

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

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

6、我们既不能为了简单省事而总是使用草图，也不能一味的追求炫技直接设计高保真原型，而是综合评估上述因素。在通常的工作当中，我们使用最多的是低保真原型，毕竟项目团队的实施人员才是最关心产品原型的人员。

因为是原型是需求和功能的具象化表达，所以原型可以辅助产品经理与领导、交互、UI和技术的沟通产品思路。因为原型相较于UI稿来说修改更方便，所以原型能提高产品经理的功能设计没通过评审时返工的工作效率。

我们我们可以参考一些app中常常采用的”我的“图标样式，然后用axure默认的基本形状元件，比如矩形、横线、圆形等，组合拼凑成最终比较理想的样子。

建议初学者可以直接使用矩形工具包括中间部分，再设置为动态面板。

首先我们需要下载一个Axure，可以去百度下一个，因为这个软件是要钱的，最好是下一个免费的。下载完成后进行安装，然后打开我们的Axure，之后我们打开功能面板。

后来，Axure 出现了。它可以快速绘制出网站及 APP 的产品原型，成为了当前主流的原型设计工具，是产品经理的必备技能。2019 年 Axure 的最新版本是 Axure RP 9。

Axure是最常用的原型制作工作之一。无须任何HTML/CSS/JavaScript基础，你都可以使用Axure制作出具备良好交互效果的原型图。

产品网页原型设计案例（网页设计原型图）

1、Bady是一位位于新加坡的用户界面设计师，他目前在一家银行做全职工作，他非常热爱设计，认为设计是解决人类问题的最好方法。他的作品集采用了大量的留白，界面干净而舒适，还包含一个日志，记录设计灵感。

2、一个完整的作品集应该包含开始的自我介绍、作品展示、结尾的感谢。开头页一个作品集的开头就已经开始展示一个UI设计师的能力了，整个作品集的开始部分界面风格尽量统一。有些设计师会用简单的图片作为作品集的第一页，如下图所示。

3、UI MovementUIMovement 网站是一个致力于手机APP和分享最好的UI设计灵感，帮助设计师获得最优秀的UI设计作品。如果你对APP UI动效感兴趣的话，那这个网站你必须。

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

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

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

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

5、等到想法成熟之后不妨慢慢的考虑工具的深入，太多的考虑技巧方面的问题反而会模糊视线。思考的过程和画图的时间可以在7：3都无所谓，前期的框架和流程思路想好后，后面的原型图也就水到渠成了。

6、描述网页设计的一般步骤网站结构设计网站结构设计包含网站栏目设计和网站模块设计以来确定网站提供服务的一种逻辑表现形式，也是网页之间的层次关系。

乔晟 25397 0