【产品设计】原型设计

news/2024/11/23 0:53:05/

一、什么是原型图

“原型”的最基本定义是“最终产品的仿真或样本版本,用于发布之前方便测试。” 原型的目标是在花费大量时间和金钱进入开发产品前,让开发者以及对应的需求方能够快速的了解产品创意以及产品的样式布局。

原型是一种让用户提前体验产品、交流设计构想、展示复杂系统的方式。就本质而言,原型是一种沟通工具。

  线框图描绘的是页面功能结构,它不是设计稿,也不代表最终布局,线框图所展示的布局,最主要的作用是描述功能与内容的逻辑关系

  原型图是最终系统的代表模型或者模拟,比线框图更加真实、细致。

二、原型的类型有哪些?

如果需要从类型上来区分原型稿,大致可以分为三类:低保真原型、高保真原型、可交互原型。

低保真原型

  低保真原型可以理解为高保真原型的雏形,一般在产品架构还不清晰的情况下产出的产品原型,产品还需要不断的设计迭代,此阶段低保真原型的设计成本较低。

  低保真原型虽然是线框图,但是依然能够清晰的表达系统每个功能的业务逻辑、流程节点、功能点、页面布局、页面元素等。

三、高保真原型

  高保真原型又可以被称为产品的演示Demo,这种原型除了没有后台数据交互外,完全可以模拟出真机静态演示效果,用户看到界面的所有功能、所有设计、所有状态反馈等等,都可以在这个原型中进行表现和传达,但是唯一的不足之处就是这类原型都是静态的,没有任何动效的,也就是说按钮就是按钮,你点按钮是没有任何反应的。

高保真原型设计稿,不仅仅要将页面布局、功能展示进行更细致的表现外,还需要对色彩风格、图标风格、文本样式、间距等等进行更高质量的输出。

  一个高质量的高保真原型,是产品最终静态的可视化成果,也是前端/后端开发/测试人员的开发验收的重要标准之一。

四、可交互原型

可交互原型,顾名思义就是原型图支持用户的交互操作,通过每一次滑动、点击的操作,可以为用户展示不同的交互效果。

  高质量的可交互原型,能够100%模拟出真机的实际操作,包括登录、注册、查询、报价、下单等等,通过真机模拟,来让客户真实感受产品。

五、主要设计工具

Axure RP 是一款快速原型设计工具,它不需要任何编程或写代码基础,就可以设计出交互效果良好的产品原型,常用于互联网产品设计、网页设计、UI 设计等领域。作为一款热门的原型设计工具,它可以完成很多纸和笔画不出来的事情,特别是高交互的页面,用动画效果展现让人瞬间清楚你要表达的内容。

我们可以在Axure中文学习网上学习它:https://www.axure.com.cn/86308

或者在b站找个视频看下案例:https://www.bilibili.com/video/av58666880/?vd_source=53f038e0534bbeb798b0fc50865c85d5

一些素材库:https://ant-design.antgroup.com/docs/resources-cn


http://www.ppmy.cn/news/9952.html

相关文章

AI机器学习时序序列特征提取实现分类预测实战

最近有位做医疗项目的同学咨询有一批人员的身高、体重、性别、年龄、心电图、是否有心脏病等数据是否可以根据这些数据预测某个人是否有心脏病的迹象。这当然是可以的,AI机器学习不就是干这事的吗?这是一个典型的分类算法。根据这些人体特征来判断是否存…

Git的标签:tag

目录 1. 查看标签 1.1 简单查看 1.2 匹配筛选标签 2. 创建标签 2.1 附注标签 2.2 轻量标签 2.3 代码提交之后打标签 2.4 提交标签 3. 删除标签 4. 检出标签 Git 可以给仓库历史中的某一个提交打上标签,以示重要。 比较有代表性的是人们会使用这个功能来标记…

【Java语法】之String类练习2

目录 1.转换成小写字母 2.字符串中的单词数 3.交替合并字符串 转为数组 转为StringBuilder 4.字符串压缩 5.关于同构 有效的字母异位词 字符串的排列 6.长度最小的子数组 7.小结 1.转换成小写字母 709. 转换成小写字母 难度简单220 给你一个字符串 s ,将该字符串中…

基础算法[四]之图的那些事儿

文章目录前言图的表示邻接矩阵邻接表结构存储遍历路径搜索多源最短路问题问题描述Floyd实现模板单源最短路径问题Dijkstra算法朴素版本堆优化邻接表python实现Bellman-Ford 算法实现SPFA 算法实现python 版本判断负环小结最小生成树Prim算法Kruskra算法实现python版本二分图二分…

线段树讲解

0、引入 假设给定一个长度为 1001 的数组,即下标 0 到 1000。 现在需要完成 3 个功能: add(1, 200, 6); //给下标 1 到 200 的每个数都加 6; update(7, 375, 4); //下标 7 到 375 的数全部修改为 4 query(3, 999); //下标 3 到 999 所有数…

Python数据分析——pandas

1.pandas简介 pandas 是 Python 的核心数据分析支持库,提供了快速、灵活、明确的数据结构,旨在简单、直观地处理关系型、标记型数据。pandas 的目标是成为 Python 数据分析实践与实战的必备高级工具,其长远目标是成为最强大、最灵活、可以支持…

【小知识点】Python 随机生成一个汉字,提供了多种办法,目的竞然是用于创建头像

文章目录需求来源随机汉字随机生成常用汉字需求来源 在编写爬虫训练场 项目时,碰到一个随机头像的需求,这里用汉字去随机生成。 模拟的效果如下所示,输入一组汉字,然后返回一张图片。 接口地址如下所示: https://ui…

Struts2获取表单数据

Struts2获取表单数据Struts2获取表单数据1、原始Servlet方法2、属性封装3、表达式封装4、模型驱动封装Struts2获取表单数据 在Struts2中获取表单数据或提交路径的参数值的方式有4种。如下: 原始Servlet方法属性封装表达式封装模型驱动封装 1、原始Servlet方法 该…