31选7:國內外網站建設差別有多大,附案例分析

2019-12-25
翰臣原創觀點


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

外國國企網站鋼鐵公司網站設計:

1、新日鐵住金(nssmc)

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

但該網站內容頁設計卻比較保守,內頁設計都偏傳統,與首頁的風格存在非常大的差異,這會讓用戶在瀏覽中產生疑慮,甚至以為屬于不同的網站。如下圖的內容頁設計:

從該網站可以看出,一個網站首頁和內頁設計風格的一致性是設計師需要考慮和注意的一個重要問題。

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

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

網站在導航設計上有一個亮點,鼠標懸停時的下拉設計采用圖文混合形式,視覺上比較清晰,能更好吸引用戶。

缺陷也很明顯:雖然首頁第一眼看起來很簡潔,但內容形式比較單一。比如下圖中,內容頁左右布局,左導航加右側的形式讓人感覺很單調,并且網站整體交互較少,內容和樣式都不豐富,因此顯得空洞。

而右上角的集團logo點擊后跳轉進入另一個網站,容易與左上角快速回到首頁的logo設置混淆。

3、奧托昆普(Outokumpu)

奧托昆普網站的首頁設計在視覺上顯得比較大氣,Banner通欄,與二級導航搭配在一起,展示了一定的層次。

該網站各個頁面設計風格統一,圖文結合的布局比較一致,讓整個網站保持一種整體性,瀏覽效果比較不錯。大量圖片的排版布局保證了視覺效果,但同樣存在問題,比如打開頁面時,多個大背景圖容易造成圖片加載速度緩慢的問題,影響用戶瀏覽時的體驗。另外,某些Banner圖中的色塊顏色偏重,看上去像貼在圖片上,缺乏融合感。


國內國企網站鋼鐵公司網站設計:

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

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

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

從布局和圖片來看,網站整體看起來中規中矩,看起來很古板,顯得不靈活。

該網站展示了公司出版物,是其中一個特色。如果能在交互上做一些優化,可以為網站增色。

5、首鋼集團(ShouGang Group)

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

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

6、河鋼集團公司(HBIS)

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

 

2019-12-25
翰臣原創觀點