公司官網(wǎng)是直接面向用戶的一個窗口，能在用戶印象中發(fā)揮很大作用，對公司來說是一個重要的展示平臺。好的網(wǎng)站自然能給用戶一個好印象，甚至能幫公司增值。

很多傳統(tǒng)行業(yè)目前正在面臨轉型，開始在線上尋求新的發(fā)展機遇，并通過網(wǎng)站改版升級提高競爭力。

本文將從行業(yè)中的網(wǎng)頁設計角度，與大家分享幾個國內(nèi)外 鋼鐵公司的網(wǎng)站案例。從案例中大家將會發(fā)現(xiàn)，即使在同一個行業(yè)里，國內(nèi)外網(wǎng)站的設計也存在著很大差異，希望這些分享能給設計師們帶來一些靈感。

提到鋼鐵行業(yè)的公司網(wǎng)站，一些人的腦海中可能瞬間浮現(xiàn)傳統(tǒng)網(wǎng)站的常見樣式，特征主要是各網(wǎng)站相似程度高，給人感覺使用了同一個模板做出來的，顯得過時、保守。

是否真的是這樣？我們先看國外鋼鐵行業(yè)網(wǎng)站案例。

國外鋼鐵公司網(wǎng)站

1、韓國浦項制鐵公司（posco）

浦項制鐵公司的官網(wǎng)是一個響應式網(wǎng)站，網(wǎng)站的首頁以全屏滾動方式展現(xiàn)內(nèi)容。

首頁的部分版塊加入了一些交互效果，比如下圖鼠標懸停時圖標被藍色填充。

下圖鼠標懸停時在圖片上出現(xiàn)文字信息：

整個網(wǎng)站頁面排版布局形式較多，在層級多的情況下顯得很豐富。

并且該網(wǎng)站在細節(jié)處理上很到位，比如PC端導航有兩個入口，一個是按照欄目分類,屬于常規(guī)水平導航，另一個是漢堡圖標,點擊后獲得完整詳情頁入口展示，可以快速找到想要的信息，給用戶較好的體驗。

點擊漢堡圖標的效果：

網(wǎng)站的整體風格比較統(tǒng)一，其中線形矢量圖和圖標的使用，是網(wǎng)站 的又一個亮點。

2、新日鐵住金 （nssmc）

新日鐵住金是鋼產(chǎn)量世界第二的公司。該網(wǎng)站的Banner圖和大號文字搭配，具有視覺沖擊力。

導航中的公司 logo位于導航中間，正好區(qū)分6個導航欄目， 而logo中的圖形本身具有對稱性，這種導航樣式在視覺上有一種平衡美。

首頁滑動鼠標，內(nèi)容滾動式緩緩向上 ，上下背景圖片具有交錯感，有較好的視覺效果。

但該網(wǎng)站內(nèi)容頁設計卻比較保 守，內(nèi)頁設計都偏傳統(tǒng)，與首頁的風格存在非常大的差異，這會讓用戶在瀏覽中產(chǎn)生疑慮，甚至以為屬于不同的網(wǎng)站。如下圖的內(nèi)容頁設計：

從該網(wǎng)站可以看出，一個網(wǎng)站首頁和內(nèi)頁設計風格的一致性是設計 師需要考慮和注意的一個重要問題。