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

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

　　1、新日鐵住金(nssmc)

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

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

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

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

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

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

　　3、奧托昆普(Outokumpu)

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

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

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

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

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

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

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

　　　5、首鋼集團(ShouGang Group)

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

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

　　6、河鋼集團公司(HBIS)

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