不要你学费的动效设计工具Princi...

  • 经验类型教程原作者:原作者

  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
61932 92 263 2015-10-24

不要你学费的动效设计工具Principle · 一站式教程,未经授权使用、窃取等等行为,将被爆菊。

不要再来问我Principle到底好不好用,自己去尝试。你们这些小女孩,我已经用这个示例告诉你们Principle可以立刻、马上、直接地进入到你们的工作流当中。



写完Hype入门没多久Principle这货就出来了(这啪啪打自己脸也是打得有点响啊!),它的作者发Twitter庆祝release的第二天我就发现了,赶紧和小伙伴们张罗着建群布道(Principle交流QQ  一群222069831,  一群加满了,请加二群338202392 )。

我们认可Principle是未来交互设计工具的发展方向主要有以下两点:

1.与sketch的完美协作,自动识别@2x等高分辨率图片;

2.摒弃傻逼的拉面型(Origami)逻辑,结合画板、driver(驱动器or触发器)、timeline(时间轴)概念,从而大幅降低学习与维护成本,并且达到相当水准的交互制作能力。



——“你的时间非常值钱”

Principle就是非常低成本省时省力的交互设计工具。


废话少说,上个官网视频介绍。


Principle 官方介绍视频点这里点这里点这里



让我们看看今天上完这堂课会做出个什么?

这是我目前供职公司即将上线(审核中)的一个app单独页面的基础动效,包含非常多的交互细节。我们的Principle教程将从最基础的部分开始讲起,直到我们学完并成功制作此交互。(图中展示图片为版权保留,图中展示交互为Zank4.3.2版本交互,app store审核中,即将上线。)

OK,现在开始上课,不认真听讲的话,爆菊。Principle下载、安装等问题请加QQ群222069831。



教程视频点我教程视频点我教程视频点我教程视频点我教程视频点我教程视频点我教程视频点我教程视频点我教程视频点我


我还为你们附上了官网的所有教程和Youtube上sketchapptv的1440p原画分辨率教程(in English),当然看了我的教程之后那几个就可以爱看不看啦~打包下载移步http://yun.baidu.com/s/1hq4Oqxe

我的教学视频中的.prd文件和sketch因为个人原因并不会给出,你们要学着做就画一个个矩形或者拿自己的app开刀吧。

给你们给你们给你们!!!,视频中prd源文件已附在文章底部下载中。


JJ太小就憋说话,整天瞎聊又TM不约,加Principle动效交流QQ群222069831,真刀实枪干一次才是真爷们(女人),快来群里寻找活体的Principle小伙伴们。

全部评论:92

  • irene_m

    2017-11-25 14:34

    @layer: mask部分编组再导入

  • layer

    2017-10-15 14:27

    两个问题: 1.“sketch文件里面不能存在mask,否则整个画板会变成一个图层,解决方法是将mask与被遮住对象进行编组。” 我在sketch使用了mask 蒙层 倒入sketch就变成一张图片,想问有啥办法么? 期待回复!

  • layer

    2017-10-15 14:24

    有学习的QQ群么? 你发的两群可以加么?

  • 夢二同学

    2017-08-20 15:04

    对于小白来说,解开了心中的许多谜团,这点很棒。 (以下纯吐槽) 感冒了还录教程真的要点赞了,至于有的人说你求关注或者三脚猫的教程,我倒觉得这种比较亲民的讲解很适合我这种小白。毕竟孔子都说三人行必有我师,大师功力好,但是不分享,也没有作用。这点还是很支持的。 最后一个吐槽,确实有点娘的感觉啊。。。实话实说,别介意啊,保持自我就好!

  • _kisco

    2017-08-16 12:07

    讲的却是慢的让人头晕

  • Dolly平澜

    2017-07-15 17:07

    看评论有好多没素质又自私的人啊,不喜欢看没人逼着你看啊,别人费心血顶着严重感冒录了视频免费分享,你们不知好歹还在这里挑剔,这些人真是自私的太不要脸了,要求别人的时候先看看自己。

  • hexuan_425

    2017-06-23 16:21

    谢谢大佬,向大佬低头

  • 小超超

    2017-06-09 14:52

    终于看完了,一半时间都是在选颜色,删颜色

  • 木氵每

    2017-06-06 00:26

    zank?不就是那个同志交友软件吗

  • 羊阳羊

    2017-05-26 12:12

    为什么不直接从sketch里导入,还一个个导出来

  • 凯小张

    2017-05-14 13:53

    求问大神,为什么我的principle导出的gif和视频都是黑色的呢?只能看到鼠标,其他什么都看不了?

  • daw001

    2017-04-25 12:31

    @winnie小抛: +1 搬运都搬的这么没诚意

  • Janice_

    2017-04-19 16:30

    加了群,没反应啊啊啊

  • Janice_

    2017-04-19 16:29

    你好楼主 为什么我导出mov格式,右边总有条竖着的绿线,该如何解决?~~

  • Janice_

    2017-04-17 16:17

    声音真好听 哈哈哈哈哈 我喜欢

  • 花与风与城市

    2017-04-01 13:29

    老湿好可爱,有男票吗

  • raresong

    2017-03-27 16:30

    听到视频最后一句的我瞬间鸡皮疙瘩掉一地。。。。

  • Wonchueng_M

    2017-03-24 15:04

    up主是基佬,鉴定完毕啊哈哈哈哈

  • 3Degrees

    2017-03-13 17:56

    谢谢分享,已认真学习,有的人就是嫉妒,人家讲课什么风格的管你什么事,有能耐多提高自己吧!

  • winnie小抛

    2017-03-07 16:37

    这不是官网http://principleformac.com/tutorial.html上面的官方视频内容么?官方老师讲了一遍,你用磕磕绊绊的逻辑和语速再讲一遍,还讲了1个小时,后面来的朋友们不要浪费时间,可以直接走了。

  • 老宋子

    2017-03-06 16:11

    @Jacy_Sun: 巴巴都没法说你了

  • Jacy_Sun

    2017-03-06 08:34

    @老宋子: 就你这素质,滚出设计圈吧。

  • 老宋子

    2017-03-05 10:21

    @Jacy_Sun: 你吃shi吃到饱,别在这恶心别人,物以类聚,戳到你痛点了姐们?

  • 老宋子

    2017-03-05 10:19

    临摹点三脚猫的功夫就大肆卖弄,忽悠不懂的广大学子。看似教授分享他人,实则误人子弟求关注。说你娘炮还错了?你敢承认你说话不娘吗?为啥说你是个gay,因为你特么叫性冷淡の設計師!自己娘炮还怕别人说,居然tm的还带队来骂劳资。想yiyin当别人老师,先低头看看自己的影子!承认是娘炮的就继续过来骂劳资来,爷们不屌你

  • WHEE2014

    2017-02-18 23:47

    赞!!!很感谢这支中文视频教程!有一个反馈:希望博主录制完视频, 可以适当的做一下修剪,比如把屏幕上没有操作的部分剪掉!单集一个小时的教程还是蛮长的

  • wy00000

    2017-02-14 17:41

    赞哦~

  • joeymillionz

    2017-02-07 16:18

    谢谢你!已经认真学习了,非常有帮助~

  • Jacy_Sun

    2017-01-25 11:15

    @老宋子: 你SB啊!人家好心好意分享教程,你娘炮你麻痹啊!不喜欢滚!

  • 九块九的小幸福

    2017-01-07 21:14

    最后一句,惊艳到我了,视频棒棒哒,超喜欢,期待更多的教程

  • 梦游症者

    2017-01-04 14:29

    小受受你好

  • 更多

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票