公司官网是直接面向用户的一个窗口，能在用户印象中发挥很大作用，对公司来说是一个重要的展示平台。好的网站自然能给用户一个好印象，甚至能帮公司增值。
本文将从行业中的网页设计角度，与大家分享几个国内外著名钢铁公司的网站案例。从案例中大家将会发现，即使在同一个行业里，国内外网站的设计也存在着很大差异，希望这些分享能给设计师们带来一些灵感。
提到钢铁行业的公司网站，一些人的脑海中可能瞬间浮现传统网站的常见样式，特征主要是各网站相似程度高，给人感觉使用了同一个模板做出来的，显得过时、保守。
并且该网站在细节处理上很到位，比如PC端有两个入口，一个是按照栏目分类，属于常规水平，另一个是汉堡图标，点击后获得完整详情页入口展示，可以快速找到想要的信息，给用户较好的体验。
中的公司Logo位于中间，正好区分6个栏目， 而Logo中的图形本身具有对称性，这种样式在视觉上有一种平衡美。
但该网站内容页设计却比较保守，内页设计都偏传统，与首页的风格存在非常大的差异，这会让用户在浏览中产生疑虑，甚至以为属于不同的网站。如下图的内容页设计：
网站在设计上有一个亮点，鼠标悬停时的下拉设计采用图文混合形式，视觉上比较清晰，能更好吸引用户。
缺陷也很明显：虽然首页第一眼看起来很简洁，但内容形式比较单一。比如下图中，内容页左右布局，左加右侧的形式让人感觉很单调，并且网站整体交互较少，内容和样式都不丰富，因此显得空洞。
而右上角的集团Logo点击后跳转进入另一个网站，容易与左上角快速回到首页的Logo设置混淆。
奥托昆普网站的首页设计在视觉上显得比较大气，Banner通栏，与二级搭配在一起，展示了一定的层次。
该网站各个页面设计风格统一，图文结合的布局比较一致，让整个网站保持一种整体性，浏览效果比较不错。
大量图片的排版布局了视觉效果，但同样存在问题，比如打开页面时，多个大背景图容易造成图片加载速度缓慢的问题，影响用户浏览时的体验。另外，某些Banner图中的色块颜色偏重，看上去像贴在图片上，缺乏融合感。
蒂森克虏伯官网属于典型的扁平化风格，网站设计展现了一种鲜明的“科技感”，Banner中的图、蓝色的色块和大号文字搭配起来富有吸引力，能在第一时间抓住人的眼球。
该网站内容页的设计是常规的布局方式，略显单调。整个网站过度扁平化，缺少特色，而且几乎没有交互效果，让整个网站缺乏活力。如下图的内页设计：
众多钢铁公司的网站主色采用了蓝色系，AK钢铁公司网站则显得与众不同。AK钢铁公司网站采用了玫红色，是由于其Logo是玫红色。
网站整体设计仍然属于传统风格，除了详情页大量文字的拥挤排版，缺乏图片搭配等，很多细节处理上还存在一些问题，导致整体视觉体验欠佳。如下图中图片和文字缺乏融合，整体显得单调的内容排版：
国内钢铁行业网站有一个典型特征，即在整体风格上趋近，使用拟物化设计风格，多用灰色背景，大量采用高光、渐变或阴影。
这种设计风格的网站属于传统风格，可能在降低认知学习成本上有一定优势，但大量拟物化的设计很容易造成审美疲劳，并让网站看起来很呆板。
宝钢集团有限公司官网背景色采用与Logo色一致的蓝色，除了Banner图的红色，内页的整体颜色搭配看起来比较舒适。
水平下拉设计属于典型的拟物化风格，这部分内容虽然显得突出形象，但是与侧的扁平化风格形成冲突，在视觉上显得复杂。
该网站在细节处理上还有一些需要优化的地方，比如风格不统一。如下图中，同为搜索框，的搜索图标采用了拟物化设计，下面的搜索图标则采用了扁平化设计。
但武钢官网与美国AK钢铁公司网站有所不同，武钢Logo的红色在网站中是作为辅助色，而不是主色。
网站的详情页有一些排版不合理，比如图片不清晰、文字太小看不清楚、文字排版拥挤，整体浏览和用户体验欠佳。
河钢集团公司旗下有很多分公司。此网站的传统风格看起来像10年前的网站样式，在内容和布局上毫无亮点。
河钢近两年界钢铁行业排名靠前，但网站只是展现企业基本情况，并没有属于自己的特色。与作为大企业所具备的实力相比，网站显得过时、落后。
鞍钢集团的官网与前几个国内案例相比有很大的改善，网站虽然仍然采用了拟物化设计风格，比如和各栏目名称部分等，不过在细节处理上显得比较自然。
而且村欲情史该网站的配色合理，整站色彩搭配和图文排版看起来比较统一。如下图，展现出网站较好的的整体视觉效果。
从目前收集的案例来看，我们可以初步总结出钢铁行业网站一些普遍特征：钢铁行业大部分网站以蓝色为主色（或者灰色、Logo色）；
网站设计风格大致分为两种，一种是传统风格；另一种符合近几年网页设计趋势，也相对注重视觉和交互效果。
从整体来说，国内钢铁公司网站的设计更倾向于传统风格，显得过时落后，不过也开始有企业关注企业转型和网站改版；国外钢铁公司的网站虽然也有一些传统网站，但总体来说比较注重视觉效果和公司形象展现，而且整个行业对公司网站的关注相比国内早。
了解到这些信息后，设计师面对钢铁行业的客户可以参考行业案例，并根据客户的公司战略及业务需求，有针对性地深入研究，设计出符合客户需求的网站就更容易了。
本文由 @AnyForWeb设计师尛沫 发布于人人都是产品经理 ，未经许可，转载。
人人都是产品经理（是以产品经理、运营为核心的学习、交流、分享平台，集、培训、招聘、社群为一体，全方位服务产品人和运营人，成立8年举办在线+期，线+场，产品经理大会、运营大会20+场，覆盖北上广深杭成都等15个城市，在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监，他们在这里分享知识、招聘人才，与你一起成长。
本文由来源于财鼎国际(www.hengpunai.cn)