淺談如何制作受當(dāng)代大學(xué)生喜愛(ài)的網(wǎng)頁(yè)

李蔭超++常霞++李陽(yáng)

【摘 要】截止2015年，我國(guó)在校大學(xué)生人數(shù)達(dá)到700多萬(wàn)，絕大多數(shù)高校都在向教育教學(xué)智能化，教學(xué)平臺(tái)多元化的趨勢(shì)發(fā)展。在校大學(xué)生通過(guò)學(xué)校網(wǎng)站等非傳統(tǒng)方式獲取學(xué)校資源和信息的人數(shù)也越來(lái)越多，但目前很大一定比例的網(wǎng)頁(yè)設(shè)計(jì)的過(guò)于呆板，并不能突出當(dāng)代青年大學(xué)生的青春與朝氣。本研究以18～30歲之間的在校大學(xué)生為研究對(duì)象，從青年大學(xué)生生理狀況及心理狀況出發(fā)，探討更加符合當(dāng)代大學(xué)生風(fēng)格的網(wǎng)頁(yè)。

【關(guān)鍵詞】大學(xué)生；網(wǎng)頁(yè)；個(gè)性；網(wǎng)絡(luò)安全

0 引言

大學(xué)生的身體的各機(jī)能正處于旺盛時(shí)期，心理現(xiàn)象是多種多樣的[1]。自我意識(shí)增強(qiáng)，極度的關(guān)注自我的成長(zhǎng)，深入了解自己。具有敏銳的觀察力，通過(guò)觀察，他們能發(fā)現(xiàn)事物的本質(zhì)和主要細(xì)節(jié)，結(jié)合自己的經(jīng)歷和感受得出結(jié)論。善于思考，有其鮮明的獨(dú)立性和批判性思維，不盲從，有主見(jiàn)，對(duì)問(wèn)題有自己的獨(dú)特見(jiàn)解，不人云亦云。而且他們具有較好的變通性和靈活性的思維，對(duì)新事物容易理解和接受。追求有其獨(dú)特性，標(biāo)新立異，審美評(píng)判自主，追新求奇，大學(xué)生自我設(shè)計(jì)的愿望十分強(qiáng)烈。但是其心理尚未成熟，在制作面向90后大學(xué)生的網(wǎng)頁(yè)的時(shí)候，可能會(huì)有一個(gè)特別鮮明的主題[2]，而且這個(gè)主題可能是我們90后大學(xué)生特有的一個(gè)標(biāo)簽。其次，是一個(gè)獨(dú)特的整體布局，這個(gè)布局一定是與我們90后大學(xué)生的文化息息相關(guān)，展現(xiàn)我們特立獨(dú)行的一面。在形式和內(nèi)容上，我們可能會(huì)追求一種簡(jiǎn)單明了的設(shè)計(jì)風(fēng)格，內(nèi)容也會(huì)多樣化，符合我們現(xiàn)有的價(jià)值觀。

1 適合當(dāng)代大學(xué)生的網(wǎng)頁(yè)設(shè)計(jì)的建議

1.1 大學(xué)生與普通大眾對(duì)網(wǎng)頁(yè)審美、評(píng)判有些共同的特點(diǎn)，所以先從一般性來(lái)說(shuō)

在網(wǎng)頁(yè)整體設(shè)計(jì)中，增加字距及行高、文本的段落間距可以提高網(wǎng)頁(yè)的可讀性。網(wǎng)頁(yè)過(guò)高多低的對(duì)比度容易造成眼睛疲勞，假設(shè)你長(zhǎng)時(shí)間呆在房間里，突然走到外面抬頭直視太陽(yáng)，你肯定會(huì)感到非常不適。這同樣適用于web設(shè)計(jì)。所以需要在背景和文本之間選擇一個(gè)良好的對(duì)比度平衡點(diǎn)。

選擇合適的圖片，提高網(wǎng)頁(yè)加載的速度。雖然如今已經(jīng)光纖入戶，但是還有一部分人使用撥號(hào)上網(wǎng)，速度相對(duì)較慢；還有相當(dāng)部分人的手機(jī)還在使用2G信號(hào)，GPRS提供較低的網(wǎng)速。選擇正確的格式，來(lái)優(yōu)化網(wǎng)頁(yè)圖片[3]，使得在網(wǎng)頁(yè)加載的時(shí)候需要更少的時(shí)間，在圖片質(zhì)量得到保證的條件下，盡量壓縮圖片。

網(wǎng)頁(yè)的簡(jiǎn)潔性，突出網(wǎng)站的主題，避免分散用戶交互時(shí)的注意力。好的網(wǎng)頁(yè)設(shè)計(jì)不僅僅是外表的設(shè)計(jì)，還要是用戶友好型的[4-5]。通常來(lái)說(shuō)，可用性高的網(wǎng)頁(yè)設(shè)計(jì)一般都具有干凈、簡(jiǎn)單的特點(diǎn)；每個(gè)頁(yè)面元素都要有其作用，如果頁(yè)面上有太多的或者不必要的功能組件會(huì)使得用戶在交互時(shí)產(chǎn)生混淆，分散用戶的注意力。

良好的導(dǎo)航（條/欄）設(shè)計(jì)。導(dǎo)航（條/欄）是一個(gè)網(wǎng)站的重要組成部分；它可以完成用戶在網(wǎng)站內(nèi)頁(yè)面的跳轉(zhuǎn)，使用戶盡快的找到相應(yīng)的內(nèi)容。

使用不同瀏覽器對(duì)網(wǎng)頁(yè)進(jìn)行測(cè)試。迄今為止，網(wǎng)頁(yè)瀏覽器的種類已經(jīng)達(dá)到成百上千種，這些瀏覽器都不同程度的遵循著W3C的標(biāo)準(zhǔn)。所以使用不同瀏覽器對(duì)網(wǎng)頁(yè)進(jìn)行測(cè)試是很有必要的，以免出現(xiàn)不兼容（亂碼）之類的錯(cuò)誤，可以使用Browsershots工具測(cè)試瀏覽器兼容性。

對(duì)用不同的網(wǎng)頁(yè)主題和瀏覽群體應(yīng)采用不同的色彩搭配。[6]綠色是一個(gè)不錯(cuò)的選擇，綠色代表陽(yáng)光、健康；再比如關(guān)于宣傳古典文化藝術(shù)的頁(yè)面，可采用土黃色，土黃色代表著古樸、肅穆。等等，總之，合適的色彩搭配，會(huì)使網(wǎng)頁(yè)使其宣傳主體更加具有感染力。

1.2 大學(xué)生與普通大眾也有著區(qū)別，所以在設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候應(yīng)該考慮到這一點(diǎn)

鑒于青年大學(xué)生生理及心理因素，設(shè)計(jì)網(wǎng)頁(yè)時(shí)應(yīng)采用紅、黃、藍(lán)等暖色調(diào)的色彩，一般同一網(wǎng)頁(yè)上應(yīng)使用不超過(guò)三種主色彩，過(guò)多的主色彩易給讀者眼花繚亂的感覺(jué)，影響正常的閱讀。主色彩的種類越少越能使整個(gè)頁(yè)面具有更好的整體性，前后更具有連貫性。

在設(shè)計(jì)的風(fēng)格上，不應(yīng)拘泥于傳統(tǒng)棱角分明的設(shè)計(jì)，應(yīng)更多的采用圓角設(shè)計(jì)和有趣的動(dòng)態(tài)設(shè)計(jì)，圓角的設(shè)計(jì)可以有效的減輕網(wǎng)頁(yè)對(duì)視覺(jué)的刺痛感，讓人看起來(lái)更加舒服，青年大學(xué)生更加喜歡會(huì)“動(dòng)”的網(wǎng)頁(yè)，這樣更符合他們的活力與躁動(dòng)。

2 網(wǎng)站的安全

當(dāng)前網(wǎng)絡(luò)環(huán)境的復(fù)雜性，使得網(wǎng)站必須能夠面臨一定的網(wǎng)絡(luò)攻擊、病毒等威脅。[7]如果網(wǎng)站遭到攻擊，造成網(wǎng)頁(yè)內(nèi)容篡改，網(wǎng)頁(yè)被掛馬，那么它就不再會(huì)是受用戶歡迎的網(wǎng)站了。為此，網(wǎng)站制作好了之后還要對(duì)網(wǎng)站進(jìn)行安全滲透測(cè)試，根據(jù)反饋的漏洞進(jìn)行修復(fù)。常見(jiàn)的安全測(cè)試有：數(shù)據(jù)庫(kù)注入測(cè)試、跨站腳本攻擊測(cè)試、敏感詞匯測(cè)試等等。[8]在使用Flash時(shí)應(yīng)當(dāng)調(diào)整AllowScriptAccess參數(shù)設(shè)置為“sameDomain”，防止第三方Flash文件執(zhí)行惡意代碼。

3 總結(jié)

設(shè)計(jì)符合當(dāng)代大學(xué)生的網(wǎng)頁(yè)，要充分了解當(dāng)代大學(xué)生的性格特點(diǎn)、興趣愛(ài)好，在此基礎(chǔ)上還要學(xué)會(huì)網(wǎng)頁(yè)編程技術(shù)、技巧、美工的知識(shí)。隨著科學(xué)技術(shù)的進(jìn)步、社會(huì)的發(fā)展，大學(xué)生的特點(diǎn)、愛(ài)好、網(wǎng)頁(yè)制作的技術(shù)也在發(fā)生變化，我們需要不斷的對(duì)其了解，才能做出制作出符合當(dāng)代大學(xué)生的網(wǎng)頁(yè)。

【參考文獻(xiàn)】

[1]趙迎歡，吳峰，劉莉，等.“當(dāng)代大學(xué)生特點(diǎn)及環(huán)境影響”研究報(bào)告[J].思想理論教育導(dǎo)刊，2010（1）：108-112.

[2]曾蘭.90后大學(xué)生思想行為特點(diǎn)與教育引導(dǎo)策略研究[D].華中師范大學(xué)，2013.

[3]張向一.論插畫(huà)設(shè)計(jì)與感性視覺(jué)的體現(xiàn)[J].青春歲月，2013（10）.

[4]李健.網(wǎng)頁(yè)設(shè)計(jì)的色彩調(diào)配和應(yīng)用[J].安慶師范學(xué)院學(xué)報(bào)（自然科學(xué)版），2010（02）.

[5]肖寒珉，余秋明.青春主題的色彩搭配[J].人像攝影，2010（04）.

[6]公希萌.多媒體界面色彩搭配設(shè)計(jì)[J].神州，2012（34）.

[7]陳永坤.門(mén)戶網(wǎng)站安全設(shè)計(jì)[J].中國(guó)建設(shè)信息，2009（06）.

[8]馮秀榮.淺析Flash在網(wǎng)頁(yè)設(shè)計(jì)中的動(dòng)態(tài)圖像應(yīng)用[J].煤炭技術(shù)，2013（03）.

[責(zé)任編輯：王楠]