原型图总结规范

简介: 原型图总结规范

1:基本概念

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


2:基本构成

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


2.1 : 展现元素

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


2.2 :可操作元素

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


2.3 :输入元素

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


3 :规则要求

3.1 颜色

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


3.2 交互

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


目录
相关文章
|
1月前
|
数据可视化 数据库连接 测试技术
【软件设计师备考 专题 】编写外部设计文档:系统流程图和功能说明书
【软件设计师备考 专题 】编写外部设计文档:系统流程图和功能说明书
87 0
|
6月前
|
Web App开发 前端开发 JavaScript
网页前端项目评审参考标准
网页前端项目评审参考标准
51 0
|
1月前
|
编解码 缓存 数据库
【软件设计师备考 专题 】编写内部设计文档:屏幕设计和数据库设计
【软件设计师备考 专题 】编写内部设计文档:屏幕设计和数据库设计
64 0
|
3月前
|
开发工具 git
uniapp项目实践拓展章:代码统一风格
uniapp项目实践拓展章:代码统一风格
40 0
|
3月前
|
安全 前端开发 测试技术
【测开方法论】当老功能代码命名不规范的时候...如何安全增加新功能
【测开方法论】当老功能代码命名不规范的时候...如何安全增加新功能
|
9月前
|
前端开发
原型图的设计使用
原型图的设计使用
|
4月前
|
前端开发 JavaScript Java
COM、ActiveX与ActiveXDLL和ActiveXEXE:探索组件化开发的潜力(附图代码及关系详解)
COM、ActiveX与ActiveXDLL和ActiveXEXE:探索组件化开发的潜力(附图代码及关系详解)
|
9月前
|
开发工具 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插件
117 0
|
数据可视化 测试技术 uml
iOS开发:UML在项目开发中的规范应用
统一建模语言(英语:Unified Modeling Language,缩写 UML)是非专利的第三代建模和规约语言。UML是一种开放的方法,用于说明、可视化、构建和编写一个正在开发的、面向对象的、软件密集系统的制品的开放方法。
182 0
iOS开发:UML在项目开发中的规范应用
|
设计模式 Java 程序员
怎样才能写出规范的好代码?
最近发现一件事情,自己写的代码和公司里工作5到10年的前辈写的代码虽然功能一样,但是他们的代码更规范,更优雅。比如有时候我会给一个需求写一个方法,但是有些人就可以好几个需求通过同一个方法实现。因此有了今天这个疑问,怎样才能写出规范的好代码?