您还没有专辑

开始创建自己的专辑吧

创建
您可在个人中心-我的专辑处查看我知道了
当前位置:首页 > 海外教程 > XD-功能性ICON交互动效

按住画面移动小窗

下一节课程:这里显示课程名称长度多少课程名播放下一节重新播放
5s后将自动前往下一节课
为你推荐课程
为你推荐直播课
升级VIP特权,畅学全站89000+会员教程
立即升级特权超值
89000+教程
不限次学
素材/源文件
不限次下载
161大职业路径
不限次学
虎课读书
不限次收听

免费学习即将结束

关闭继续学习>

分享/下载
收藏已收藏添加到专辑
记笔记

全新AI视频总结上线

一键节省你80%学习时间

视频暂不支持AI视频总结
AI视频总结
编辑完成后,记得点我~
Punit Chawla

关注人数:385

Punit Chawla,印度UX/UI的设计师,Adobe设计奖的提名者,同时他也是一名演说家,曾在印度谷歌商学院以及其他很多大学发表过关 查看全部
信息
评论(可获得虎课币)

综合评分:9.6

使用软件: XD(CC2018)

难度等级:中级拔高

课程区块链版权登记存证
图文教程学员互动 (11)
综合评分:9.6 评分100%作业点评课后上传的作业,学习过程中有困难疑惑都可进行提问
您需要学习后才可以评价, 立即学习
全部互动一课一练(1)课程提问
有内容评论
本课作业要求(已有1份作业)
作业要求:根据视频教程中的内容,进行作业练习,在互动评论中上传你的作业,也可运用其他素材进行练习

1、本课主要是用XD软件设计一组动态图标。

2、【打开】XD软件,【新建】合适大小的画板,使用【钢笔工具】,绘制直线,按Alt键【拖动复制】直线2次,根据图标设计思路,排列至合适的位置。具体显示如图示。

3、【选择】所有的直线元素,单击【属性面板】,单击【边界大小】30PX,选择【圆形边界】,【填充】紫色。具体显示如图示。

4、使用【钢笔工具】,根据图标设计思路在第一条和最后一条直线边界【添加】锚点。【双击】画板,按【Ctrl+D】复制画板,使用【选择工具】选择中间直线的锚点,根据动态思路移动锚点至合适的位置。具体显示如图示。

5、【选择】直线对象,单击【属性面板】,选择【圆角拐角】。使用相同的方法复制画板,根据设计思路选择对应的锚点,拖动至最后一条直线对应的位置。具体操作如图示。

6、根据图标动态设计思路,使用相同的方法复制画板,依次调整锚点位置至合适的动态步骤效果。具体参考如图示。

7、【单击】原型设计面板,【选择】中间直线元素,【拖动】蓝色箭头至第二个画板,调整动态属性面板,具体参数如图示。具体操作如图示。

8、【单击】第二个画板,根据动态思路拖动蓝色箭头【衔接】第三个画板,单击【动态属性面板】,具体调整参数如图示。具体操作如图示。

9、使用相同的方法依次将画板的动态与下一个关联画板相连接,【选择】最后动态面板线条元素,将动画【返回】至第一个画板,调整属性面板参数,具体参数如图示。具体操作如图示。

10、单击【面板预览】,使用【鼠标】单击动态线条。具体效果如图示。

11、按Alt键【向下拖动复制】画板,【删除】画板上的元素。使用【钢笔工具】,根据动态图标设计思路,绘制六边形图形,调整描边大小和颜色,【边界】和【拐角】选择圆角。具体效果如图示。

12、【双击】画板,按【Ctrl+D】复制画板,使用【选择工具】,根据图形动态思路,选择闭合锚点移动至合适的位置。具体操作如图示。

13、根据图标动态思路,使用相同的方法【复制】画板,调整画板上元素锚点位置。使用【文本工具】,在结尾的动态元素上方添加文本信息,调整文字大小和颜色,排列至合适的位置。具体显示如图示。

14、【单击】原型设计面板,【选择】第一个画板上的图形元素,【拖动】蓝色箭头至第二个画板,单击【动态属性面板】,根据动态思路调整参数。具体参考参数如图示。具体操作如图示。

查看更多
您需要学习后才可以评价, 立即学习
换一批

为你推荐

同学,小虎知道你非常努力的想学习!

老师录制课程真的也很辛苦

赞助一下吧

确定学习吗?

您每天可免费学习一个教程。

成为VIP可无限学习 !

成为VIP吧!

成为VIP吧!

您已经免费学习 1 个教程 !

我们录制教程很努力的,赞助下吧 !

升级VIP吧!

您已经学习 5 个教程啦!

我们录制教程很努力的,赞助升级下吧 !

您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个素材文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计观看5个图文教程


您在当前分类下不是VIP,赞助VIP享受无限观看


学习后才能评价哦!

学习后才能提问哦!

获得30虎课币

评论提交成功,将在审核通过后显示

×

下载素材/源文件:

收藏成功
取消成功
已是第一张图了
已是最后一张图了
已是第一张图了
已是最后一张图了
记笔记

导出笔记

笔记导出历史

00:00

0/12
确定保存
笔记导出历史导出完成的笔记将保留1天,如有需求请及时下载
课程名称
导出时间
文件大小
状态
操作
AI视频总结
AI正在分析视频,请稍等…
AI总结遇到了一些问题 点击重新获取
点击重新获取
成为全站通VIP 查看完整AI总结
复制
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了48,550
并提交了249份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证