提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
翻译了Introduction to Origami-HD/Sketch + Origami-HD两个视频,做了字幕
英文说得有点听不清,加上不是Sketch用户,错误见谅,
字幕——下载地址
视频+QC文件+安装包+案例——下载地址
1.Introduction to Origami(有字幕)
Origami入门教程,制作了点击缩放效果。
2.Rooms Part 1- Collapsible Navigation Bar
我们重新构建了Rooms的交互,滚动信息流的时候实现导航条的缩放。你将学习使用Scroll patch,并将学习根据滚动位置来设置元素动画。
Scorll——Progress(调节了Scoroll输出比例)
Progress——Range(将输出控制到0~1,以便输出给Progress)
加了个Pop Animation让动画稍微柔和些
图层组里面Reverse Progress让效果反向,下滑出现,上滑消失
3.Rooms Part 2- Swipe-away Navigation
我们重新构建了Room应用的交互,点击出现具体内容,侧滑滑走回到信息流。这个案例教你如何使用Swipe Patch和 Hit Area Patch来控制点击的具体区域
翻译的案例里面有讲,多加了个主图层的Y Scroll不再赘述
4.Rooms Part 3——Creating a New Post
添加了“新建”界面,可以发帖,也可以关闭,学习使用Wireless模块,学习构建Conditional逻辑,利用Delay模块构建时间差动画。
Or 逻辑保证了无论是点击X还是 Post,“新建”页面都会下滑消失
And 让新建动画的触发必须满足两点:
1.Post按钮被点击
2.当“新建页面”已经滑出屏幕,这里用了Conditional判定,设置了一个-1340的数值,滑出屏幕的数值是-1342,中心是0
逻辑是,当”新建“页面的Y值小于-1340时,输出1,否则0
下Delay——Sliding 控制主页面下滑
上Delay——Scaling 控制帖子的缩放
下Delay——上Delay 保证了先下滑,再缩放
5.Sketch+Origami(有字幕)
这个快速教程教你如何在Origami中整个Sketch动态链接文档。提供了快捷键,下载地址: Origami Sketch plugin
拓展阅读:
Wayfinder:QC教程16则 (2.0版本之前的教程,依然适用)
译者自制的案例:
Origami Freebie - Recreate UniqDay
Origami Freebie - Camera Function Prototype
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册