美文网首页Principle
动效设计Principle:交互形态介绍

动效设计Principle:交互形态介绍

作者: 夜雨y | 来源:发表于2019-08-29 16:16 被阅读0次

    要在Principle中让原型动起来或者进行动效设计,就必须要了解它的交互形态或者事件,这一次,我们先讲交互形态。

    1、Principle中有四种通用的交互形态

    Principle中有四种通用的交互形态:Static(静态)、Drag(拖动)、Scroll(滚动)和Page(翻页),还记得检查器提到的Horizontal(水平)和Vertical(垂直)选项吗?这些交互形态就是在那里设置的。

    2、交互形态具体说明

    (1)Static(静态)

    我们默认添加的图层都是静态的,例如,在画板中添加一个矩形,它是固定在原地的,不能向任何一个方向拖动。

    (2)Drag(拖动)

    当启用这个选项时,意味着图层可以被拖动,如下图所示,结合垂直、水平的设置,图层按照箭头方向所示,有三种不同的交互形态。

    (3)Scroll(滚动)

    对于滚动的交互,我们肯定不会陌生,在手机上查看新闻时,我们做的就是垂直滚动的操作,同理,Scroll(滚动)就是设置我们可以滚动一些图层。

    (4)Page(翻页)

    Page(翻页)和滚动类似,只是翻页滚动的是一整屏内容,常见的翻页有banner轮播。


    推荐阅读:

    Principle中文手册:Principle中文手册(2019)

    相关文章

      网友评论

        本文标题:动效设计Principle:交互形态介绍

        本文链接:https://www.haomeiwen.com/subject/fadmectx.html