原型图总结规范

简介: 原型图总结规范

1:基本概念

产品原型是产品设计方案的表达,是产品设计界面的展示,是功能与交互的示意。


2:基本构成

原型图的元素就是构成原型图的最基本元素,例如,图片、按钮、输入框等等。这写元素按照不同功能又分成三种。分别是 展现元素、可操作元素、输入元素、三种。


2.1 : 展现元素

展现元素就是原型图中最基本的静态元素,例如文字、图片、标题、一些不会发生改变的元素。


2.2 :可操作元素

可操作元素属于原型图中一些动态的元素。进行操作之后会产生一些交互。比如说一些按钮,点赞、表单提交等等、


2.3 :输入元素

输入元素为用户在使用产品时提供数据输入功能的元素,最常见的有用户注册时需要填写的表单数据,或者是用户回复、评论内容的输入框。


3 :规则要求

3.1 颜色

尽量使用黑白灰三种颜色,避免UI设计产生对原型的影响。原型图应该更加注重功能的呈现。


3.2 交互

每个按钮下面的功能,链接跳转,上下页切换等功能动画都要展示出来。


目录
相关文章
|
8月前
|
数据可视化 数据库连接 测试技术
【软件设计师备考 专题 】编写外部设计文档:系统流程图和功能说明书
【软件设计师备考 专题 】编写外部设计文档:系统流程图和功能说明书
221 0
|
存储 设计模式 人工智能
规范:前端代码开发规范
规范:前端代码开发规范
1621 0
|
前端开发
原型图的设计使用
原型图的设计使用
|
存储 算法
详细设计说明书的内容要求
详细设计说明书的内容要求
|
开发工具 git
代码统一风格、代码规范和提交规范
1、安装模块 全局安装 eslint、commitlint 、 check-prettier npm install eslint commitlint check-prettier -g 本地安装 npm install eslint-config-prettier  stylelint  stylelint-config-prettier stylelint-config-standard husky  @commitlint/config-conventional -D VSCode 安装 Eslint和Prettier插件
159 0
|
前端开发
前端工作小结15-原型图
前端工作小结15-原型图
112 0
前端工作小结15-原型图
|
数据可视化 测试技术 uml
iOS开发:UML在项目开发中的规范应用
统一建模语言(英语:Unified Modeling Language,缩写 UML)是非专利的第三代建模和规约语言。UML是一种开放的方法,用于说明、可视化、构建和编写一个正在开发的、面向对象的、软件密集系统的制品的开放方法。
256 0
iOS开发:UML在项目开发中的规范应用
|
前端开发
前端工作总结270-发布逻辑处理
前端工作总结270-发布逻辑处理
70 0
|
运维 监控 数据挖掘
需求管理规范
需求管理规范
677 0
需求管理规范