您还没有专辑

开始创建自己的专辑吧

创建
您可在个人中心-我的专辑处查看
当前位置:首页 > UI设计 > 设计师模块原型设计(六)
下一节课程:这里显示课程名称长度多少课程名播放下一节重新播放
5s后将自动前往下一节课
为你推荐课程
为你推荐直播课
升级VIP特权,畅学全站89000+会员教程
立即升级特权超值
89000+教程
不限次学
素材/源文件
不限次下载
161大职业路径
不限次学
虎课读书
不限次收听

免费学习即将结束

关闭继续学习>

分享/下载
添加到专辑收藏
已收藏
收藏成功,可进入个人中心-课程收藏 查看!
记笔记

全新AI视频总结上线

一键节省你80%学习时间

视频暂不支持AI视频总结
AI视频总结
编辑完成后,记得点我~
图文教程学员互动 (35)
综合评分:9.9 评分100%作业点评课后上传的作业,学习过程中有困难疑惑都可进行提问
您需要学习后才可以评价, 立即学习
全部互动一课一练课程提问
有内容评论
本课作业要求(暂无用户提交作业)
作业要求:根据视频教程中的内容,进行作业练习,在互动评论中上传你的作业,也可运用其他素材进行练习

1、       设计师模块,在首页要有“推荐设计师”,根据用户喜欢的设计行业和设计风格推荐不同的设计师供其选择。

15198093466093.jpg

2、       打开【Axure】,点击【添加页面】新建页面命名为“设计师”;将“专题推荐”页面中的标签栏、导航栏、状态栏及矩形选中,【Ctrl+C】、【Ctrl+V】粘贴到设计师页面中,选中导航栏按【Delete】删除。

15198093662148.jpg

3、       新建【动态面板】,大小为【375*667】,与页面贴合;双击动态面板选择【State 1】,在左侧选择【图片】拖到面板中,调整大小;再拖入四个矩形调整大小,分别代表设计师昵称、设计师标签和具体介绍。选择四个矩形编组,命名为“推荐设计师”。

15198093764805.jpg

4、       在动态面板中添加【文本标签】,大小为16px,输入“风格”;同样添加【文本标签】移动到右侧,输入“行业”。选中两个文本标签编组,点击【对齐】、【左右居中】将标签居中分布。在面板中添加【水平线】,调整大小并移动到合适的位置 。

15198094011318.jpg

5、       在面板高度为618处建立标尺。在面板中添加【图片】,调整大小并移动到适当的位置。再次添加面板移动到下方,距离下面的参考线2px;选中两张图片,按【Ctrl】【Shift】键移动复制到右侧。

1519809422864.jpg

6、       选中下面的两个图片,按【Ctrl】【Shift】键移动复制到下方;将面板中所有内容选中,右击【转换为动态面板】,选中标签栏和状态栏,移动到动态面板的上方;选中“(动态面板)”,点击【拖动时】、【移动】,勾选【动态面板】并设置相应的参数,点击确定。点击【预览】可以看到上下滑动的效果。

15198094371411.jpg

7、       选中风格下方的横线和六张图片,右击【转换为动态面板】,将右侧命名为“风格行业”,“State 1”命名为“风格”;选中风格右击【复制状态】,命名为“行业”。右击“行业”选择【编辑】,将风格下方的水平线移动到行业的下方。

15198094452153.jpg

8、       将右侧动态面板修改名称,选中“父级动态面板”,点击【向左拖动结束时】,选择【设置面板状态】,设置 “选择状态”为【行业】,动画为【向左滑动】;同样选中“父级动态面板”后,点击【向右拖动结束时】,设置“选择状态”为【风格】,动画为【向右滑动】。点击预览可以看到左右滑动的效果。

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

为你推荐

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

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

赞助一下吧

确定学习吗?

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

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