公司官網(wǎng)是直接面向用戶的一個窗口，能在用戶印象中發(fā)揮很大作用，對公司來說是一個重要的展示平臺。好的網(wǎng)站自然能給用戶一個好印象，甚至能幫公司增值。3CJ北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
很多傳統(tǒng)行業(yè)目前正在面臨轉(zhuǎn)型，開始在線上尋求新的發(fā)展機(jī)遇，并通過網(wǎng)站改版升級提高競爭力。3CJ北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
本文將從行業(yè)中的網(wǎng)頁設(shè)計角度，與大家分享幾個國內(nèi)外著名鋼鐵公司的網(wǎng)站案例。從案例中大家將會發(fā)現(xiàn)，即使在同一個行業(yè)里，國內(nèi)外網(wǎng)站的設(shè)計也存在著很大差異，希望這些分享能給設(shè)計師們帶來一些靈感。3CJ北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
提到鋼鐵行業(yè)的公司網(wǎng)站，一些人的腦海中可能瞬間浮現(xiàn)傳統(tǒng)網(wǎng)站的常見樣式，特征主要是各網(wǎng)站相似程度高，給人感覺使用了同一個模板做出來的，顯得過時、保守。3CJ北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
是否真的是這樣？我們先看國外鋼鐵行業(yè)網(wǎng)站案例。3CJ北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
國外鋼鐵公司網(wǎng)站3CJ北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
1、韓國浦項制鐵公司（posco）3CJ北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
浦項制鐵公司的官網(wǎng)是一個響應(yīng)式網(wǎng)站，網(wǎng)站的首頁以全屏滾動方式展現(xiàn)內(nèi)容。3CJ北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
3CJ北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
首頁的部分版塊加入了一些交互效果，比如下圖鼠標(biāo)懸停時圖標(biāo)被藍(lán)色填充。 3CJ北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
3CJ北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
下圖鼠標(biāo)懸停時在圖片上出現(xiàn)文字信息：3CJ北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
3CJ北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
整個網(wǎng)站頁面排版布局形式較多，在層級多的情況下顯得很豐富。3CJ北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
并且該網(wǎng)站在細(xì)節(jié)處理上很到位，比如PC端導(dǎo)航有兩個入口，一個是按照欄目分類,屬于常規(guī)水平導(dǎo)航，另一個是漢堡圖標(biāo),點(diǎn)擊后獲得完整詳情頁入口展示，可以快速找到想要的信息，給用戶較好的體驗。3CJ北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
3CJ北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
點(diǎn)擊漢堡圖標(biāo)的效果：3CJ北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
3CJ北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
網(wǎng)站的整體風(fēng)格比較統(tǒng)一，其中線形矢量圖和圖標(biāo)的使用，是網(wǎng)站 的又一個亮點(diǎn)。3CJ北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
3CJ北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
2、新日鐵住金 （nssmc）3CJ北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
新日鐵住金是鋼產(chǎn)量世界第二的公司。該網(wǎng)站的Banner圖和大號文字搭配，具有視覺沖擊力。3CJ北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
導(dǎo)航中的公司 logo位于導(dǎo)航中間，正好區(qū)分6個導(dǎo)航欄目， 而logo中的圖形本身具有對稱性，這種導(dǎo)航樣式在視覺上有一種平衡美。3CJ北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
首頁滑動鼠標(biāo)，內(nèi)容滾動式緩緩向上 ，上下背景圖片具有交錯感，有較好的視覺效果。3CJ北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
但該網(wǎng)站內(nèi)容頁設(shè)計卻比較保 守，內(nèi)頁設(shè)計都偏傳統(tǒng)，與首頁的風(fēng)格存在非常大的差異，這會讓用戶在瀏覽中產(chǎn)生疑慮，甚至以為屬于不同的網(wǎng)站。3CJ北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
內(nèi)容頁設(shè)計：從該網(wǎng)站可以看出，一個網(wǎng)站首頁和內(nèi)頁設(shè)計風(fēng)格的一致性是設(shè)計 師需要考慮和注意的一個重要問題。3CJ北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
