要做好一个天猫商城的装修（当然也包括他老爹淘宝），光有一股为艺术献身的精神还是不够的，你要时刻关注数据这个东西。
用百度二哥李明远的话，就是跟着数据走，绝对没错，百度已经走了这么多年了。咱们美工一年四季做的活儿，就是缝缝补补，这个修修啊，那个扣一扣啊....机器而又白痴，坚持到最后的荣登极乐世界，坚持不了的，还是过着苦逼的生活。因为时间有限，今天我们就不谈字体丶颜色丶布局暗线这几个模块了。
所以，个人建议，在做第一张全屏海报设计的时候，我们首先要明白我们的客户都在用什么分辨率的浏览器，哪个是用的最多的，我们要特别对待，你说对不对呢。这这一屏的重要性，我就不再强调了，顾客走or留，店家的身家性命全都在这里。
在考虑屏幕分辨率的同时，我们还要考虑浏览器本身占据的地方，还有电脑系统的任务栏占据的地方，这些地方是固定的，所以比较好把握。
我手贱，把店铺首屏，客户看到的整个画面粗略的分为了四个基本模块（不同浏览器不一样，仅作分析参考用）
1. 浏览器本身占用的模块
2. 商城构架占用的模块
3. 店铺可操作模块
4. 电脑系统任务栏
为了说明白这个，我做了一个这样的测试：
图1.是在1600×900分辨率下的显示效果：
（图1 电商小贱）
我们看到，标题丶人物丶产品丶以及双十一的提示模块，都表现得很好，所有的信息一览无遗，感觉那叫赏心悦目，真的是高端大气上档次。不错，舒服！
（图2 电商小贱）
这次，我们可以看到，打开页面后，不滚动鼠标的状态下，我们看到的整个画面是这样的，模特和产品部分被遮住了，但是“疯抢2.5折起”这样的一个让利的标题还是能很好的展现出来，也能抓住客户的眼球。根据网民的浏览习惯，到这一步后，就会下意识的滚动一下鼠标滚轮（OR离开），只要滚轮拨动一下，首屏刚好能被第一张海报铺满，这时候顾客才真正的看到了设计师想要表达的整体效果。诚然，在设计这张首屏海报的时候，我们有很多的约束和局限性，我们要不能为了照顾某一个分辨率的浏览器
而舍弃一些东西。我们只能综合考虑一下，折中一下，做好海报重要内容和次要内容的分布，不至于让
海报在不同的分辨率下丧失了营销和引流的功能。这就是这篇文章，小贱要说的。
所以，很多时候我给客户做页面的时候，都是严格按照数据来做的。
落地技巧：为了测试一张海报在不同分辨率下的效果，我是这样做的。童鞋们觉得可以的，也可以参考一下。
我会在自己的电脑上保存了各种分辨率的电脑屏幕全屏截图：台式机丶笔记本丶平板都有。做好了一张图，直接嵌套进去。用这样的方法模拟终端客户看到的效果，重点关注使用占有率高的几个分辨率，只有这样，才能真真正正的做出一张体验好的丶视觉冲击强烈的，又能帮老板挣到钱的海报。
好了今天是抽时间写的，随便说了几句，更多掏心窝的干货，请跟帖。感谢派代，感谢派友，拜拜。
文章TAG：数据 设计 商城
