YOYOO原型设计十大特色

1.云端保存(实时保存到云端)
2.实时预览(多种设备完美预览)
3.偏好设置(随心自定义快捷键方便创作)
4.交互/动画、状态
5.实时分享
6.项目导出为（png、jpg）
7.自定义素材
8.自定义模板
9.海量icon
10.内置丰富组件

创建项目

哈喽，YoYoo终于等到你啦～
下面是我们精心为你准备的教程！基础教程的使用，带你快速玩转YOYOO原型设计软件。

Step1:快速创建项目

*推荐大家使用chrome浏览器（最新版）进行操作，能带来更好的使用体验。使用IE、360浏览器等可能产生兼容性问题。

登录YOYOO后进入「工作台」，点击「创建项目」，输入项目名称、访问密码，选择项目类型（手机、平板、自定义等多种平台），即可创建新项目。

注：密码访问时，分享给他人需要输入密码才能访问。

Step2 : 创建页面结构

页面列表位于工作区的左侧。
在左侧编辑面板-「页面」中点击最下方的添加按钮，快速添加页面。
在页面列表下添加新页面、子页面、创建新状态、删除等操作。
Ps:清晰简洁的结构图，更容易让人操作起来一目了然。

Step3 : 创建组件

从左侧「组件」的「基础组件」中任意选择需要的组件，直接拖拽到页面上；对其进行大小、颜色、外观等属性设置。

Step4 : 组件库已有资源

制作原型时，可在左侧组件库库底部查看你需要的组件资源，可直接拖拽组件到视图中进行编辑，更加简单快捷，提高原型制作效率。

Step5 : 自定义模板库

左侧模板库可自定义添加一些自己喜欢的常用模板组件，以供随时方便使用。
将自己视图中创作好的内容，右键-添加到我的模板便可将内容放进左侧模板库内。下次使用可直接在搜索框输入模板名称进行搜索，以便更能提高工作效率。

Step6 : 项目预览

原型制作过程中，可以随时查看原型在pc或移动设备上的真实运行效果。通过点击右侧上方即可完成PC端预览，扫码可预览手机APP效果，还可以将原型设计效果分享给你的朋友，让大家第一时间看到设计成果。

Step7 :素材

将需要的图片拖入左侧素材栏进行上传，然后可直接将上传进素材库的图片拖到页面内进行使用，再调整/位置/大小/形状等。

Step8 :我的

1.“导出项目页面”导出当前页面或所有页面。
2.“偏好设置”里面所有的基础快捷键，并且可自定义快捷键。、
3.“前端社区”FE(Front-end)前端社区是一个基于JavaScript垂直化的前端技术社区站点,致力于促进Web Developer领域知识与技术创新的分享与交流。
4.“分享”复制链接，可直接去吧地址粘贴给朋友看。
5.“个人中心”

Step9 :工具

链接: YOYOO原型设计.