您还没有专辑

开始创建自己的专辑吧

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

免费学习即将结束

关闭继续学习>

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

全新AI视频总结上线

一键节省你80%学习时间

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

关注人数:102

目录信息
图文教程学员互动 (17) 视频字幕
综合评分:9.8 评分100%作业点评课后上传的作业,学习过程中有困难疑惑都可进行提问
您需要学习后才可以评价, 立即学习
全部互动一课一练(5)课程提问
有内容评论
本课作业要求(已有5份作业)
作业要求:根据视频教程中的内容,进行作业练习,在互动评论中上传你的作业,也可运用其他素材进行练习

那就开始今天的教程吧

1.本节课是新拟态的第二课,做音乐播放器的移动界面,它涉及到两个页面,左边是目前正在播放的状态,就是一个歌曲的切换,歌曲的名称,然后歌手,是否收藏,

 以及现在播放的进度,然后就是常规的下一首、上一首、播放和暂停,顶部区域设置到列表菜单,第二个页面是歌曲的播放列表,主要是多首歌曲的排列。

2.这节课会涉及到4个问题:

  第一个是原型图,大多数原型图都是灰色的,它会有不同的明度区分,如果有特别说要说明的可能会多设置一些比较重的颜色

  第二个是为什么说原型图最好不带色相,是为了给设计师更大的发挥空间

  第三个是弥散投影模糊数值,待会会具体在实际的过程中说一下

  第四个是功能层级的体现,要具体项目具体分析

3.比如登录界面,会设置两个按钮,实际在做的时候会做特殊处理,要强调主按钮,也就是用户主要的动作,表现方法有【颜色和尺寸】,这两个是最直接的,

  其它的比如说描边、投影、与众不同的纹理,不同的项目会有不同的体现。

4.先画左边正在播放歌曲的界面,一个是正在放的歌,然后是两边上一首和下一首的信息,下面这一块是歌曲名称、歌手、是否点赞收藏,有两个圆角拉满,

 暂停之后出现三角形,先把字打上去,做排列组合,调整位置。

5.要做的是个粗描边的圆角矩形,是224×274的大小,两边各留个6,原位粘贴以后减12,【里面的圆角一定是比外面的圆角要小的】,这个数值做控制,

 左右两侧也要做同样的样式,投影可以偏一点蓝色的色相,大概的效果已经出来了。

查看更多
您需要学习后才可以评价, 立即学习
字幕加载中...
登录后查看更多
换一批

为你推荐

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

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

赞助一下吧

确定学习吗?

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

成为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
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证