淺析企業(yè)門戶網(wǎng)站設(shè)計(jì)

任洋

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

關(guān)鍵詞：攝影網(wǎng)站設(shè)計(jì);新媒體

中圖分類號(hào)：TP393.092 文獻(xiàn)標(biāo)識(shí)碼：A

一、企業(yè)門戶網(wǎng)站的重要性

傳統(tǒng)企業(yè)的形象宣傳有畫冊(cè)、電視廣告、公司網(wǎng)站、海報(bào)。這些宣傳形式大部分無(wú)法與受眾群體產(chǎn)生交互互動(dòng)。在這些載體當(dāng)中，比較容易能夠?qū)崿F(xiàn)互動(dòng)的載體是企業(yè)的門戶網(wǎng)站。好的企業(yè)門戶網(wǎng)站能夠塑造可靠、專業(yè)的企業(yè)形象。能夠吸引用戶的注意力，通過(guò)網(wǎng)站上內(nèi)容的設(shè)計(jì)，能夠吸引用戶探索公司信息，加深對(duì)企業(yè)的了解，增加企業(yè)宣傳的效果，讓受眾更容易的記住

企業(yè)。

二、企業(yè)門戶網(wǎng)站的基本開發(fā)流程

（一）前期準(zhǔn)備

對(duì)企業(yè)進(jìn)行充分的了解。本研究以公益組織“ARTDREAM”為案例，前期準(zhǔn)備時(shí)主要是對(duì)“ARTDREAM”這個(gè)組織進(jìn)行了解，通過(guò)深入到“ARTDREAM”進(jìn)行兼職工作來(lái)進(jìn)行深入的了解。同時(shí)通過(guò)與“ARTDREAM”的公關(guān)部門進(jìn)行合作收集相關(guān)的素材，并且拍攝了一些活動(dòng)素材。

（二）文案策劃

文案策劃主要是明確網(wǎng)站的內(nèi)容，受眾群體。這部分內(nèi)容主要依據(jù)“ARTDREAM”提供的內(nèi)容進(jìn)行樹立整理，然后在這基礎(chǔ)之上對(duì)整體的結(jié)構(gòu)進(jìn)行調(diào)整，同時(shí)需要與“ARTDREAM”進(jìn)行溝通，根據(jù)需求進(jìn)行調(diào)整，并借鑒和參考已有的公益網(wǎng)站。

（三）項(xiàng)目開發(fā)

1、項(xiàng)目開發(fā)初期使用PHOTOSHOP工具進(jìn)行效果圖的創(chuàng)建

2、項(xiàng)目實(shí)施中期使用ILLUSTRATOR對(duì)關(guān)鍵內(nèi)容進(jìn)行矢量化處理保證圖形質(zhì)量

3、項(xiàng)目后期進(jìn)行網(wǎng)頁(yè)的編碼部分建設(shè)，使用DREAMWE-AVER對(duì)網(wǎng)頁(yè)進(jìn)行布局，并添加特效內(nèi)容

三、企業(yè)門戶網(wǎng)站設(shè)計(jì)經(jīng)驗(yàn)總結(jié)

通過(guò)本次研究收獲頗多，下面從三方面進(jìn)行總結(jié)：

（一）資料收集。

耗費(fèi)較長(zhǎng)時(shí)間，一方面從“ARTDERAM”已有資料中進(jìn)行收集整理，這部分資料采用按照類別的進(jìn)行分類，然后從這些資料當(dāng)中進(jìn)行篩選，保留能夠使用的資料圖片。但是這部分的資料圖片的質(zhì)量普遍不高，能夠使用的資料很少。在最后的網(wǎng)站當(dāng)中只使用了當(dāng)中很少數(shù)的一部分。另外一部分的資料依靠自己進(jìn)行收集，通過(guò)深入?yún)⒓拥剿麄兊幕顒?dòng)當(dāng)中去進(jìn)行收集，這部分內(nèi)容工作量比較大同時(shí)效率比較低，收集資料的后期采用多人同時(shí)進(jìn)行收集，但是這種工作方法產(chǎn)生了一個(gè)問(wèn)題素材的質(zhì)量參差不齊，不能夠按照計(jì)劃進(jìn)行。所以在以后的工作當(dāng)中在收集資料方面一定要做好質(zhì)量的把控。對(duì)拍攝素材圖片的人要進(jìn)行篩選，同時(shí)明確告知圖片的要求，在條件允許的情況下找到模版圖片供其進(jìn)行參考。

在對(duì)素材進(jìn)行處理以及管理的時(shí)候探索出一個(gè)比較好的方法，使用aperture進(jìn)行圖片素材的管理。在這個(gè)圖片管理系統(tǒng)當(dāng)中首先導(dǎo)入所有的素材圖片。然后使用看片臺(tái)進(jìn)行素材的選擇，由于很多素材比較相似所以使用卡片臺(tái)，能夠方便的比較出相同素材的好壞，選定好的素材。同時(shí)使用標(biāo)記功能，能夠在后期的處理當(dāng)中更加靈活的使用素材，便于素材的替換，方便找到相似的素材進(jìn)行素材的替換工作。

由于是設(shè)計(jì)門戶網(wǎng)站，所以里面的圖片風(fēng)格需要進(jìn)行統(tǒng)一，但是由于拍攝的條件不同，使用的相機(jī)種類也不同，造成了圖片的風(fēng)格不同。所以在整理素材的時(shí)候還需要進(jìn)行一個(gè)工作就是圖片標(biāo)準(zhǔn)化處理。圖片標(biāo)準(zhǔn)化處理：就是指把所有的圖片全部處理成曝光準(zhǔn)確、白平衡準(zhǔn)確、層次明確的標(biāo)準(zhǔn)圖片。

（二）策劃案與設(shè)計(jì)效果，這兩點(diǎn)需要放在一起進(jìn)行總結(jié)，因?yàn)閮烧呦嗷ビ绊憽?/p>

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

參考文獻(xiàn)：

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

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

[4]蒂莫西·薩馬拉.美國(guó)視覺(jué)設(shè)計(jì)學(xué)院從書·設(shè)計(jì)元素：平面設(shè)計(jì)樣式[M].齊際.廣西：廣西美術(shù)出版社， 2014

[5]《Desing+》編寫組.界面與網(wǎng)頁(yè)設(shè)計(jì)[M].北京：化學(xué)工業(yè)出版社， 2014