行業網站設計分(fēn)析（一）：鋼鐵行業

公司官網是直接面向用戶的一個窗(chuāng)口，能在用戶印象中發揮很大(dà)作(zuò)用，對公司來(lái)說(shuō)是一個重要的展示平台。好的網站自(zì)然能給用戶一個好印象，甚至能幫公司增值。

很多傳統行業目前正在面臨轉型，開始在線上尋求新的發展機(jī)遇，并通過網站改版升級提高競争力。

本文将從(cóng)行業中的網頁設計角度，與大(dà)家分(fēn)享幾個國(guó)内外著名鋼鐵公司的網站案例。從(cóng)案例中大(dà)家将會發現，即使在同一個行業裡(lǐ)，國(guó)内外網站的設計也存在着很大(dà)差異，希望這些分(fēn)享能給設計師(shī)們帶來(lái)一些靈感。

提到鋼鐵行業的公司網站，一些人(rén)的腦海中可(kě)能瞬間浮現傳統網站的常見(jiàn)樣式，特征主要是各網站相(xiàng)似程度高，給人(rén)感覺使用了同一個模闆做出來(lái)的，顯得(de)過時、保守。

是否真的是這樣？我們先看(kàn)國(guó)外鋼鐵行業網站案例。

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

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

浦項制鐵公司的官網是一個響應式網站，網站的首頁以全屏滾動方式展現内容。

首頁的部分(fēn)版塊加入了一些交互效果，比如(rú)下圖鼠标懸停時圖标被藍色填充。                          

下圖鼠标懸停時在圖片上出現文字信息：

整個網站頁面排版布局形式較多，在層級多的情況下顯得(de)很豐富。

并且該網站在細節處理(lǐ)上很到位，比如(rú)PC端導航有兩個入口，一個是按照(zhào)欄目分(fēn)類,屬于常規水平導航，另一個是漢堡圖标,點擊後獲得(de)完整詳情頁入口展示，可(kě)以快(kuài)速找到想要的信息，給用戶較好的體(tǐ)驗。

點擊漢堡圖标的效果：

網站的整體(tǐ)風(fēng)格比較統一，其中線形矢量圖和圖标的使用，是網站 的又一個亮點。

2、新日(rì)鐵住金 （nssmc）

新日(rì)鐵住金是鋼産量世界第二的公司。該網站的Banner圖和大(dà)号文字搭配，具有視覺沖擊力。

導航中的公司 logo位于導航中間，正好區分(fēn)6個導航欄目， 而logo中的圖形本身(shēn)具有對稱性，這種導航樣式在視覺上有一種平衡美。

首頁滑動鼠标，内容滾動式緩緩向上 ，上下背景圖片具有交錯感，有較好的視覺效果。

但(dàn)該網站内容頁設計卻比較保 守，内頁設計都(dōu)偏傳統，與首頁的風(fēng)格存在非常大(dà)的差異，這會讓用戶在浏覽中産生(shēng)疑慮，甚至以爲屬于不同的網站。如(rú)下圖的内容頁設計：

從(cóng)該網站可(kě)以看(kàn)出，一個網站首頁和内頁設計風(fēng)格的一緻性是設計 師(shī)需要考慮和注意的一個重要問(wèn)題。

 

文章(zhāng)内容及圖片來(lái)自(zì)網絡，如(rú)果侵權，請(qǐng)聯系：901070669@qq.com，我們将及時處理(lǐ)；