课程专辑
以点破面 专精学习
文章 / 软件下载
行业动态 下载软件
作品/IP合作
赏析作品 IP赋能商业
超职套课
海量好课 单套购买
优质讲师
变得和他们一样优秀
虎课APP
APP下载
AI智能抠图
2步搞定抠图
登录虎课网,享更多学习特权
89000+教程免费学
多端同步学习记录
一课一练作业点评
每日 1 课天天免费
了解更多>企业VIP尊享特权
主账号管理
多人团队协作必备
学习内容管理NEW
及时了解学习进度
报销无忧
正规发票 极速开票
专属客服服务
反馈优先响应
助力企业打造全方位的新职业人才
可搜索课程、软件、讲师、读书、直播
您还没有专辑
开始创建自己的专辑吧
按住画面移动小窗
免费学习即将结束
关闭继续学习>
详情页之批量文本列表制作-UI/UX设计系列课
虎课APP支持视频下载缓存
扫码下载/打开虎课APP
支持视频下载,随时随地学
复制链接
QQ分享
微信分享
全新AI视频总结上线
一键节省你80%学习时间
关注人数:3011
综合评分: 9.8
使用软件: Figma
难度等级:初级练习
视频时长:26分18秒
1.UI基础知识UI的起源与历史演变-UI/UX设计系列课
2.UI专业术语认知-UI/UX设计系列课
3.UI的设计工具-UI/UX设计系列课
4.UI的适配和规范-UI/UX设计系列课
5. UE/UX用户体验设计基础认知-UI/UX设计系列课
6.App界面设计实战之准备工作-UI/UX设计系列课
7.App界面设计实战之登录页面-UI/UX设计系列课
8.App界面设计实战之钢笔和锚点-UI/UX设计系列课
9.App界面设计实战之首页布局-UI/UX设计系列课
10.App界面设计实战之图标设计-UI/UX设计系列课
11.App界面设计实战之磨砂玻璃图标-UI/UX设计系列课
12.App界面设计实战之线性图标-UI/UX设计系列课
13.App界面设计实战之图片文排版-UI/UX设计系列课
14.详情页之自动布局和图片比例规范-UI/UX设计系列课
15.详情页之组件变体和标题布局-UI/UX设计系列课
16.详情页之批量文本列表制作-UI/UX设计系列课
17.详情页之购买按钮设计规范-UI/UX设计系列课
18.个人中心设计-UI/UX设计系列课
19.社区答疑页之Feed流页面-UI/UX设计系列课
20.社区答疑页之竞品规范分析及规格制定-UI/UX设计系列课
21.社区答疑页之多交互状态-UI/UX设计系列课
22.社区答疑页之用户内容变体属性-UI/UX设计系列课
23.社区答疑页之用户内容填充插件-UI/UX设计系列课
24.入门交互设计-UI/UX设计系列课
25.设计目标与设计策略重构原型-UI/UX设计系列课
26.学习界面设计-UI/UX设计系列课
27.消息中心界面-UI/UX设计系列课
28.我的关注界面-UI/UX设计系列课
29.搜索界面-UI/UX设计系列课
30.缺省页设计-UI/UX设计系列课
31.AI矢量软件设置及基础知识-UI/UX设计系列课
32.缺省页无下载页面-UI/UX设计系列课
33.缺省页无订单页面-UI/UX设计系列课
34.缺省页无信号页面-UI/UX设计系列课
35.成就勋章情绪板-UI/UX设计系列课
36.勋章页面流程图梳理-UI/UX设计系列课
37.成就勋章的轻拟物材质底设计-UI/UX设计系列课
38.轻拟物风奖杯勋章设计-UI/UX设计系列课
39.轻拟物旗子勋章设计-UI/UX设计系列课
40.司机勋章设计-UI/UX设计系列课
41.我的成就界面-UI/UX设计系列课
42.勋章详情界面-UI/UX设计系列课
本节课讲解 - 2.11 详情页之批量文本列表制作,同学们可以在下方评论区进行留言,老师会根据你们的问题进行回复,作业也可以在评论区进行提交。
那我们开始今天的教程吧。
1.接下来我们制作中间的分割栏,使用【矩形 快捷键:R】在下方绘制一个纯黑色的矩形,降低图层的不透明度至4%,如图所示。
2.我们继续来做下方的标签栏,使用【矩形 快捷键:R】绘制一个375*44像素的矩形,在矩形中添加标签文字,如图所示。
3.我们选择后方两个标签,将其不透明度降低至20%,使用【矩形 快捷键:R】在标签下方绘制一个28*4像素的矩形作为标签的下划线,【填充】矩形的颜色为黄色,这是我们标签被选中的状态,如图所示。
4.我们将制作好的标签栏复制并拖动至下方,使用相同方法制作好标签的第二与第三个状态,选择上方的【创建多个组件】并点击右侧的【合并为变体】,如图所示。
5.我们将制作好的标签栏复制并粘贴到我们的详情页中移动至合适的位置,我们可以在右
同学,小虎知道你非常努力的想学习!
老师录制课程真的也很辛苦
您每天可免费学习一个教程。
成为VIP可无限学习 !
成为VIP吧!
您已经免费学习 1 个教程 !
我们录制教程很努力的,赞助下吧 !
您已经学习 5 个教程啦!
我们录制教程很努力的,赞助升级下吧 !
您在当前分类下不是VIP,赞助VIP享受无限下载
您在当前分类下不是VIP,赞助VIP享受无限观看
确认要删除这条评论吗?删除后将无法恢复。
评论提交成功,将在审核通过后显示
当日最多删除五条评论
下载素材/源文件:
《详情页之批量文本列表制作-UI/UX设计系列课》
作品0个
个赞
学习0天
导出笔记
笔记导出历史
00:00
您可以与在线客服进行沟通获得帮助
工作日:9:00~22:00节假日:9:00~18:00
您可以电话联系客服进行沟通获得帮助
工作日:9:30~18:30