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

　　外國(guó)國(guó)企網(wǎng)站鋼鐵公司網(wǎng)站設(shè)計(jì)：

　　1、新日鐵住金(nssmc)

　　新日鐵住金是鋼產(chǎn)量世界第二的公司。該網(wǎng)站的Banner圖和大號(hào)文字搭配，具有視覺(jué)沖擊力。導(dǎo)航中的公司logo位于導(dǎo)航中間，正好區(qū)分6個(gè)導(dǎo)航欄目， 而logo中的圖形本身具有對(duì)稱(chēng)性，這種導(dǎo)航樣式在視覺(jué)上有一種平衡美。首頁(yè)滑動(dòng)鼠標(biāo)，內(nèi)容滾動(dòng)式緩緩向上，上下背景圖片具有交錯(cuò)感，有較好的視覺(jué)效果。

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

　　2、塔塔鋼鐵公司(Tata Steel)

　　塔塔鋼鐵公司屬于印度塔塔集團(tuán)旗下。該網(wǎng)站采用了藍(lán)色系，整體風(fēng)格偏扁平化。

　　網(wǎng)站在導(dǎo)航設(shè)計(jì)上有一個(gè)亮點(diǎn)，鼠標(biāo)懸停時(shí)的下拉設(shè)計(jì)采用圖文混合形式，視覺(jué)上比較清晰，能更好吸引用戶(hù)。

　　缺陷也很明顯：雖然首頁(yè)第一眼看起來(lái)很簡(jiǎn)潔，但內(nèi)容形式比較單一。比如下圖中，內(nèi)容頁(yè)左右布局，左導(dǎo)航加右側(cè)的形式讓人感覺(jué)很單調(diào)，并且網(wǎng)站整體交互較少，內(nèi)容和樣式都不豐富，因此顯得空洞。

　　3、奧托昆普(Outokumpu)

　　奧托昆普網(wǎng)站的首頁(yè)設(shè)計(jì)在視覺(jué)上顯得比較大氣，Banner通欄，與二級(jí)導(dǎo)航搭配在一起，展示了一定的層次。

　　該網(wǎng)站各個(gè)頁(yè)面設(shè)計(jì)風(fēng)格統(tǒng)一，圖文結(jié)合的布局比較一致，讓整個(gè)網(wǎng)站保持一種整體性，瀏覽效果比較不錯(cuò)。大量圖片的排版布局保證了視覺(jué)效果，但同樣存在問(wèn)題，比如打開(kāi)頁(yè)面時(shí)，多個(gè)大背景圖容易造成圖片加載速度緩慢的問(wèn)題，影響用戶(hù)瀏覽時(shí)的體驗(yàn)。

　　國(guó)內(nèi)國(guó)企網(wǎng)站鋼鐵公司網(wǎng)站設(shè)計(jì)：

　　國(guó)內(nèi)鋼鐵行業(yè)網(wǎng)站有一個(gè)典型特征，即在整體風(fēng)格上趨近，使用擬物化設(shè)計(jì)風(fēng)格，多用灰色背景，大量采用高光、漸變或陰影。這種設(shè)計(jì)風(fēng)格的網(wǎng)站屬于傳統(tǒng)風(fēng)格，可能在降低認(rèn)知學(xué)習(xí)成本上有一定優(yōu)勢(shì)，但大量擬物化的設(shè)計(jì)很容易造成審美疲勞，并讓網(wǎng)站看起來(lái)很呆板。不過(guò)我們也能學(xué)習(xí)到其中的一些小亮點(diǎn)。

　　4、武漢鋼鐵集團(tuán)公司(WISCO)

　　與美國(guó)AK鋼鐵公司案例相比(玫紅色)，武鋼官網(wǎng)也應(yīng)用了企業(yè)自身logo的紅色。但武鋼官網(wǎng)與美國(guó)AK鋼鐵公司網(wǎng)站有所不同，武鋼logo的紅色在網(wǎng)站中是作為輔助色，而不是主色。武鋼網(wǎng)站以灰色作為主色，整體看起來(lái)顯得比較沉悶。該網(wǎng)站設(shè)計(jì)也采用了擬物化風(fēng)格，比如背景、導(dǎo)航和各欄目的漸變與高光效果。

　　從布局和圖片來(lái)看，網(wǎng)站整體看起來(lái)中規(guī)中矩，看起來(lái)很古板，顯得不靈活。

　　　5、首鋼集團(tuán)(ShouGang Group)

　　首鋼集團(tuán)網(wǎng)站采用藍(lán)色，圖片和文字整體的搭配，有一種清新的感覺(jué)，但網(wǎng)站仍然屬于傳統(tǒng)風(fēng)格。

　　網(wǎng)站的詳情頁(yè)有一些排版不合理，比如圖片不清晰、文字太小看不清楚、文字排版擁擠，整體瀏覽和用戶(hù)體驗(yàn)欠佳。

　　6、河鋼集團(tuán)公司(HBIS)

　　河鋼集團(tuán)公司旗下有很多分公司。此網(wǎng)站的傳統(tǒng)風(fēng)格看起來(lái)像10年前的網(wǎng)站樣式，在內(nèi)容和布局上毫無(wú)亮點(diǎn)。河鋼近兩年在世界鋼鐵行業(yè)排名靠前，但網(wǎng)站只是展現(xiàn)企業(yè)基本情況，并沒(méi)有屬于自己的特色。與作為大企業(yè)所具備的實(shí)力相比，網(wǎng)站顯得過(guò)時(shí)、落后。