里怎么偏移了2像素”“
图片和文字不对齐”，所以想要做到线上效果和视觉稿100%吻合，经常跑到技术GG那边校稿是必不可少的。
6.上线
刚上线后要密切关注数据变化，根据数据分析、用户反馈做出调整。
7.跟进优化
成功的产品是在优化迭代中产生的，这是一个从设计到用户数据反馈再回到设计的验证过程。.
![]()
498)this.width=498;'' onmousewheel = ''javascript:return big(this)'' class="alignnone size-full wp-image-9474" alt="" width="625" height="42" src="/uploadfile/201301/12/7B122732494.jpg" />
.
![]()
498)this.width=498;'' onmousewheel = ''javascript:return big(this)'' class="alignnone size-full wp-image-9406" alt="" width="625" height="429" src="/uploadfile/201301/12/E6122732382.jpg" />
1.老版首页的视觉风格过时，需要重新全面包装，提升品牌认知度。
2.版块过多，产品区得不到更好的展示。
3.老版的导航条为二级全展开导航，这种全展开导航的弊端是导航会随着内容的增加而变长，会导致导航条过长，不利于浏览。
4.三栏的页面布局导致信息拥挤。
5.轮播的交互操作不够便捷，视觉样式不够简洁。.
![]()
498)this.width=498;'' onmousewheel = ''javascript:return big(this)'' class="alignnone size-full wp-image-9475" alt="" width="625" height="42" src="/uploadfile/201301/12/1C122732765.jpg" />.
1.形象色的重新提炼
用户打开一个页面，首先映入眼帘的是色彩，网站形象色的重要性犹如企业的LOGO，一个成功的网站形象色应该能使用户一看到该颜色就联想到该网站。因此视觉改版首先要做的是主色调的提取，只有确定了主色调才能往下展开其他设计。
产品设计应该是先理性后感性的。先理性的分析一下用户属性，再感性把握主色调的走向，下面来看看印像派的用户数据分析：.
![]()
498)this.width=498;'' onmousewheel = ''javascript:return big(this)'' class="alignnone size-full wp-image-9343" alt="" width="625" height="759" src="/uploadfile/201301/12/81122732449.jpg" />
![]()
498)this.width=498;'' onmousewheel = ''javascript:return big(this)'' class="alignnone size-full wp-image-9489" title="用户数据" alt="" width="625" height="1428" src="/uploadfile/201301/12/50122733459.jpg" />
经过上面的用户数据分析，我们可以看出印像派的主要用户为25-31岁的年轻女性，大学本科的学历，收入为3K-5K。这类年轻女性用户的消费能力属于中上水平，有一定的审美能力，因此主色调的重新提炼的关键词应是：女人、清新、时尚、小资、活力。
![]()
498)this.width=498;'' onmousewheel = ''javascript:return big(this)'' class="alignnone size-full wp-image-9358" alt="" width="625" height="399" src="/uploadfile/201301/12/FC122733847.jpg" />
老版的红色饱和度太高，这种大红色辨识度太低，品质感也不够。最终选了饱和度稍低，色相偏粉红的红色，搭配大片留白的页面，新的红色看起来既女人又清新，到达了上文数据分析的颜色需求。
2.重新规划版块
摒弃官方动态、微博、买家热评等鸡肋版块，加强力度突出焦点轮播banner、产品促销区等重要版块，让产品区得到更好的展示。
3.导航栏
原导航栏信息混乱、图标简陋。新版导航条以文字信息为主体进行设计，并重新设计ICON，看起来简洁清爽，而且一级导航比原来的二级导航更利于后期维护。
![]()
498)this.width=498;'' onmousewheel = ''javascript:return big(this)'' class="alignnone size-full wp-image-9366" alt="" width="625" height="624" src="/uploadfile/201301/12/61122733753.jpg" />
4.页面布局
三栏布局能在一屏内容纳较多的信息量，常见于大型门户网站。印像派本身B2C