admin管理员组

文章数量:1606191

十大特色

1. 云端保存(实时保存到云端) 

2. 实时预览(多种设备完美预览) 

3. 偏好设置(随心自定义快捷键方便创作)

4. 交互/动画、状态

5. 实时分享

6. 项目导出为（png、jpg）

7. 自定义素材

8. 自定义模板

9. 海量icon

10. 内置丰富组件


工具地址：ww w.yoyoo.ink      也可直接百度：yoyoo原型设计工具


创建项目

哈喽， 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 : 工具

来自 “ ITPUB博客 ” ，链接：http://blog.itpub/69925686/viewspace-2645473/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub/69925686/viewspace-2645473/

本文标签： 十大原型技法特色YOYOO

版权声明：本文标题：YOYOO原型设计——十大特色及创作技法 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dianzi/1728493410a1160641.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。