<option id="uausy"></option>
  • <li id="uausy"></li>
  • array(23) {
      ["id"] => string(2) "96"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(1) "0"
      ["name"] => string(6) "服務"
      ["thumb"] => string(63) "/modules/cms/uploads/recommend/2018/05/15/05797102164099283.png"
      ["image"] => string(0) ""
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(7) "service"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(88) "定制開發-APP定制開發,微信定制開發,小程序定制開發,網站定制開發"
        ["meta_keywords"] => string(75) "APP定制開發,微信定制開發,小程序定制開發,網站定制開發"
        ["meta_description"] => string(0) ""
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(21) "show_page_dingzhi.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "1"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2018/05/25/05805654599261264.jpg"
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
      ["son"] => array(9) {
        [0] => array(22) {
          ["id"] => string(3) "187"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(15) "小程序開發"
          ["thumb"] => string(0) ""
          ["image"] => string(0) ""
          ["desc"] => string(112) "專業微信小程序解決方案|各種場景核心功能,提前布局微信新生態,搶占第一波紅利"
          ["pdir"] => string(0) ""
          ["dir"] => string(6) "wechat"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(107) "小程序_商城小程序_門店小程序_微圈小程序_餐飲小程序開發-藝源科技小程序開發"
            ["meta_keywords"] => string(103) "小程序開發,商城小程序開發,門店小程序開發,微圈小程序開發,餐飲小程序開發"
            ["meta_description"] => string(269) "專注提供專注提供小程序、商城小程序、門店小程序、微圈小程序、餐飲小程序開發,專業團隊,一對一服務,助企業快速生成自己的移動端微商城平臺. 藝源科技小程序采用高性能數據架構,系統穩定安全。"
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(17) "show_page_xcx.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "0"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(0) ""
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "1"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [1] => array(22) {
          ["id"] => string(3) "199"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(9) "APP開發"
          ["thumb"] => string(0) ""
          ["image"] => string(0) ""
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(3) "APP"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(65) "app開發_app定制開發_app制作開發公司【藝源科技】"
            ["meta_keywords"] => string(53) "app開發,app定制開發公司,app制作開發公司"
            ["meta_description"] => string(0) ""
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(17) "show_page_app.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "1"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(0) ""
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [2] => array(22) {
          ["id"] => string(3) "244"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(12) "快抖霸屏"
          ["thumb"] => string(0) ""
          ["image"] => string(0) ""
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(7) "kuaidou"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(71) "快抖霸屏_抖音快手霸屏_短視頻營銷獲客技術提供商!"
            ["meta_keywords"] => string(69) "快抖霸屏,抖音快手霸屏,快抖短視頻搜索,同城爆店碼"
            ["meta_description"] => string(161) "藝源智能云推廣系統13325455411專注快抖霸屏,抖音快手霸屏,同城爆店碼,一款線下與線上流量緊密結合的營銷爆客解決方案。"
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(20) "show_page_douyin.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "2"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(0) ""
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(27) "需要短視頻推廣排名"
          ["modelname"] => NULL
        }
        [3] => array(22) {
          ["id"] => string(3) "207"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(14) "AI智能名片"
          ["thumb"] => string(0) ""
          ["image"] => string(63) "/modules/cms/uploads/recommend/2019/07/04/06155550417466502.jpg"
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(2) "ai"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(68) "藝源AI智能名片_名片小程序_智能名片_讓銷售更簡單"
            ["meta_keywords"] => string(97) "藝源AI智能名片,名片小程序,智能名片_讓銷售更簡單,電子名片,二維碼名片"
            ["meta_description"] => string(184) "藝源AI智能名片-讓銷售更簡單。藝源AI智能名片為企業提供名片小程序,智能名片,企業名片,小程序名片,電子名片,二維碼名片等相關的服務。"
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(16) "show_page_ai.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "3"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(0) ""
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [4] => array(22) {
          ["id"] => string(3) "201"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(12) "版權登記"
          ["thumb"] => string(0) ""
          ["image"] => string(63) "/modules/cms/uploads/recommend/2021/08/04/06814062280145708.jpg"
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(9) "copyright"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(0) ""
            ["meta_keywords"] => string(0) ""
            ["meta_description"] => string(0) ""
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(23) "show_page_copyright.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "4"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2021/08/04/06814063838873717.jpg"
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [5] => array(22) {
          ["id"] => string(3) "203"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(12) "商標注冊"
          ["thumb"] => string(0) ""
          ["image"] => string(63) "/modules/cms/uploads/recommend/2021/08/03/06813359170749750.jpg"
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(9) "trademark"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(131) "商標注冊_商標注冊流程_商標注冊流程及費用_西安商標注冊_西安商標注冊代理-「源知果」藝源科技"
            ["meta_keywords"] => string(103) "商標注冊,商標注冊流程,商標注冊流程及費用,西安商標注冊,西安商標注冊代理"
            ["meta_description"] => string(182) "「源知果」西安提供代理版權登記,代理商標注冊,代理專利申請,代理企業貫標,代理高新技術企業認定的服務;咨詢電話:13325455411。"
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(23) "show_page_trademark.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "5"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2019/06/11/06135617157272716.png"
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [6] => array(22) {
          ["id"] => string(3) "205"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(12) "網站建設"
          ["thumb"] => string(0) ""
          ["image"] => string(63) "/modules/cms/uploads/recommend/2019/06/21/06144566585327511.jpg"
          ["desc"] => string(149) "節約IT成本/降低運維成本/網站安全穩定/不滿意全額退款|節約IT成本/降低運維成本/網站安全穩定/不滿意全額退款"
          ["pdir"] => string(0) ""
          ["dir"] => string(7) "website"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(80) "西安商城網站建設_政府網站建設_學校網站建設就選藝源科技"
            ["meta_keywords"] => string(113) "西安網站建設,西安網絡公司,西安網頁設計,商城網站建設,政府網站建設,學校網站建設"
            ["meta_description"] => string(248) "「藝源科技」是西安一家專業的西安商城網站建設,政府網站建設,學校網站建設的網絡公司,咨詢電話:029-88810146/150 9401 9029。公司擁有10年實踐經驗,為您提供一條龍的互聯網應用解決方案。"
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(21) "show_page_website.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "6"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2019/06/24/06146855992801864.jpg"
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [7] => array(22) {
          ["id"] => string(3) "208"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "2"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(15) "云服務平臺"
          ["thumb"] => string(0) ""
          ["image"] => string(0) ""
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(0) ""
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(0)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(0)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(0) ""
            ["meta_keywords"] => string(0) ""
            ["meta_description"] => string(0) ""
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(0) ""
            ["formid"] => string(0) ""
            ["url"] => string(21) "http://www.qulvkj.com"
            ["target"] => string(6) "_blank"
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "7"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(0) ""
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [8] => array(22) {
          ["id"] => string(3) "202"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(9) "SEO優化"
          ["thumb"] => string(0) ""
          ["image"] => string(63) "/modules/cms/uploads/recommend/2021/08/03/06813061683398516.jpg"
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(3) "seo"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(90) "【西安SEO優化_西安網站優化_關鍵詞排名優化】-SEO優化公司藝源科技"
            ["meta_keywords"] => string(81) "西安SEO優化,西安SEO優化公司,西安網站優化,西安網站優化公司"
            ["meta_description"] => string(244) "藝源科技(yysweb.com),專注為企業提供百度等搜索引擎整站SEO優化服務,針對不同行業、網站情況給出不同策略、報價和SEO建議;是您值得信賴的seo診斷、顧問咨詢等云SEO技術服務外包商。"
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(17) "show_page_seo.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "8"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2021/08/03/06813062712033401.jpg"
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
      }
    }
    
    				
    當前位置: 首頁 > 售后 > 藝源智庫
    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!
    時間:2019-05-14 16:11:15
    文章發布:李陽
    原創作者:未知
    來源:互聯網

    公司官網是直接面向用戶的一個窗口,能在用戶印象中發揮很大作用,對公司來說是一個重要的展示平臺。好的網站自然能給用戶一個好印象,甚至能幫公司增值。

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

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

    提到鋼鐵行業的公司網站,一些人的腦海中可能瞬間浮現傳統網站的常見樣式,特征主要是各網站相似程度高,給人感覺使用了同一個模板做出來的,顯得過時、保守。

    是否真的是這樣?我們先看國外鋼鐵行業網站案例。


    1、Posco

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

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技

    首頁的部分版塊加入了一些交互效果,比如下圖鼠標懸停時圖標被藍色填充。

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技

    下圖鼠標懸停時在圖片上出現文字信息:

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技

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

    并且該網站在細節處理上很到位,比如PC端導航有兩個入口,一個是按照欄目分類,屬于常規水平導航,另一個是漢堡圖標,點擊后獲得完整詳情頁入口展示,可以快速找到想要的信息,給用戶較好的體驗。

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技

    點擊漢堡圖標的效果:

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技

    網站的整體風格比較統一,其中線形矢量圖和圖標的使用,是網站的又一個亮點。

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技


    2、Nssmc

    新日鐵住金是鋼產量世界第二的公司。該網站的Banner圖和大號文字搭配,具有視覺沖擊力。

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

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

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技

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

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技

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


    3、Tata Steel

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

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技

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

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技

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

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技

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

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技


    4、Outokumpu

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

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技

    該網站各個頁面設計風格統一,圖文結合的布局比較一致,讓整個網站保持一種整體性,瀏覽效果比較不錯。

    大量圖片的排版布局保證了視覺效果,但同樣存在問題,比如打開頁面時,多個大背景圖容易造成圖片加載速度緩慢的問題,影響用戶瀏覽時的體驗。另外,某些Banner圖中的色塊顏色偏重,看上去像貼在圖片上,缺乏融合感。

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技


    5、Thyssenkrupp

    蒂森克虜伯官網屬于典型的扁平化風格,網站設計展現了一種鮮明的“科技感”,Banner中的圖、藍色的色塊和大號文字搭配起來富有吸引力,能在第一時間抓住人的眼球。

    下面版塊中的藍色色塊起到圖片的作用,可以更好地傳達文字信息。

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技

    該網站內容頁的設計是常規的布局方式,略顯單調。整個網站過度扁平化,缺少特色,而且幾乎沒有交互效果,讓整個網站缺乏活力。如下圖的內頁設計:

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技


    6、USS

    與前面幾個網站相比,美國鋼鐵公司網站顯得傳統。

    首頁的灰色顯得很沉悶,而且各個頁面的圖片相對較少,欠缺吸引力。

    整個網站看起來還是幾年前的網站樣式,內容單一,不符合目前網站的主流趨勢。

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技


    7、AK Steel

    眾多鋼鐵公司的網站主色采用了藍色系,AK鋼鐵公司網站則顯得與眾不同。AK鋼鐵公司網站采用了玫紅色,是由于其Logo是玫紅色。

    該網站主色與Logo顏色保持一致,顯得活潑。首頁的小圖片組合設計展現了一種小創意。

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技

    網站導航中有一個欄目單獨成一行,與后面色塊沖突,顯得突兀,在視覺上不美觀。

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技

    而且當鼠標懸停時,下拉出現了文字重疊,影響瀏覽效果。

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技

    網站整體設計仍然屬于傳統風格,除了詳情頁大量文字的擁擠排版,缺乏圖片搭配等,很多細節處理上還存在一些問題,導致整體視覺體驗欠佳。如下圖中圖片和文字缺乏融合,整體顯得單調的內容排版:

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技

    國內鋼鐵行業網站有一個典型特征,即在整體風格上趨近,使用擬物化設計風格,多用灰色背景,大量采用高光、漸變或陰影。

    這種設計風格的網站屬于傳統風格,可能在降低認知學習成本上有一定優勢,但大量擬物化的設計很容易造成審美疲勞,并讓網站看起來很呆板。

    不過我們也能學習到其中的一些小亮點。


    8、BaoSteel

    寶鋼集團有限公司官網導航背景色采用與Logo色一致的藍色,除了Banner圖的紅色,內頁的整體顏色搭配看起來比較舒適。

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技

    內頁顏色搭配:

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技

    水平導航下拉設計屬于典型的擬物化風格,這部分內容雖然顯得突出形象,但是與側導航的扁平化風格形成沖突,在視覺上顯得復雜。

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技

    該網站在細節處理上還有一些需要優化的地方,比如風格不統一。如下圖中,同為搜索框,上面的搜索圖標采用了擬物化設計,下面的搜索圖標則采用了扁平化設計。

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技


    9、WISCO

    與美國AK鋼鐵公司案例相比(玫紅色),武漢鋼鐵集團公司官網也應用了企業自身Logo的紅色。

    但武鋼官網與美國AK鋼鐵公司網站有所不同,武鋼Logo的紅色在網站中是作為輔助色,而不是主色。

    武鋼網站以灰色作為主色,整體看起來顯得比較沉悶。

    該網站設計也采用了擬物化風格,比如背景、導航和各欄目的漸變與高光效果。

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技

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

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技

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

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技


    10、ShouGang Group

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

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技

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

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技


    11、HBIS

    河鋼集團公司旗下有很多分公司。此網站的傳統風格看起來像10年前的網站樣式,在內容和布局上毫無亮點。

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

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技


    12、AnSteel

    鞍鋼集團的官網與前幾個國內案例相比有很大的改善,網站雖然仍然采用了擬物化設計風格,比如導航和各欄目名稱部分等,不過在細節處理上顯得比較自然。

    而且該網站的配色合理,整站色彩搭配和圖文排版看起來比較統一。如下圖,展現出網站較好的的整體視覺效果。

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技

    網站內頁:

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技

    該網站也存在一些問題,比如二維碼拉伸變形、圖片變形不清晰等,會影響用戶體驗。

    傳統行業想轉型?來看全世界的鋼鐵公司怎么設計官網的!-藝源科技

    以上就是此次分享的案例,后期我們會根據實際情況再進行案例補充與分析。

    從目前收集的案例來看,我們可以初步總結出鋼鐵行業網站一些普遍特征:鋼鐵行業大部分網站以藍色為主色(或者灰色、Logo色);

    網站設計風格大致分為兩種,一種是傳統風格;另一種符合近幾年網頁設計趨勢,也相對注重視覺和交互效果。

    從整體來說,國內鋼鐵公司網站的設計更傾向于傳統風格,顯得過時落后,不過也開始有企業關注企業轉型和網站改版;國外鋼鐵公司的網站雖然也有一些傳統網站,但總體來說比較注重視覺效果和公司形象展現,而且整個行業對公司網站的關注相比國內早。

    了解到這些信息后,設計師面對鋼鐵行業的客戶可以參考行業案例,并根據客戶的公司戰略及業務需求,有針對性地深入研究,設計出符合客戶需求的網站就更容易了。

    小程序開發
    標簽: 優秀網頁設計 用戶體驗 經驗分享 網頁設計 酷站
    *版權申明:本站部分文章由藝源科技收集整理,不代表我們的觀點。如果這篇轉載侵犯您的版權,請及時聯系我們刪除!
    為您推薦
    最新文章
    掃碼加他,免費獲取方案
    久久青草费线频观看地址_少妇久久久久久久久久_亚洲欧洲自拍拍偷午夜色_国产sm重味一区二区三区
    <option id="uausy"></option>
  • <li id="uausy"></li>