恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
01 Origami Studio Basics
0.0°
2016-12-21 原创文章 教程 举报 1417 8 3 0

01 Origami Studio  Basics  Documentation

介于有些小伙伴没有梯子  无聊的同时  和群里的小伙伴一起做了这么一件事情。




Origami Studio  Basics(基础)部分

  1. Introduction(前言)
  2. Patches  (模块)
  3. Layers (层)
  4. Interactions (交互)
  5. States  (脉冲)
  6. Animations  (动画)

以下部分是个人理解所得 有错误请以官方Documentation为准!


01 Introduction(前言)

就是介绍了这个软件有4个面板

Image title

  1. Patch Editor      编辑面板
  2. Layers               层面板
  3. Viewer               原型预览面板
  4. Patch Library   快捷键   ⌘⏎   模块库



02 Patches  (模块)

 大概就是介绍了一个patches 是什么啊  (就是说这个软件和玩积木一样)还说用15到20个patch基本能搭建大部分的原型交互设计


还解释了一下 Ports(端口)是什么 需要注意什么  (大概就是说 patch(模块)左边的Ports(端口)只能接受一个Cables 右边的Ports(端口)可以输出1个或者2个以上的Cables )

这里提一句Ports的数据类型有

(•Number:•Boolean: •Text: •Image: •Video: •Sound: •Color: •Index: •JSON Data:•Point:)

然后说了一个Cables是什么 (这里我没有看懂  我猜的 哼哼)

然后就说了一下 Connecting them together  (大概就是讲怎么把他们链接到一起)

然后就是一个总结

Ports  (端口)

Cables  (连线)

Connecting them together   (链接到一起)



03 Layers (层)

这部分你就理解和平面设计软件的层一样就可以了

快捷   ⌘⇧N 和 面板的+按钮 可以添加图层,

Layer Groups

层可以打组进行管理  快捷键   ⌘G

Layer Properties 

图层是属性

Layer Property Patches 

就是双击图层属性可以创建图层属性patch

Masking

个人觉得这是一个重要的功能  图层遮罩 ⌘⌥M     ⌘⌥⇧M:这个快捷键有待你们自己去试试帮助文件我没有看懂

Components

  元件   个人感觉好像就是给的一些预设。



 

Summary 然后做了一个总结


04Interactions (交互)

这里就介绍了一下软件提供的主要常用的交互patch模块

Interaction  

这个主要是捕获    按下 抬起 点击等交互

Scroll           

这个主要是滚动的一些交互 

Pop Switch         

人理解是做多点交互的  (有待你自己的测试然后以你自己的为准)

Long Press 和 Double Tap    

这个就是长按双击的交互 

Drag             

这个是拖拽的交互 

Keyboard        

这个是捕获 键盘的交互  没有测试 (有待你自己的测试然后以你自己的为准)

Hover   

这个是热区  个人理解 就是让一个区域可以捕获带你的交互然后输出反馈。(测试后以你自己的为准)。



Notes on touch detection 笔记本触摸板侦测(下面有解释没有看懂 )

然后做了一个总结



05 States  (脉冲)

这是一个很重要的概念   文档中用了Switch(开关), Option Switch(开关选择器),Counter(计数器) 这三个模块来做解释

个人肤浅的理解成 脉冲就是一个信号,然而这个信号是从0到1然后再到0的变化  我希望这里的脉冲和布尔值能区分开来 布尔值输出的是 1或者是0。

Index numbers represent states(这部分我没有看懂不知道讲什么)


然后总结了一下 没有了


06 Animations  (动画)

这里解释了一下 软件中的动画patch模块

Pop Animation

 有弹性的动画    快捷键 A

Classic Animation   

可以控制曲线的动画  快捷键 C

Repeating Motion    

来会运动

Transitions   

变换  快捷键 T

这里唯一需要提一点的就是 变换模块需要搭配 Pop Animation,Classic Animation 才能产生动画效果。

然后来个总结没有了。


这里就是一些基本的介绍  都是个人理解的翻译 有英文好的请访问

http://origami.design/documentation/

需要梯子:


有兴趣的可以加qq群交流Image title





更新:2016-12-21

收藏

8人已收藏

  • 50

    作品

  • 23

    粉丝

  • 21

    关注

  • Origami Studio 循环用法小案例
  • 南泥湾  秀晚餐  海报
  • Shader Forge 学习记录
  • shaderforge - Shield FX tutor

    猜你喜欢

      2016-12-21 原创文章 教程 举报 1417 8 3 0

      01 Origami Studio Basics

      0.0°

      你确定要举报01 Origami Studio Basics

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年12月20日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      3
      8
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录