实战：如何设计无线端详情页？

xj618

　　无线将是今后的大趋势，今天就来说说怎么设计无线详情页，才更加符合pc端客户的需求!
　　优秀无线详情页一般都是4页10屏。从下图的数据可以得出，买家在详情页平均停留时间是70秒，50.07%的买家看不到30秒就把页面关掉了!所以详情页应该看重的事质而不是量!
　　

160e2454c0045419466a91780a9041f3.jpg (76.08 KB, 下载次数: 0)
下载附件
实战：如何设计无线端详情页？
2015-3-14 10:12 上传

　　而要想设计出好的页面，得有六个重要的元素组成：海报丶商品信息丶尺码规格丶模特图丶实物图丶细节图，缺一不可。
　　

a848722ef723aed848daf9fea42e405e.jpg (64.83 KB, 下载次数: 0)
下载附件
实战：如何设计无线端详情页？
2015-3-14 10:12 上传

　　01字体设计
　　详情页面的字体设计要点有3：①字体清晰，②字数精简，③大小适当。
　　掌握这3个字体技巧之后，看看下面这2个对比图，很容易就可以分析得出，上面这个产品设计图，字体繁多，字体很小，下面的产品图片，字数精简，大小适当，清晰，让人一目了然。
　　

53c9b775453585351377106e309583e6.jpg (133.41 KB, 下载次数: 0)
下载附件
实战：如何设计无线端详情页？
2015-3-14 10:12 上传

　　02海报图设计
　　海报图分别分为2种：风格海报和卖点海报。风格海报主要体现的是店铺或产品风格，卖点海报主要就是突出产品卖点。
　　

8208e8ccb2a4eb6b26d7fbdd98962dd3.jpg (150.72 KB, 下载次数: 0)
下载附件
实战：如何设计无线端详情页？
2015-3-14 10:12 上传

　　03商品信息展示设计
　　商品信息展示该注意的有2点：①文字精简清晰②图文重点突出
　　

841e82fee8a0d058141889563bf93781.jpg (109.69 KB, 下载次数: 1)
下载附件
实战：如何设计无线端详情页？
2015-3-14 10:12 上传

　　04模特展示设计
　　模特展示应注意以下几点：①多色展示 ②多角度展示 ③布局多样化 ④图文并茂。
　　在移动端的模特展示中，不建议把模特图放大展示。这样不仅加长页面加载时间，容易造成跳失，而且，小屏幕展现内容有限，大图片不利于客户比较不同颜色的效果，影响购物体验。
　　

59deb9ca9e1bc5cc58732b4a5ae1532f.jpg (206.54 KB, 下载次数: 1)
下载附件
实战：如何设计无线端详情页？
2015-3-14 10:12 上传

　　05实物展示设计
　　实物展示应注意的有3点：①清拍图展示②正反面展示 ③多色展示
　　对于多色的宝贝，如果模特展示已经展示出来了，那这里就可以适当省略了。
　　

7758ccd887f2a8e0890a8e44de2b1bd9.jpg (131.05 KB, 下载次数: 0)
下载附件
实战：如何设计无线端详情页？
2015-3-14 10:12 上传

　　06细节展示设计
　　细节展示有3点：①放大细节②细节展示恰当合理 ③图文并茂
　　无线端的细节展示，建议一屏展示3-4张细节图。文字描述用小的字体放在图片四周。
　　

03b2587c242a4160952fb031d7b31f0f.jpg (190.31 KB, 下载次数: 1)
下载附件
实战：如何设计无线端详情页？
2015-3-14 10:12 上传