打印

[欣赏] 《商业站点分析》系列之 IBM [2004年12月14日]

/*-------------------------------------------------------------------------------------------------------------------
《网站设计评论》专题文章可以随意转载,转载请注明:“出处:蓝色理想  作者:小毅”
    小毅编写的《网站设计评论》是以网络形式提供给所有网民的共享文件,任何组织与个人不得以任何理由任何形式将本专题文章用于商业用途。
-------------------------------------------------------------------------------------------------------------------*/

注:本文原来是一张图片,后来由存放图片的空间出现问题文章丢失,现在作者重新编写了这篇文章,希望大家喜欢


在众多商业网站中IBM,始终以稳重、大方、低调的形象示众。虽然郭士纳认为IBM这只大象可以跳
舞,但是大象就是大象,不会变成猴子。

而我们要从大象身学习的东西有很多很多,现在我们只需要从网站上发现设计师是如何把握这只大
象特性的。从中我们可以反推出我们在设计类似网站时怎么样去分析与把握该类企业特性。

看来看一下首页的整体效果:[图1 彩色图]



布局 -- 平稳而不单调

首页的布局是横向的四行,为了打破四行过于单调的特性,特别在中间分开了几个不同的栏目,这
样就使得页并不那么单调乏味了。



色彩 -- 低调而不低沉

页面的整体视觉感觉偏重,色彩并不张扬。但是却让人觉得很有精神。这是为什么呢?我们来看下
面的“去色图”[图2 去色图]



在页面之中的色彩全部变成了黑白灰了,而网站是不是很精神就要看这里的“黑”、“白”、“灰”三者
之间的关系了,页头与页脚都是黑色,中间分布着不同层次的灰度,而面积最大的还是白色。这样
色彩就行成了一个梯度。大约是45%的白,35%的灰,20%的黑。一般情况下黑色较多就会很沉重,
灰色较就会没精神,软绵绵,白色较多就会显得很苍白。

下面注意一下色彩的搭配。[图3 配色图]



网站大体只有一种色彩——蓝色,但是由于不同的明度与饱和度又分了几个不同的蓝色,这样就有
一色彩的层次。不会觉得色彩单调,也不会觉得色彩过多。并且在后期加入一些图片时,由于整站
的色彩不是很多,所图片可发挥的空间就加大了!



文字及排版 -- 精致而宽松

文字字号为9px,字体为Verdana,文字排版宽松,易于阅读。

在内页“Products”这个文字显然在排版马虎了!见下图。





制作与兼容性

采用传统表格布局,适应IE、Firefox、Opera浏览器。

[ 本帖最后由 小毅 于 2006-11-4 12:44 编辑 ]
本帖最近评分记录

《商业站点分析》系列 [2004年12月14日]

好,终于出了,吊到顶上先。

《商业站点分析》系列 [2004年12月14日]

这里先谢了!敬请期待下期

《商业站点分析》系列 [2004年12月14日]

坐下来学习

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

《商业站点分析》系列 [2004年12月14日]

做成图片不利于搜索。

其实蛮好的,能让大家搜索看到就更好了。
2008 · 布鲁斯狼的BLOG
-------------------------------------------------------------
艾生活·i0514·小艾生活网

TOP

《商业站点分析》系列 [2004年12月14日]

www.echeminfo.net
[url]www.erubberinfo.com[/url]
[url]www.eplasinfo.com[/url]
[url]www.eoilinfo.com[/url]

TOP

《商业站点分析》系列 [2004年12月14日]

cnbruce在上个帖子中说
引用:
做成图片不利于搜索。

其实蛮好的,能让大家搜索看到就更好了。
我本来想做成文字的,但是好像不太好排版所以就这样做了!如果可以的话我会做个文字版出来。

TOP

《商业站点分析》系列 [2004年12月14日]

分析得不错,再接再励!
云深不知处…………

TOP

《商业站点分析》系列 [2004年12月14日]

太好了,期待下期,谢谢楼主哈
努力!!!奋斗!!!

TOP

《商业站点分析》系列 [2004年12月14日]

期待这样的好贴!!!

TOP

《商业站点分析》系列 [2004年12月14日]

点评得很好,喜欢你的评论,问一下就是做什么行业的?
对色彩挺有心得,有空向你讨教

TOP

《商业站点分析》系列 [2004年12月14日]

有没有别的格式的,我想打印

TOP

《商业站点分析》系列 [2004年12月14日]

嘎嘎,终于等到了~
爽~
御前刺猬·科小胖
要文气,要文气

TOP

《商业站点分析》系列 [2004年12月14日]

顶!

其实重点说的是色彩的面积对比吧。

呵呵,讲得很不错呢
像风一样自由....

TOP

《商业站点分析》系列 [2004年12月14日]

分析得非常好   谢谢小毅  

TOP

《商业站点分析》系列 [2004年12月14日]

哇!原来2004年12月就出了,我现在才看到!看来我这只"笨鸟"迟到了!
亦无晴
﹀ 〇 ﹋

TOP

《商业站点分析》系列 [2004年12月14日]

多谢小毅 ,我正需要这东西!给我帮助很大!
学习...练习...学习...练习...学习...练习...学习...练习...学习...练习...学习...练习...学习...练习...学习...练习...学习...练习...

TOP

《商业站点分析》系列 [2004年12月14日]

哇。。。太爽了。。楼主。。你简直是偶的偶像。。。亲一下。期待能跟你聊聊。。。。55555。。。。。如果有空的话。。记得+我QQ。。谢谢。。。亲。。。。

TOP

《商业站点分析》系列 [2004年12月14日]

期待~下次期待~期待~期待~期待~期待~
学习..学习...再学习.......活到老......学到老@@

TOP

《商业站点分析》系列 [2004年12月14日]

不错不错!支持一下!
网站截图收藏专家:全球500强企业网站截图
http://www.sc1000.com
交流群号:11980368

TOP

《商业站点分析》系列 [2004年12月14日]

看都到不到,我晕呀

TOP

《商业站点分析》系列 [2004年12月14日]

为什么看不到呢?

TOP

《商业站点分析》系列 [2004年12月14日]

[1]好想看啊,工作人员快点把链接搞好[/1]
你想

TOP

《商业站点分析》系列 [2004年12月14日]

看不到了
可见备份的重要啊

TOP

《商业站点分析》系列 [2004年12月14日]

呵呵
什么时候能发出来呀?
我很有兴趣!
欢迎走进我们的设计网站!
www.online8.9126.com
在线设计 online...

TOP

文章已经重新编写完成,顶上去让大家知道!呵呵!

TOP

讲得好

支持下

TOP

大家看看这个网站
http://www.dhzchina.com/index.html
真是模仿IBM到家了,那设计师真是很烂,那摸斑骗客户~~晕

TOP

谢谢小毅,那个

网站大体只有一种色彩——蓝色,但是由于不同的明度与饱和度又分了几个不同的蓝色,这样就有
一色彩的层次。不会觉得色彩单调,也不会觉得色彩过多。

给我启发很大。

不过,那个黑白灰的分析比例你是怎么弄出来的?

TOP

引用:
http://www.dhzchina.com/index.html
真是模仿IBM到家了
简直是笑话,这个网站根本是粗糙不堪阿

TOP