构建了公司网站之后,接下来就可以考虑设计一个在线商店了。 此次的设计以上一章的设计为基础, 只是添加了一个包含如下元素的新页面: □ 包含商品小图、标题和说明的产品网格; □ 位于左侧的变懒,用于按类别、品牌等筛选商品; □ 方便用户导航的面包屑和分页链接。 大家先看一看Zappos (http://www.zappos.com/) 和 Amazon (https://www.amazon.com/) 的网站,搜索或者浏览一下其中的商品。此处所要创建的页面,就包含与之类似的商品网格。 完成后的设计在大、中、小屏幕中的效果应该如下图所示: 在超小屏幕上,我们希望页面的布局变成如下所示: B