点击此处返回
未登录用户
每日可免费学习1个教程
酸梅干超人
关注人数：23173
1.【UI进阶】-UI界面的视觉认识
2.【UI进阶】- iOS14规范的基本认识
3.【UI进阶】-移动端文字应用的说明
4.【UI进阶】- iOS进阶的规范介绍
5.【UI进阶】-iOS 深色模式的介绍
6.【UI进阶】-谷歌MD设计规范认识
7.【UI进阶】-平面四要素和信息层次认识
8.【UI进阶】- UI配色的概念和技巧
9.【UI进阶】-启动图标的设计规范
10.【UI进阶】-启动图标的设计案例
11.【UI进阶】-工具图标的设计规范
12.【UI进阶】-常见的线性图标设计
13.【UI进阶】-常见的面性图标设计
14.【UI进阶】-常见的金刚区图标设计
15.【UI进阶】-轻质感图标设计
16.【UI进阶】-UI中原子理论的应用
17.【UI进阶】-主流电商产品视觉组成
18.【UI进阶】-主页头部和广告位设计
19.【UI进阶】-常见的快速入口组件设计
20.【UI进阶】-瓷片区多样性设计解读
21.【UI进阶】-商品卡片列表页设计排版
22.【UI进阶】-商品分类页面常见布局设计
23.【UI进阶】-主页头部和广告位设计
24.【UI进阶】-购物车页面布局
25.【UI进阶】-购物流程页面的交互和设计详解
26.【UI进阶】-电商个人主页设计的特点和注意事项
27.【UI进阶】-高质量配图应用技巧
28.【UI进阶】-投影的深入了解和应用
29.【UI进阶】-渐变色的应用技巧
30.【UI进阶】-几何渐变填充背景制作
31.【UI进阶】-玻璃拟态背景模糊应用
32.【UI进阶】-Mockup样机素材应用
33.【UI进阶】-标准的项目展示排版布局
34.【UI进阶】-项目展示的设计和输出
本篇教程讲第25课 购物流程页面的交互和设计详解，喜欢的一起来学习吧！
那就开始今天的课程吧。
1.新建页面，命名为购物流程，首先看购物车页面，包含不同店铺或品牌的元素，不同的卡片显示不同的页面内容。当里面没有内容时，需要添加文本提示：您的购物车空空如也~，下方的金额为0。
2.在购物车为空的情况下，在下方添加推荐模块，看起来页面不会那么无聊枯燥。
3.第三种购物车的页面为点击【编辑】按钮时的显示页面。【编辑】按钮变为【完成】，下方添加【删除】按钮，调整页面布局，将按钮移动到左上角。注意对页面名称的命名。
70000+教程，每天免费学一课
打开APP，离线免流量
