浅谈网易印像派首页改版之视觉篇

498)this.width=498;'' onmousewheel = ''javascript:return big(this)'' class="alignnone size-full wp-image-9322" alt="" width="625" height="200" src="/uploadfile/201301/12/34122731385.jpg" />

.498)this.width=498;'' onmousewheel = ''javascript:return big(this)'' class="alignnone size-full wp-image-9461" alt="" width="625" height="762" src="/uploadfile/201301/12/53122732834.jpg" />

498)this.width=498;'' onmousewheel = ''javascript:return big(this)'' class="alignnone size-full wp-image-9462" alt="" width="625" height="385" src="/uploadfile/201301/12/B9122732804.jpg" />

498)this.width=498;'' onmousewheel = ''javascript:return big(this)'' class="alignnone size-full wp-image-9463" alt="" width="625" height="895" src="/uploadfile/201301/12/40122732767.jpg" />

498)this.width=498;'' onmousewheel = ''javascript:return big(this)'' class="alignnone size-full wp-image-9464" alt="" width="625" height="943" src="/uploadfile/201301/12/39122732765.jpg" />

498)this.width=498;'' onmousewheel = ''javascript:return big(this)'' class="alignnone size-full wp-image-9465" alt="" width="625" height="611" src="/uploadfile/201301/12/27122732774.jpg" />

498)this.width=498;'' onmousewheel = ''javascript:return big(this)'' class="alignnone size-full wp-image-9469" alt="" width="625" height="728" src="/uploadfile/201301/12/4D122732678.jpg" />

.

498)this.width=498;'' onmousewheel = ''javascript:return big(this)'' class="alignnone size-full wp-image-9472" alt="" width="625" height="42" src="/uploadfile/201301/12/3E122732122.jpg" />

前段时间在做印像派的全站改版，其中包括首页、列表页、详情页、主题页等页面，整个项目历时较久。前段时间新版印像派上线了，首页初稿由葱头同学设计定稿的，后期由我跟进优化，现在正好以印像派首页为切入点做个设计回顾。

网易印像派(yxp.163.com)是网易公司推出的个性产品服务平台，在网易印像派可以网上冲印各类数码产品。随着印像派业务不断扩展，几年前设计的首页无论是在交互还是视觉上都已经无法满足现有的业务需求，所以首页的改版是一件迟早要提上议程的事情。

498)this.width=498;'' onmousewheel = ''javascript:return big(this)'' class="alignnone size-full wp-image-9473" alt="" width="625" height="42" src="/uploadfile/201301/12/DC122732837.jpg" />

首页改版是一项历时较久、参与人员较多的工程，所以必须有一个清晰有效的项目流程。

项目流程：

1.项目立项

产品负责人写产品计划书，确定产品的市场需求点和功能需求点，和相关业务部门负责人开会讨论确认需求，随后召集交互、视觉、前端、开发等项目相关人员确定各自的任务时间点。

2.用研、交互

用户研究员根据近一两年的数据走向，重新定义目标用户群，进而细化产品概念。交互根据需求绘制产品原型。

3.视觉设计

视觉设计师前期参与项目会议了解需求后，根据产品原型和产品功能策划书进行视觉设计。视觉设计在整个项目中起到承上启下的作用，既要和产品负责人沟通产品需求又要和前后端工程师沟通页面细节。

4.开发

视觉评审会上确认视觉稿后，接下来到开发阶段。在整个项目中此环节耗时最长，因此视觉稿在交付开发前要做好标注和切图，以免延误开发。

5.测试

前端测试环节也是非常重要的一环，如果你认为视觉设计师的工作止于视觉稿定稿那就错了，不到上线绝不能松懈，测试阶段经常出现的问题有“浅灰色底怎么变成白色了”、“这