淺析企業門戶網站設計

任洋

摘 要：隨著新媒體影響力的不斷擴大，企業門戶網站作為企業形象的重要組成部分，對企業的形象起到至關重要的作用。傳統的企業門戶網站比較單一，內容單薄，缺少互動，雖然在視覺設計方面很多企業門戶網站已經很完善，但卻不能吸引普通人駐足的目光。本研究力求將交互設計這一概念融入到門戶網站的設計當中，讓網站不僅僅是進行信息的顯示。

關鍵詞：攝影網站設計;新媒體

中圖分類號：TP393.092 文獻標識碼：A

一、企業門戶網站的重要性

傳統企業的形象宣傳有畫冊、電視廣告、公司網站、海報。這些宣傳形式大部分無法與受眾群體產生交互互動。在這些載體當中，比較容易能夠實現互動的載體是企業的門戶網站。好的企業門戶網站能夠塑造可靠、專業的企業形象。能夠吸引用戶的注意力，通過網站上內容的設計，能夠吸引用戶探索公司信息，加深對企業的了解，增加企業宣傳的效果，讓受眾更容易的記住

企業。

二、企業門戶網站的基本開發流程

（一）前期準備

對企業進行充分的了解。本研究以公益組織“ARTDREAM”為案例，前期準備時主要是對“ARTDREAM”這個組織進行了解，通過深入到“ARTDREAM”進行兼職工作來進行深入的了解。同時通過與“ARTDREAM”的公關部門進行合作收集相關的素材，并且拍攝了一些活動素材。

（二）文案策劃

文案策劃主要是明確網站的內容，受眾群體。這部分內容主要依據“ARTDREAM”提供的內容進行樹立整理，然后在這基礎之上對整體的結構進行調整，同時需要與“ARTDREAM”進行溝通，根據需求進行調整，并借鑒和參考已有的公益網站。

（三）項目開發

1、項目開發初期使用PHOTOSHOP工具進行效果圖的創建

2、項目實施中期使用ILLUSTRATOR對關鍵內容進行矢量化處理保證圖形質量

3、項目后期進行網頁的編碼部分建設，使用DREAMWE-AVER對網頁進行布局，并添加特效內容

三、企業門戶網站設計經驗總結

通過本次研究收獲頗多，下面從三方面進行總結：

（一）資料收集。

耗費較長時間，一方面從“ARTDERAM”已有資料中進行收集整理，這部分資料采用按照類別的進行分類，然后從這些資料當中進行篩選，保留能夠使用的資料圖片。但是這部分的資料圖片的質量普遍不高，能夠使用的資料很少。在最后的網站當中只使用了當中很少數的一部分。另外一部分的資料依靠自己進行收集，通過深入參加到他們的活動當中去進行收集，這部分內容工作量比較大同時效率比較低，收集資料的后期采用多人同時進行收集，但是這種工作方法產生了一個問題素材的質量參差不齊，不能夠按照計劃進行。所以在以后的工作當中在收集資料方面一定要做好質量的把控。對拍攝素材圖片的人要進行篩選，同時明確告知圖片的要求，在條件允許的情況下找到模版圖片供其進行參考。

在對素材進行處理以及管理的時候探索出一個比較好的方法，使用aperture進行圖片素材的管理。在這個圖片管理系統當中首先導入所有的素材圖片。然后使用看片臺進行素材的選擇，由于很多素材比較相似所以使用卡片臺，能夠方便的比較出相同素材的好壞，選定好的素材。同時使用標記功能，能夠在后期的處理當中更加靈活的使用素材，便于素材的替換，方便找到相似的素材進行素材的替換工作。

由于是設計門戶網站，所以里面的圖片風格需要進行統一，但是由于拍攝的條件不同，使用的相機種類也不同，造成了圖片的風格不同。所以在整理素材的時候還需要進行一個工作就是圖片標準化處理。圖片標準化處理：就是指把所有的圖片全部處理成曝光準確、白平衡準確、層次明確的標準圖片。

（二）策劃案與設計效果，這兩點需要放在一起進行總結，因為兩者相互影響。

策劃案是在已經收集完資料之后開始，在收集資料的前只有一個模糊的方向，這樣進行造成了一個問題，在沒有明確策劃案的時候收集的資料導致了后期在使用資料的時候產生了不匹配的結果。應該先制定好詳細的策劃案之后再去定向的搜集圖片資料。同時應該明確網頁當中各個部分的內容，形成一個框架草圖，這個框架草圖不是一個初步的設計，應該是經過認真考慮之后的草圖，之后所有的設計都按照這個草圖來進行，只做局部的一些更改。由于沒有按照這樣的順序來進行，所以導致了在后期的時候所有的東西都根據素材的情況來進行，沒有能夠很好的表現出來所要傳達的視覺信息。在這點上是一個比較大的錯誤點。在今后的設計當中應當首先設計出來框架草圖，并且認真推敲，形成一個設計框架的定稿。

參考文獻：

[1]劉西杰，柳林. HTML、CSS、JavaScript網頁制作從入門到精通[M]. 北京：人民郵電出版社， 2013

[2]數字藝術教育研究室. 中文版Photoshop CS6基礎培訓教程[M]. 北京：人民郵電出版社， 2012

[4]蒂莫西·薩馬拉.美國視覺設計學院從書·設計元素：平面設計樣式[M].齊際.廣西：廣西美術出版社， 2014

[5]《Desing+》編寫組.界面與網頁設計[M].北京：化學工業出版社， 2014