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

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

   1、新日鐵住金(www.eng.nssmc.com)

   新日鐵住金是鋼產(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è)重要問題。

   2、塔塔鋼鐵公司(www.tatasteel.com)

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

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

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

   而右上角的集團(tuán)logo點(diǎn)擊后跳轉(zhuǎn)進(jìn)入另一個(gè)網(wǎng)站，容易與左上角快速回到首頁的logo設(shè)置混淆。

   3、奧托昆普(www.outokumpu.com)

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

   該網(wǎng)站各個(gè)頁面設(shè)計(jì)風(fēng)格統(tǒng)一，圖文結(jié)合的布局比較一致，讓整個(gè)網(wǎng)站保持一種整體性，瀏覽效果比較不錯(cuò)。大量圖片的排版布局保證了視覺效果，但同樣存在問題，比如打開頁面時(shí)，多個(gè)大背景圖容易造成圖片加載速度緩慢的問題，影響用戶瀏覽時(shí)的體驗(yàn)。另外，某些Banner圖中的色塊顏色偏重，看上去像貼在圖片上，缺乏融合感。

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

   國內(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)站看起來很呆板。不過我們也能學(xué)習(xí)到其中的一些小亮點(diǎn)。

   4、武漢鋼鐵集團(tuán)公司(www.wuganggroup.cn)

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

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

   該網(wǎng)站展示了公司出版物，是其中一個(gè)特色。如果能在交互上做一些優(yōu)化，可以為網(wǎng)站增色。

   5、首鋼集團(tuán)(www.shougang.com.cn)

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

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

   6、河鋼集團(tuán)公司(www.hbisco.com)

   河鋼集團(tuán)公司旗下有很多分公司。此網(wǎng)站的傳統(tǒng)風(fēng)格看起來像10年前的網(wǎng)站樣式，在內(nèi)容和布局上毫無亮點(diǎn)。

   河鋼近兩年在世界鋼鐵行業(yè)排名靠前，但網(wǎng)站只是展現(xiàn)企業(yè)基本情況，并沒有屬于自己的特色。與作為大企業(yè)所具備的實(shí)力相比，網(wǎng)站顯得過時(shí)、落后。

   今天藤設(shè)計(jì)就分享到這里，實(shí)際上對(duì)于國企網(wǎng)站建設(shè)、國企網(wǎng)站設(shè)計(jì)、國企網(wǎng)站制作相關(guān)知識(shí)今天本來是想分享十幾個(gè)國企網(wǎng)站建設(shè)案例給大家的，可以整合一個(gè)小百科了，但是由于時(shí)間有限，就先分享到這里，在這里就不過多的闡述了，希望對(duì)大家能有所幫助!