电商列表页面设计优化与视觉效果提升策略.pdfVIP

table{border-collapse:collapse;}table,th,td{border:1pxsolid#000;}

列表页面总结

EDC设计

Hi,我是强

今天为大家带了我的作品，在优化中逐渐抓准视觉偏好，并在最后取得良好的视觉效

果。

导航栏

搜索conn和栏的保持一致，采用断点处理，为了视觉平衡，Spx描边。内容展开图形

画层型，易于注意和点击。

一Tab栏

参考了uc头条的tab栏，精短选中滑块

课程列表

1.经过信息筛选，提取了老师、课题、价格等重要信息，课程标题和价格放在了首行

位置，突出重点，和在学人数次要信息放在最后。

2.标目标本要选色和互补色交替循环使用。热门和放在区，避免妨碍文

字信息展现，影响视觉效果。

我给大家的设计意见

信息和视觉层级分配

罗列好全部展示信息，精炼信息要点，根据用户画面依据做好分级划分，通过颜色，字