电子商务网页设计 项目五 使用CSS控制列表样式.pptxVIP

项目五 使用CSS控制列表样式SAMPLE5.1知识链接1电子商务网站常用商品列表页布局2商品展示页设计要点3网页中的列表控制4列表的类型及使用1 电子商务网站常用商品列表页布局1行列排列 电子商务网站的商品列表页常见的表现形式有三种，行列排列、瀑布流和特别款突出。这三种形式各有特点，设计师应该根据商品特色选择最适合的表现手法. 2瀑布流3特别款突出1.行列排列如果商品的种类数量多且繁杂，规规整整的行列排列方式更利于用户找到浏览规律，如图所示。正因为商品列表页相对于其他页面来说，会显得有些拥挤，因此设计师更应该抱着在限制的区域范围内展现最有用的信息的心态来设计页面，如图所示。ABOUT ME2.瀑布流瀑布流的形式更多的在流行时尚领域的电子商务中使用，页面布局结构效果如图所示。小红书是一个偏向时尚年轻化的网站，因此设计师使用了这类人群都能接受的瀑布流展现方法，如图所示。小红书的商品列表页的特点在于增加了其他用户的评论模块，这也是人们在网上购物时很注重的部分。ABOUT ME3.特别款突出特别款突出的方式可以为一些节日活动的宣传促销而准备，页面布局结构效果如图所示。作为电子商务网站春节促销活动的一部分，居家优品栏目的页面设计就此阿勇了特别款突出的布局方式，如图所示。将重点促销内容以较大幅面展示，与其他内容有所区分。即丰富了页面的视觉的效果，又便于用户快速找到感兴趣的商品。ABOUT M