淺析網(wǎng)站建設(shè)的平面設(shè)計(jì)技術(shù)

孫碩

摘 要 隨著近些年我國(guó)社會(huì)不斷發(fā)展，網(wǎng)絡(luò)信息技術(shù)水平進(jìn)步飛快，電子商務(wù)的應(yīng)用使網(wǎng)站建設(shè)在數(shù)量方面呈幾何倍數(shù)增長(zhǎng)。網(wǎng)站建設(shè)中的平面設(shè)計(jì)技術(shù)發(fā)展對(duì)網(wǎng)站建設(shè)質(zhì)量具有重要意義。因此，設(shè)計(jì)出界面優(yōu)美且具有實(shí)用性的網(wǎng)站就顯得十分必要?；诖诵纬傻难芯啃枰獙⑵矫嬖O(shè)計(jì)與技術(shù)之間結(jié)合起來(lái)，探究?jī)烧咧g所具有的關(guān)聯(lián)性。關(guān)鍵詞 網(wǎng)站建設(shè)；平面設(shè)計(jì)；技術(shù)

中圖分類(lèi)號(hào) U212.33 文獻(xiàn)標(biāo)識(shí)碼 A 文章編號(hào) 1674-6708（2016）161-0057-02

網(wǎng)站建設(shè)程度與水平與平面設(shè)計(jì)、技術(shù)之間關(guān)系密切，只有不斷提升設(shè)計(jì)與技術(shù)水平才能更好的滿足實(shí)際需要。網(wǎng)站建設(shè)中強(qiáng)調(diào)的是相關(guān)專業(yè)人員通過(guò)設(shè)計(jì)、建模相關(guān)方式達(dá)到信息的互聯(lián)網(wǎng)通信，并從形式上達(dá)到以圖形界面的瀏覽為特征。為此，網(wǎng)站建設(shè)過(guò)程中就需要將設(shè)計(jì)與技術(shù)之間結(jié)合起來(lái)，并為用戶提供良好服務(wù)。

1 網(wǎng)站建設(shè)相關(guān)信息

網(wǎng)站建設(shè)需要具備一定的功能，因此，網(wǎng)頁(yè)制作主要可以劃分為靜態(tài)網(wǎng)頁(yè)、動(dòng)態(tài)網(wǎng)頁(yè)兩種。兩者之間具有一定的區(qū)別，通常情況下，靜態(tài)網(wǎng)頁(yè)會(huì)對(duì)網(wǎng)站當(dāng)中的產(chǎn)品效果以及相關(guān)進(jìn)行說(shuō)明。動(dòng)態(tài)網(wǎng)站則會(huì)對(duì)產(chǎn)品的功能以及操作數(shù)據(jù)情況加以闡釋。

網(wǎng)站建設(shè)方面，靜態(tài)網(wǎng)頁(yè)方面進(jìn)行平面設(shè)計(jì)相對(duì)較簡(jiǎn)單，如果需要對(duì)網(wǎng)站當(dāng)中增加其他的功能，則需要應(yīng)用相關(guān)技術(shù)。網(wǎng)頁(yè)更加具備一定實(shí)用性。平面設(shè)計(jì)過(guò)程中采用Adobe Dream Weaver技術(shù)可以實(shí)現(xiàn)數(shù)據(jù)庫(kù)訪問(wèn)方面的自動(dòng)生成，并對(duì)程序以及數(shù)據(jù)庫(kù)兩者之間進(jìn)行有效融合，這樣可以更好的提升網(wǎng)站建設(shè)的功能性需要，也能夠在外觀設(shè)計(jì)方面提供幫助。

2 網(wǎng)站建設(shè)平面設(shè)計(jì)中存在的不足

2.1 網(wǎng)站外觀設(shè)計(jì)

隨著電子網(wǎng)絡(luò)的高速發(fā)展，電子商務(wù)發(fā)展趨勢(shì)越來(lái)越好，較多網(wǎng)站設(shè)計(jì)中在外觀設(shè)計(jì)上存在一定問(wèn)題，主要表現(xiàn)為自身性質(zhì)條件與外觀整體設(shè)計(jì)不符合。在網(wǎng)站建設(shè)中不同的客戶的對(duì)網(wǎng)站外觀需求不同，所喜歡的風(fēng)格也不同，設(shè)計(jì)人員要根據(jù)客戶的實(shí)際需求進(jìn)行網(wǎng)站外觀設(shè)計(jì)。在調(diào)查中了解到部分網(wǎng)站平面設(shè)計(jì)人員為了節(jié)省時(shí)間，在外觀設(shè)計(jì)上直接參考其他網(wǎng)站，進(jìn)行抄襲或模仿設(shè)計(jì)，這種情況對(duì)電子商務(wù)網(wǎng)站造成較大不良影響，對(duì)其長(zhǎng)遠(yuǎn)發(fā)展及相關(guān)產(chǎn)業(yè)擴(kuò)展都有著制約影響

2.2 網(wǎng)站平面圖片處理

網(wǎng)站平面建設(shè)過(guò)程中，圖片是其主要構(gòu)成要素。通過(guò)對(duì)部分典型網(wǎng)站建設(shè)的調(diào)查了解到，部分以宣傳為主的網(wǎng)站，圖片對(duì)實(shí)現(xiàn)宣傳意義有著重要作用，也是其產(chǎn)品宣傳的主要途徑。但就其內(nèi)部網(wǎng)站圖片設(shè)計(jì)的實(shí)際情況來(lái)看，卻不十分樂(lè)觀。首先在圖片的技術(shù)處理上，技術(shù)水平不夠，使其清晰度不夠，無(wú)法達(dá)到企業(yè)進(jìn)行產(chǎn)品或資料的宣傳目的。其次在圖片處理上還存在著網(wǎng)站平面建設(shè)人員對(duì)圖片選擇與制作不佳的問(wèn)題，無(wú)法滿足圖片設(shè)計(jì)質(zhì)量，達(dá)不到企業(yè)宣傳需求，這對(duì)網(wǎng)站發(fā)展有著不利影響。

3 網(wǎng)頁(yè)設(shè)計(jì)技術(shù)發(fā)展

從互聯(lián)網(wǎng)角度出發(fā)進(jìn)行分析，在IT行業(yè)發(fā)展的數(shù)十年時(shí)間內(nèi)，整個(gè)行業(yè)發(fā)展速度進(jìn)入到全新時(shí)代。網(wǎng)頁(yè)作為一項(xiàng)能夠很好展現(xiàn)互聯(lián)網(wǎng)信息的重要形式，其地位更加不可撼動(dòng)。為此，網(wǎng)頁(yè)設(shè)計(jì)技術(shù)發(fā)展就成為了當(dāng)前最為重要的任務(wù)。

網(wǎng)頁(yè)設(shè)計(jì)具體指的是應(yīng)用標(biāo)識(shí)語(yǔ)言，并利用相關(guān)設(shè)計(jì)以及建模方式完成對(duì)電子格式相關(guān)信息內(nèi)容的傳輸，最終可以以圖形的形式展現(xiàn)在用戶界面當(dāng)中?？梢哉f(shuō)網(wǎng)頁(yè)設(shè)計(jì)產(chǎn)生的目的應(yīng)當(dāng)是建設(shè)網(wǎng)站。借助超文本標(biāo)記語(yǔ)言以及可擴(kuò)展超文本形式能夠完成任何意義上的信息建設(shè)。在建設(shè)更加復(fù)雜信息內(nèi)容方面，包括矢量圖形以及相關(guān)文檔則需要安裝插件。

網(wǎng)頁(yè)建設(shè)的早期階段，更多受到了技術(shù)因素影響，設(shè)計(jì)均采用的是靜態(tài)設(shè)計(jì)。因此，網(wǎng)頁(yè)則呈現(xiàn)出展示功能較強(qiáng)的特征。網(wǎng)頁(yè)交互能力不強(qiáng)，缺少必要的設(shè)計(jì)技術(shù)。在這個(gè)時(shí)期，表格技術(shù)成為了設(shè)計(jì)網(wǎng)頁(yè)的重要手段。不同元素均能夠通過(guò)表格進(jìn)行建設(shè)?？梢哉f(shuō)，網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的專業(yè)性讓非專業(yè)人員對(duì)其無(wú)法深度研究。

設(shè)計(jì)技術(shù)發(fā)展，促進(jìn)了動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)的形成，并逐步取代靜態(tài)網(wǎng)頁(yè)開(kāi)始成為主流，其中JSP、PHP等作為全新的變成語(yǔ)言，對(duì)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)發(fā)展具有重要意義。其實(shí)現(xiàn)了設(shè)計(jì)與實(shí)現(xiàn)分離以及設(shè)計(jì)與內(nèi)容之間的分離。

設(shè)計(jì)—實(shí)現(xiàn)分離強(qiáng)調(diào)的是并不對(duì)整體布局設(shè)計(jì)以及相關(guān)程序之間進(jìn)行同步編寫(xiě)，而是采用了設(shè)計(jì)先行的方式，最后通過(guò)設(shè)計(jì)分析，完成整體布局。此項(xiàng)設(shè)計(jì)中采用的工具包括REWAMWEAVER等可視化工具。設(shè)計(jì)—內(nèi)容分離設(shè)計(jì)理念的產(chǎn)生強(qiáng)調(diào)的是網(wǎng)頁(yè)展示性以及內(nèi)容的展示性，因此，內(nèi)容上的增多或者減少都并不會(huì)對(duì)整個(gè)網(wǎng)頁(yè)產(chǎn)生影響，至少并不會(huì)對(duì)首頁(yè)產(chǎn)生影響。

最終，通過(guò)程序員的開(kāi)發(fā)，具有開(kāi)源性質(zhì)的內(nèi)容管理系統(tǒng)得以研發(fā)成功。這些CMS等進(jìn)一步進(jìn)行了深化，并形成了前文中的2個(gè)概念。由此可知，網(wǎng)頁(yè)設(shè)計(jì)技術(shù)發(fā)展從本質(zhì)上看就是對(duì)原本復(fù)雜深?yuàn)W的工作通過(guò)一種更加先進(jìn)的方式呈現(xiàn)出來(lái)的完整過(guò)程。

4 網(wǎng)站建設(shè)中的平面設(shè)計(jì)與技術(shù)結(jié)合對(duì)策

網(wǎng)站建設(shè)實(shí)施階段，需要提升器視覺(jué)效果，現(xiàn)代IT產(chǎn)業(yè)發(fā)展水平進(jìn)入到全新領(lǐng)域，平面設(shè)計(jì)能夠?qū)ζ髽I(yè)發(fā)展以及產(chǎn)品的附加價(jià)值提供幫助?？茖W(xué)技術(shù)獲得長(zhǎng)足發(fā)展使得平面設(shè)計(jì)水平也顯效提升。一些新興程序語(yǔ)言編程當(dāng)中也開(kāi)始出現(xiàn)JSP等技術(shù)，為此，針對(duì)平面設(shè)計(jì)與技術(shù)的結(jié)合問(wèn)題就表現(xiàn)出重要意義。

4.1 結(jié)合客戶需求的設(shè)計(jì)與技術(shù)

網(wǎng)站建設(shè)的過(guò)程中相關(guān)設(shè)計(jì)人員需要利用十分復(fù)雜的技術(shù)手段，為此，網(wǎng)站建設(shè)人員應(yīng)與平面設(shè)計(jì)之間形成必要的溝通，客戶需要對(duì)網(wǎng)站建設(shè)提出符合自身需要的意見(jiàn)，并應(yīng)用但網(wǎng)頁(yè)設(shè)計(jì)方面，以此滿足自身需要。例如，一些客戶可能需要網(wǎng)站建設(shè)具有較強(qiáng)的展示性，希望可以圖文并茂，因此設(shè)計(jì)人員就需要充分考慮著想因素，讓網(wǎng)站界面能夠?qū)D文聲像等因素更好得的結(jié)合在一起。相關(guān)網(wǎng)站建設(shè)工作也應(yīng)當(dāng)將客戶作為重要因素，依據(jù)用戶提出的相關(guān)意見(jiàn)進(jìn)行必要的修改，促使新型技術(shù)與平面設(shè)計(jì)之間相結(jié)合。

4.2 網(wǎng)站建設(shè)中加入視覺(jué)因素

現(xiàn)階段網(wǎng)站建設(shè)更加依賴視覺(jué)感應(yīng)效果，由此實(shí)現(xiàn)信息傳達(dá)的效果也更加明顯?，F(xiàn)代互聯(lián)網(wǎng)技術(shù)長(zhǎng)驅(qū)發(fā)展，使得平面建設(shè)以及多媒體網(wǎng)頁(yè)建設(shè)更加完美的融合在一起。網(wǎng)頁(yè)設(shè)計(jì)根據(jù)其顯像方式使用RGB的色彩模式，更注重的是信息結(jié)構(gòu)關(guān)系的梳理，如果將色彩運(yùn)用的過(guò)多過(guò)強(qiáng)，很容易引起視覺(jué)的疲勞感，就需要考慮的更為全面，并且在字體的選用范圍上也很小，為了讓輸出的成品大小不對(duì)服務(wù)器造成壓力，基于html的特性，所有字體都是根據(jù)用戶操作系統(tǒng)內(nèi)默認(rèn)字體而定的，當(dāng)然近年隨著技術(shù)的沿革與發(fā)展，這個(gè)差距也逐步在縮小。通常意義上也會(huì)應(yīng)用到三維平面因素，這樣建立起來(lái)的網(wǎng)站在感觀效果方面更加立體。這也是體現(xiàn)出網(wǎng)站建設(shè)中平面效果與技術(shù)結(jié)合的集中表現(xiàn)。除此之外，現(xiàn)代網(wǎng)站建設(shè)也開(kāi)始融合大量的動(dòng)態(tài)網(wǎng)頁(yè)制作相關(guān)技術(shù)，并通過(guò)數(shù)字科學(xué)技術(shù)手段促使用戶的需求得到滿足。

4.3 實(shí)現(xiàn)平面設(shè)計(jì)與技術(shù)的有效交流

網(wǎng)站建設(shè)中需要客戶與設(shè)計(jì)與人以及技術(shù)人員進(jìn)行有效交流，對(duì)平面設(shè)計(jì)以及技術(shù)之間進(jìn)行結(jié)合，才能夠最終為用戶提供更好的服務(wù)。平面設(shè)計(jì)方面不同設(shè)計(jì)人員之間也需要有效溝通，網(wǎng)站設(shè)計(jì)中的用戶也應(yīng)當(dāng)被放在首要地位，只有這樣才可以設(shè)計(jì)出優(yōu)秀的網(wǎng)站建設(shè)。

5 結(jié)論

綜上所述，網(wǎng)站建設(shè)對(duì)于我國(guó)來(lái)說(shuō)仍然屬于新興技術(shù)產(chǎn)業(yè)，當(dāng)然，其在我國(guó)國(guó)民經(jīng)濟(jì)發(fā)展中所占據(jù)的地位也同樣重要。網(wǎng)站建設(shè)需要充分發(fā)揮平面設(shè)計(jì)的功能，為此，相關(guān)設(shè)計(jì)人員就需要能夠充分利用現(xiàn)代化的科學(xué)技術(shù)手段，并最終實(shí)現(xiàn)網(wǎng)站建設(shè)方面的安全穩(wěn)定發(fā)展。

參考文獻(xiàn)

[1]苗菊，劉明.多語(yǔ)種網(wǎng)站建設(shè)與翻譯——語(yǔ)言服務(wù)行業(yè)主體業(yè)務(wù)透析[J].中國(guó)翻譯，2013（1）：85-88.

[2]袁鑫.MOODLE平臺(tái)下高職電子商務(wù)專業(yè)課程教學(xué)資源庫(kù)的建設(shè)與應(yīng)用——以《商務(wù)網(wǎng)站平面美工》課程為例[J].職業(yè)時(shí)空，2015（7）：44-47，51.

[3]烏蓓華，王藝.網(wǎng)站群系統(tǒng)在高校網(wǎng)站建設(shè)中的應(yīng)用研究[C]//IEEE武漢分會(huì)、武漢大學(xué)、重慶郵電大學(xué)、蘭州大學(xué)、電子科技大學(xué)、山東大學(xué)、中南民族大學(xué)、福州大學(xué)、工程信息研究院.2012年互聯(lián)網(wǎng)技術(shù)與應(yīng)用國(guó)際學(xué)術(shù)會(huì)議論文集，IEEE武漢分會(huì)、武漢大學(xué)、重慶郵電大學(xué)、蘭州大學(xué)、電子科技大學(xué)、山東大學(xué)、中南民族大學(xué)、福州大學(xué)、工程信息研究院，2012：4.

[4]馮占江.下一站：用戶體驗(yàn)——檔案網(wǎng)站建設(shè)新思考[C]//檔案管理與利用——方法技術(shù)實(shí)踐[C]，2013：6.

[5]董燕.Web挖掘?qū)﹄娮由虅?wù)網(wǎng)站建設(shè)的影響[C]//華中科技大學(xué)管理學(xué)院.第11屆海峽兩岸信息管理發(fā)展策略研討會(huì)論文集.華中科技大學(xué)管理學(xué)院，2005（3）：123-124

[6]孫弢.平面設(shè)計(jì)在網(wǎng)站建設(shè)中的應(yīng)用研究[J].山東工業(yè)技術(shù)，2014（22）：167.

[7]王麗芬，胡曉紅，張景峰，等.平面設(shè)計(jì)課程學(xué)習(xí)園地的網(wǎng)站建設(shè)——平臺(tái)下高職電子商務(wù)專業(yè)課程教學(xué)資源庫(kù)的建設(shè)與應(yīng)用[J].電腦知識(shí)與技術(shù)，2010，6（33）：9256-9257，9276.