1、南京工业大学网页设计课程设计报告个人网站分析报告学院： 经济管理学院 专业： 信息管理与信息系统学号： P2202100117 姓名： 邵宇劼 成绩： 优秀2012 年 12 月个人网站设计报告一、 选定的 2 家标杆网站名录二、 标杆网站分析（目标定位、版面的总体设计和栏目设置、提供的内容信息是否准确、网页的制作结构、色彩和导航、交互设计是否合理方便等方面对其进行评析比较，请配合截图）美丽说（图 1）目标定位：城市中的年轻、时尚、爱美的白领女性，商品全部是中高档女装及其相关产品，以时尚和高端品牌为主体。版面的总体设计和栏目设置：版面以大图片展示产品为主，真人穿着照展示服装效果。栏目设置分为个
2、人主页、翻杂志、站内搜索、逛宝贝、达人搭配、福利社、手机客户端等等功能。如图（2）序号 公司名称 网址 选择理由1 美丽说 http:/ 蘑菇街 http:/ 有别于传统电商的社会化电商网站图（2）提供的内容信息是否准确：内容比较准确，每一幅图片都配有相应文字说明描述产品特征。每类产品采用九宫格方式尽可能多的展示了不同颜色和样式。如图（3）图（3）网页的制作结构：如图（4）如图（4）色彩和导航：色彩以粉色和白色为主，片中女性更喜欢的颜色，整体页面给人简洁温馨感觉，如图（5）如图（5）导航和标签也采用想通配色方案，显得简洁明快，文字按钮易于辨认。粉色突出重点推荐商品，黑色为普通商品分类链接。如图
3、（6）如图（6）交互设计是否合理方便：交互模式采用近似社区化模式，更接近真实购物体验，在购物时分享感受，有别于传统电商网站，是网站的特色功能。导航和搜索功能都比较符合用户使用习惯。蘑菇街（图 7）目标定位： 90 后对时尚敏感度高的女生为主，以淘货为目标，主要瞄准当季的盛行元素。相比美丽说，目标商品更为廉价流行。版面的总体设计和栏目设置：主体页面是微博的形式的展现，强调了互动功能。除了采用微博形式外，在社区形态上也应用了小组的形式，每个用户都有一个主页,将二者结合起来。如图（8）如图（8）提供的内容信息是否准确：内容提供相对准确，产品描述加个人购物体验评价，更准确的描述了商品。网页的制作结构：如图（9）如图（9）色彩和导航：配色同样选择了粉色作为主色调，翠绿色标注重点强调文字和链接，整体感觉简洁明快，富有活力，较容易吸引年轻女孩分享购物体验，参与互动。如图（10）如图（10）交互设计是否合理方便：整合微博和社区的讨论模式分享购物体验，简单的操作设计，方便多数微博和社区用户上手参与讨论分享信息。不提供独立购物平台，但笼络了对一些商品感兴趣的人群。
