如何使用yoyoo原型设计

在使用之前,您需要知道关于工具的几个小知识


1.组件(内置12个基础组件)

组件是设计原型的基本组成,每一个原型都由无数的基础组件组合而成。在菜单栏目组件菜单中,应用内置了12个基本组件(图片、文本、按钮、矩形、三角形、气泡、圆形、直线、斜线、单行输入、多上输入、下拉选择)

2.属性

每个组件都有自己的属性(颜色、文字、对齐、填充、边框)通过修改属性可以修改组件的大小、颜色、边框等。

3.状态

状态属于页面,例如基本的侧边栏菜单就包含两个状态(菜单隐藏时、显示菜单时)当状态切换时可以轻松实现过渡动画,切换动画可以使用事件来完成

4.页面

页面是一个项目的基本组成、所有组件都在页面中设计,页面可以单独导出图像,也可以将整个项目页面导出为图片

5.交互、动画

事件交互属于组件的属性,每个组件都支持事件交互和动画。通过设置事件类型(单击、双击、鼠标进入、鼠标离开),设置事件触发后要交互的目标组件(目标组件包含页面、和组件)如果选择目标为页面、那么可以实现页面跳转、如果目标为组件则可以 将目标隐藏、显示、播放动画等

6.自动保存

当开始编辑时,文档会临时存在本地存储中。即使突然关机、断网。再次开启时也能轻松恢复数据

7. 自定义模板

在设计原型时,一个组件可能会在多个页面中使用。为避免重复设计,可以将设计好的组件设置为模板,达到组件复用

yoyoo原型设计

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,268评论 1 45
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 10,702评论 0 21
  • 今天时间没挤出来,还是只完成了第二章,说些感觉学习到的点。 1.“移动营销的关键在于能否在当下场景完成迅速转化。”...
    蔡元昆阅读 1,814评论 0 0
  • 好久不见 三年前的那个中午,她踏上了前往H市的火车。她手里提着一个沉甸甸的布包,包里是一大摞文件。她吃力的上了火车...
    杨纯阅读 1,828评论 2 0
  • 不恨不怨,不留不恋,那些过去的过不去的都将过去,微笑向暖,年华未央。 2017年8月19日 星期六 晴 ...
    a糖姐阅读 2,755评论 0 0

友情链接更多精彩内容