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

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

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

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

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

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

1、韓國(guó)浦項(xiàng)制鐵公司（posco）

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

首頁的部分版塊加入了一些交互效果，比如下圖鼠標(biāo)懸停時(shí)圖標(biāo)被藍(lán)色填充。

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

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

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

點(diǎn)擊漢堡圖標(biāo)的效果：

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

2、新日鐵住金 （nssmc）

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

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

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

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

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