点击此处返回

每日可免费学习1个教程

立即登录>

软件入门平面设计 3D数字 C4D教程 Blender教程短视频制作影视动画摄影艺术室内设计绘画插画海外教程电商教程产品精修办公职场编程开发考证·外语品牌设计综合教程 UI设计兴趣生活

详情图文教程训练营推荐

UI设计

Sketch+Principle-界面动效设计

1589人学过难度:中级拔高软件:skerch principle

评论(23) 收藏课程已收藏下载视频

关注人数：17059

资深交互设计师，前中艺唯雅设计总监UI设计师。手绘插画师。擅长手绘及界面设计，人民大学金融系毕业。新浪微博：凤箫箫箫～

AI+PS-24节气之谷雨

1.1万人已学

PS-节日钜惠字体设计

1.4万人已学

课程综合评分：8.5分

评论可是有底线的

本节教程练习

1、【打开】Sketch软件，【打开】做好的Sketch素材文档。具体效果如图示。

2、【打开】Principle，单击【文件】-【从Sketch导入】。具体显示如图示。

3、【选择】删除按键组，【重命名】删除。按【Ctrl+C】复制，按【Ctrl+V】粘贴至左侧，调整图层至最顶层。具体效果如图示。

4、【选择】左侧的第二个图素材图层，单击【按下】，拖动箭头至相应的图层。具体显示如图示。

5、【选择】左侧的第二个素材图组，【重命名】选框。按【Ctrl+C】复制，按【Ctrl+V】粘贴至右侧对应的位置。具体显示如图示。

6、【选择】右侧第二个素材图组，【重命名】2选框。按R键【新建】矩形框，调整图层顺序，放置合适的位置，【勾选】修健子图层。具体显示如图示。

7、【修改】矩形框的背景色，按【Alt+Shift】键等比放大，【圆角】142。具体显示如图示。

8、【选择】右侧边框背景图组，按【Ctrl+C】复制，【打开】左侧选框图组，按【Ctrl+V】粘贴至合适的位置。具体显示如图示。

9、【选择】图层，【缩放】0，【打开】动效时间轴，调整时间至0.7秒，打开【动效菜单】-【缓入缓出】。具体显示如图示。

10、【选择】右侧的黄色框，按【Ctrl+C】复制，按【Ctrl+V】粘贴至右侧选框图组下方，【不透明度】

登录后学习完整图文教程

虎课APP离线下载免流量

70000+教程，每天免费学一课

一键打开