原型图总结规范

简介: 原型图总结规范

1:基本概念

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


2:基本构成

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


2.1 : 展现元素

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


2.2 :可操作元素

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


2.3 :输入元素

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


3 :规则要求

3.1 颜色

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


3.2 交互

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


目录
相关文章
|
6月前
|
数据可视化 数据库连接 测试技术
【软件设计师备考 专题 】编写外部设计文档:系统流程图和功能说明书
【软件设计师备考 专题 】编写外部设计文档:系统流程图和功能说明书
184 0
|
Web App开发 前端开发 JavaScript
网页前端项目评审参考标准
网页前端项目评审参考标准
90 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插件
151 0
|
域名解析 架构师 定位技术
CUED 制作规范|学习笔记
快速学习 CUED 制作规范。
|
数据可视化 测试技术 uml
iOS开发:UML在项目开发中的规范应用
统一建模语言(英语:Unified Modeling Language,缩写 UML)是非专利的第三代建模和规约语言。UML是一种开放的方法,用于说明、可视化、构建和编写一个正在开发的、面向对象的、软件密集系统的制品的开放方法。
229 0
iOS开发:UML在项目开发中的规范应用
|
XML 存储 设计模式
如何形成统一设计风格-实践篇
在上一篇《业务团队如何统一架构设计风格?》中,探讨了一种业务架构的设计规范,以期达到这些目标:用标准约束技术细节;用技术工具而非文档推行标准;持续重构而非造新轮子;重视业务建模。但通篇表述较为抽象。本篇将总结团队近来的架构演进工作,以更具体的技术细节,详细阐释该理念,作为“统一业务设计风格”的实践篇。文中详述了多个层面的设计规约和基于规约的搭建方式,并在末尾回答了上一篇的诸多疑问。
如何形成统一设计风格-实践篇
|
设计模式 Java 程序员
怎样才能写出规范的好代码?
最近发现一件事情,自己写的代码和公司里工作5到10年的前辈写的代码虽然功能一样,但是他们的代码更规范,更优雅。比如有时候我会给一个需求写一个方法,但是有些人就可以好几个需求通过同一个方法实现。因此有了今天这个疑问,怎样才能写出规范的好代码?
App设计的基本原则和规范
为了能在交互设计和用户体验上做出比竞品更优秀的移动APP产品,我们必须知道移动设计的基本原则。 目前移动设计在我们的工作中越来越重要啦,除了掌握基本的UI设计技能之外,我们也要对移动互联网的特征有所认识。
2814 0
移动端UI设计规范模板参考以及设计规范的好处
2018也快要过完了(-_-),我们的移动端的UI设计规范也层出不穷。很多APP设计师也要在年底给公司或者是团队做一个总结。那么一个像样的APP ui设计规范也是很有必要的作品回顾。
1925 0