1.本节课课后作业如图所示。

2.商品列表页分为【单图列表】，【多图列表】，【图文列表】。

3.单图列表的优点是【细节丰富】，【信息准确】，【丰富界面】。

4.单图列表的缺点是【空间浪费】，【不利于对比】，【不方便快速查找】。

5.多图列表的样式又分为【双图并列】，【瀑布流】，【三图或更多】，它的优点是【方便图片对比】，【信息丰富】。

6.多图列表的缺点为【商品细节丢失】，【容易忽略】。

7.图文列表的优点为【信息准确高效】，【促销利益点多】。

8.图文列表的缺点为【样式单一】，【信息花哨视觉疲劳】。

9.打开XD，【Ctrl+D】复制页面，上面画一个矩形，描边去掉，填充为黑色，替换按钮，然后画一个圆角矩形，填充为灰色，输入在此搜索产品，【字号大小为14，粗细为正常】，画一个搜索图标，大小和字号一致，整体背景可填充一张图片，调整不透明度，增加细节。

10.画一个矩形【高度120宽度345】，关掉【边界】，添加【投影】，把鞋子图片复制进去，调整大小和形状，添加【投影】，增加立体感，打上文案，右对齐，大小和粗细可调整，然后点击重复网格，可以把图片和文案替换，注意图片和文案的统一，这样搜索前的单图列表就设计完成。

11.【Ctrl+D】复制，字体大小保持和正文一致，颜色为纯黑，然后画一个矩形，大小为10，取消边界，填充黑色，【Ctrl+delete】删除上半部分，调整间距，然后【Ctrl+D】复制，筛选界面设计完成。

12.复制刚才的矩形，调整【高度180宽度160】，然后把图片和文案复制进去，文案左对齐，调整大小和位置，然后点击重复网格，替换图片和文案，这样搜索后的多图列表设计完成。