《商业站点分析》系列之 IBM
<P>在众多商业网站中IBM，始终以稳重、大方、低调的形象示众。虽然郭士纳认为IBM这只大象可以跳舞，但是大象就是大象，不会变成猴子。而我们要从大象身学习的东西有很多很多，现在我们只需要从网站上发现设计师是如何把握这只大象特性的。从中我们可以反推出我们在设计类似网站时怎么样去分析与把握该类企业特性。看来看一下首页的整体效果：[图1 彩色图]</P><P><IMG alt="" hspace=0 src="/bbs/attachments/fanjin/20081221/2008122112381046877801.gif" align=baseline border=0></P>
<P>布局 -- 平稳而不单调</P>
<P>首页的布局是横向的四行，为了打破四行过于单调的特性，特别在中间分开了几个不同的栏目，这样就使得页并不那么单调乏味了。</P>
<P><IMG alt="" hspace=0 src="/bbs/attachments/fanjin/20081221/2008122112381051577802.gif" align=baseline border=0></P>
<P></P>
<P></P>
<P>色彩 -- 低调而不低沉</P>
<P>页面的整体视觉感觉偏重，色彩并不张扬。但是却让人觉得很有精神。这是为什么呢？我们来看下面的“去色图”[图2 去色图]</P>
<P><IMG alt="" hspace=0 src="/bbs/attachments/fanjin/20081221/2008122112381057877803.gif" align=baseline border=0></P>
<P>在页面之中的色彩全部变成了黑白灰了，而网站是不是很精神就要看这里的“黑”、“白”、“灰”三者之间的关系了，页头与页脚都是黑色，中间分布着不同层次的灰度，而面积最大的还是白色。这样色彩就行成了一个梯度。大约是45%的白，35%的灰，20%的黑。一般情况下黑色较多就会很沉重，灰色较就会没精神，软绵绵，白色较多就会显得很苍白。</P>
<P>下面注意一下色彩的搭配。[图3 配色图]</P>
<P><IMG alt="" hspace=0 src="/bbs/attachments/fanjin/20081221/2008122112381062577804.gif" align=baseline border=0></P>
<P></P>
<P></P>
<P>网站大体只有一种色彩——蓝色，但是由于不同的明度与饱和度又分了几个不同的蓝色，这样就有一色彩的层次。不会觉得色彩单调，也不会觉得色彩过多。并且在后期加入一些图片时，由于整站的色彩不是很多，所图片可发挥的空间就加大了！</P>
<P><IMG alt="" hspace=0 src="/bbs/attachments/fanjin/20081221/2008122112381067177805.gif" align=baseline border=0></P>
<P><STRONG>文字及排版 -- 精致而宽松</STRONG>文字字号为9px，字体为Verdana，文字排版宽松，易于阅读。在内页“Products”这个文字显然在排版马虎了！见下图。</P>
<P><IMG alt="" hspace=0 src="/bbs/attachments/fanjin/20081221/2008122112381071877806.gif" align=baseline border=0></P>
<P></P>
<P></P>
<P><IMG alt="" hspace=0 src="/bbs/attachments/fanjin/20081221/2008122112381076577807.gif" align=baseline border=0></P>
<P></P>
<P>制作与兼容性</P>
<P>采用传统表格布局，适应IE、Firefox、Opera浏览器。</P>
页:
[1]