1. 前话

最近互联网真是闹剧一出接一出，先有小月月，后有李肛门，现有“3Q争霸”。大部分网民这段时间肯定纷纷给力了。俗话说激情过后是空虚，70码后的发展现在还有谁去fllow？大伙儿都是一个热闹看完赶场到下一场，比参观世博还赶集。得了吧，李肛门的儿子不就13年有期，还是监外服刑，敢问他是怀孕了？做点实在事吧，没种去散步就别在网上乱吹嘘，对不起89倒下的前辈！这里是车评网，俺一直忍着，赶在2w四保作业前写上一篇为新车评的FACELIFE出点精力，算做点实在事。

2. 改版这点事

2.1 改版感想

自我关注xcp以来有印象的改版有三次，第一阶段是最初面貌，主题基调为暗金色；第二阶段较为短暂，主题基调改为蓝色，辅以亮金色，没过多久又恢复最初面貌；第三阶段为现阶段，主题基调改为白底，标题栏以淡北卡蓝为主，页首导航栏改为亮金色。三次改版给我的感想是：

（1）xcp对网站的主题色调定位上一直摇摆不定，在以暗金色系和淡蓝白底间徘徊了好几回，几次确定不下来。暴露出的对整体品牌打造的整体性不够坚定。（2）页面栏目模块基本没有实质性的变动，在服务产品这点上倒是思路清晰。但存在栏目排版上相互矛盾或者不合理的地方，都是些细节性问题。

简单点说几次改版下来的效果一是版面编排上没有实质性进步，二来美工方面较为薄弱。不过这两点影响倒不是非常非常的负面，毕竟xcp的核心竞争力大家都很明白靠的是内容资源取胜，在页面上的落后虽然给用户造成一定程度的不便，但总比直接套用各大门户用烂的模板来的好上许多。

2.2 改版后的页面分析

2.2.1 框架

单纯说说页面设计的规划。首先咱们先从整体上入手，xcp采用传统的窄式门户框架，这样的设计新太平洋网、华尔街日报中文站都在使用。其特点是以纯色作为底层凸显内容区域并加快页面加载的速度；以页首导航栏为标准纵向延伸塑造整体结构，所有的内容都约束在以下范围内；这种排版多用在门户类网站，因此整个首页都以导航为设计原则。

如下图所视，从上到小分别是栏目导航、焦点区域、搜索栏、AD栏、栏目索引、侧边栏和页底区域。浏览完整个首页最少需要拖动4次滑杆，这种纵向式的页面设计决定了用户的视觉焦点将由上至下逐渐减退，对于一名新访问xcp的网民来说页头的栏目导航区域和焦点区域是决定他是否进一步阅读的印象关键。

如果要给这个首页打分也就刚及格，色彩搭配扣10分，焦点区域的细节处理扣10分，第一视觉页面的设计扣10分，整体性扣10分。现在做汽车媒体的网站超级多这意味着同质化现象及其严重，那些套模板只做转贴的门户肯定没啥前途，而对一名新进来的网民如何让他第一眼就找到xcp的特色，让他发现xcp与爱卡啊汽车之家啊越野e族啊的区别，就是首页改版的重点，归纳一下也就简单的两点：

1. 内容

2. 包装

内容自不用说，这是xcp的核心竞争力。所以这里重点说包装，包装换个说法就是装B，怎么让这个页面一看上去很牛逼很有留下你的欲望，就在下面两个方面：a. 色彩 b.图片。

上图为这次改版后的色彩搭配，明度较高，纯度较低，整体色彩偏淡。所以现在网站看起来有点轻，压不住脚。大家可以多留意纯白的底色搭配，尽管白底能够和内容区域的白底形成天然的留白效果。大家是否觉得有些空和轻呢？下图为xcp的第一视觉页面，所谓第一视觉页面是指你访问网站所看到的第一个可视画面（欢迎页面、加载页面除外），他的重要性犹如人的第一印象，决定网民是否愿意进一步深入浏览。一般而言，平均每个人访问一个新的网站最多不超过5个页面，每个页面如果不能吸引住他的注意力最多停留3秒。在这15秒以内没能一见钟情网民基本上会说拜拜了。当然，对于车评网站而言，有一大部分用户是带着目的性来的，大多愿意多看几眼，这时候如果网站包装足够好，会大大地增加新用户对网站的信任程度。

下图是华尔街日报中文站的页面设计，是我喜欢和推荐的网站。他同样采用纵向编排，深灰的底色和新车评网的淡色系能形成鲜明的对比。大家不妨自己比较看看各种的差异。从色彩心理学的角度上看，淡的颜色往外放，深的颜色往里收，虽然大片留白是设计师试图表达空间感的一种及其有效的方式，但在被空间束缚的门户类版式中反而不大适用。

从网民的角度看，背景发散，内容聚焦，时间一长更容易产生视觉疲劳。反观华尔街日报相反的色彩调配，背景向里收，内容向外放，不仅使内容突出，并且营造出层次感，反而使版面显得更为宽广许多。

先去吃饭了，余下的有空再写～～