首页轮播

图片素材:会议终端首页轮播_切图.zip

终端控制

整个动效分为三个画面,表现的分别为“全新体验”,“内容为王”,“效率为王”,三个画面的序号设为0,1,2,那么三个画面互相切换的过渡动效分别为:0到1,1到2,2到0.每段过渡动效之间的间隔为3秒,即每次过渡动画完成后,等待3秒再进行下一次过渡。

设屏幕尺寸为1920px*1080px,以下图片素材坐标单位均为px,图片素材的scale/translate注册点均位于图片左上角。图片素材的名称取自素材包中的文件名。

0到1:
Introduction_pic_tv_1用时500ms,x坐标从897变化到820,y坐标不变设为336,scale不变设为0.85,alpha从0.7变化到1,运动差值使用Quart.easeOut

Introduction_pic_controller用时500ms,x坐标从1300变化到1500,y坐标不变设为570,alpha从1变化到0,运动差值使用Quart.easeOut

Introduction_pic_computer用时500ms,x坐标从1375变化到1175,y坐标不变设为548,alpha从0变化到1,运动差值使用Quart.easeOut

pagebreak_current用时300ms,位移到pagebreak中间,运动差值使用Quart.easeOut

Introduction_text_1_1用时200ms,alpha从1变化到0

Introduction_text_2用时200ms,alpha从0变化到1

1到2:
Introduction_pic_tv_1用时500ms,x坐标从820变化到858,y坐标从336变化到315,scale从0.85变化到1,alpha从1变化到0.7,运动差值使用Quart.easeOut

Introduction_pic_computer用时500ms,x坐标从1175变化到1375,y坐标不变设为548,alpha从1变化到0,运动差值使用Quart.easeOut

电视中的logo_alios直接切换为Introduction_pic_video

pagebreak_current用时300ms,位移到pagebreak右侧,运动差值使用Quart.easeOut

Introduction_text_2用时200ms,alpha从1变化到0

Introduction_text_3用时200ms,alpha从0变化到1

2到0:
Introduction_pic_tv_1用时500ms,x坐标从858变化到897,y坐标从315变化到336,scale从0.85变化到1,alpha保持0.7,运动差值使用Quart.easeOut

Introduction_pic_controller用时500ms,x坐标从1500变化到1300,y坐标不变设为570,alpha从0变化到1,运动差值使用Quart.easeOut

电视中的Introduction_pic_video直接切换为logo_alios

pagebreak_current用时300ms,位移到pagebreak左侧,运动差值使用Quart.easeOut

Introduction_text_3用时200ms,alpha从1变化到0

Introduction_text_1_1用时200ms,alpha从0变化到1

手机控制

动效与终端控制基本相同,不同的地方用红颜色标注。

整个动效分为三个画面,表现的分别为“全新体验”,“内容为王”,“效率为王”,三个画面的序号设为0,1,2,那么三个画面互相切换的过渡动效分别为:0到1,1到2,2到0.每段过渡动效之间的间隔为3秒,即每次过渡动画完成后,等待3秒再进行下一次过渡。

设屏幕尺寸为1920px*1080px,以下图片素材坐标单位均为px,图片素材的scale/translate注册点均位于图片左上角。图片素材的名称取自素材包中的文件名。

0到1:
Introduction_pic_tv_2用时500ms,x坐标从897变化到820,y坐标不变设为336,scale不变设为0.85,alpha从0.7变化到1,运动差值使用Quart.easeOut

Introduction_pic_mob用时500ms,x坐标从1330变化到1530,y坐标不变设为570,alpha从1变化到0,运动差值使用Quart.easeOut

Introduction_pic_computer用时500ms,x坐标从1375变化到1175,y坐标不变设为548,alpha从0变化到1,运动差值使用Quart.easeOut

pagebreak_current用时300ms,位移到pagebreak中间,运动差值使用Quart.easeOut

Introduction_text_1_2用时200ms,alpha从1变化到0

Introduction_text_2用时200ms,alpha从0变化到1

1到2:
Introduction_pic_tv_2用时500ms,x坐标从820变化到858,y坐标从336变化到315,scale从0.85变化到1,alpha从1变化到0.7,运动差值使用Quart.easeOut

Introduction_pic_computer用时500ms,x坐标从1175变化到1375,y坐标不变设为548,alpha从1变化到0,运动差值使用Quart.easeOut

电视中的logo_alios直接切换为Introduction_pic_video

pagebreak_current用时300ms,位移到pagebreak右侧,运动差值使用Quart.easeOut

Introduction_text_2用时200ms,alpha从1变化到0

Introduction_text_3用时200ms,alpha从0变化到1

2到0:
Introduction_pic_tv_2用时500ms,x坐标从858变化到897,y坐标从315变化到336,scale从0.85变化到1,alpha保持0.7,运动差值使用Quart.easeOut

Introduction_pic_mob用时500ms,x坐标从1530变化到1330,y坐标不变设为570,alpha从0变化到1,运动差值使用Quart.easeOut

电视中的Introduction_pic_video直接切换为logo_alios

pagebreak_current用时300ms,位移到pagebreak左侧,运动差值使用Quart.easeOut

Introduction_text_3用时200ms,alpha从1变化到0

Introduction_text_1_2用时200ms,alpha从0变化到1