国内外网站建设差别有多大,附案例分析

2019-12-25
翰臣原创观点


      本文将从国企行业中的网页设计角度,与大家分享几个国内外著名钢铁公司的网站设计案例。从案例中大家将会发现,即使在同一个行业里,国内外国企网站建设设计也存在着很大差异,希望这些分享能给当下的设计师在设计国企网站时会带来一些不一样的灵感。

外国国企网站钢铁公司网站设计:

1、新日铁住金(nssmc)

新日铁住金是钢产量世界第二的公司。该网站的Banner图和大号文字搭配,具有视觉冲击力。导航中的公司logo位于导航中间,正好区分6个导航栏目, 而logo中的图形本身具有对称性,这种导航样式在视觉上有一种平衡美。首页滑动鼠标,内容滚动式缓缓向上,上下背景图片具有交错感,有较好的视觉效果。

但该网站内容页设计却比较保守,内页设计都偏传统,与首页的风格存在非常大的差异,这会让用户在浏览中产生疑虑,甚至以为属于不同的网站。如下图的内容页设计:

从该网站可以看出,一个网站首页和内页设计风格的一致性是设计师需要考虑和注意的一个重要问题。

2、塔塔钢铁公司(Tata Steel)

塔塔钢铁公司属于印度塔塔集团旗下。该网站采用了蓝色系,整体风格偏扁平化。

网站在导航设计上有一个亮点,鼠标悬停时的下拉设计采用图文混合形式,视觉上比较清晰,能更好吸引用户。

缺陷也很明显:虽然首页第一眼看起来很简洁,但内容形式比较单一。比如下图中,内容页左右布局,左导航加右侧的形式让人感觉很单调,并且网站整体交互较少,内容和样式都不丰富,因此显得空洞。

而右上角的集团logo点击后跳转进入另一个网站,容易与左上角快速回到首页的logo设置混淆。

3、奥托昆普(Outokumpu)

奥托昆普网站的首页设计在视觉上显得比较大气,Banner通栏,与二级导航搭配在一起,展示了一定的层次。

该网站各个页面设计风格统一,图文结合的布局比较一致,让整个网站保持一种整体性,浏览效果比较不错。大量图片的排版布局保证了视觉效果,但同样存在问题,比如打开页面时,多个大背景图容易造成图片加载速度缓慢的问题,影响用户浏览时的体验。另外,某些Banner图中的色块颜色偏重,看上去像贴在图片上,缺乏融合感。


国内国企网站钢铁公司网站设计:

国内钢铁行业网站有一个典型特征,即在整体风格上趋近,使用拟物化设计风格,多用灰色背景,大量采用高光、渐变或阴影。这种设计风格的网站属于传统风格,可能在降低认知学习成本上有一定优势,但大量拟物化的设计很容易造成审美疲劳,并让网站看起来很呆板。不过我们也能学习到其中的一些小亮点。

4、武汉钢铁集团公司(WISCO)

与美国AK钢铁公司案例相比(玫红色),武钢官网也应用了企业自身logo的红色。但武钢官网与美国AK钢铁公司网站有所不同,武钢logo的红色在网站中是作为辅助色,而不是主色。武钢网站以灰色作为主色,整体看起来显得比较沉闷。该网站设计也采用了拟物化风格,比如背景、导航和各栏目的渐变与高光效果。

从布局和图片来看,网站整体看起来中规中矩,看起来很古板,显得不灵活。

该网站展示了公司出版物,是其中一个特色。如果能在交互上做一些优化,可以为网站增色。

5、首钢集团(ShouGang Group)

首钢集团网站采用蓝色,图片和文字整体的搭配,有一种清新的感觉,但网站仍然属于传统风格。

网站的详情页有一些排版不合理,比如图片不清晰、文字太小看不清楚、文字排版拥挤,整体浏览和用户体验欠佳。

6、河钢集团公司(HBIS)

河钢集团公司旗下有很多分公司。此网站的传统风格看起来像10年前的网站样式,在内容和布局上毫无亮点。河钢近两年在世界钢铁行业排名靠前,但网站只是展现企业基本情况,并没有属于自己的特色。与作为大企业所具备的实力相比,网站显得过时、落后。

 

2019-12-25
翰臣原创观点