基于視覺信息傳達(dá)的網(wǎng)頁設(shè)計(jì)研究

鄭璇

摘要：網(wǎng)頁設(shè)計(jì)是一門全新的設(shè)計(jì)領(lǐng)域?qū)W科，是網(wǎng)絡(luò)與設(shè)計(jì)交叉的學(xué)科，涉及的范圍包括了感觀設(shè)計(jì)、交互設(shè)計(jì)、信息設(shè)計(jì)，以及視覺信息傳達(dá)設(shè)計(jì)。網(wǎng)頁信息傳遞是以一種全新的超媒體傳播形式進(jìn)行傳遞信息，包含了生硬、影響、圖片、文字等信息，為用戶提供了很大的自主性。鑒于此，該文對(duì)網(wǎng)頁設(shè)計(jì)進(jìn)行簡要概述，并對(duì)網(wǎng)頁設(shè)計(jì)中影響信息傳達(dá)的問題展開研究，進(jìn)而提出提高網(wǎng)頁設(shè)計(jì)信息有效傳達(dá)的幾點(diǎn)思考。此次研究的主要目的是為了網(wǎng)頁設(shè)計(jì)中視覺信息有效傳達(dá)的研究提供有價(jià)值的參考意見。

關(guān)鍵詞：視覺信息；信息傳達(dá)；網(wǎng)頁設(shè)計(jì)

中圖分類號(hào)：TP393 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2018）01-0224-02

網(wǎng)頁作為一種信息載體，給人們獲取信息帶來了極大的便利，網(wǎng)絡(luò)傳播信息效率高、速度快，已成為人們?nèi)粘Ｉ钪蝎@取信息的重要途徑。在我國網(wǎng)民不斷增加的背景下，人們使用網(wǎng)絡(luò)的目的也逐漸多元化。因此，本文對(duì)視覺信息傳達(dá)的網(wǎng)頁設(shè)計(jì)展開研究，無疑對(duì)于提高網(wǎng)頁視覺信息傳達(dá)的效率和提升網(wǎng)絡(luò)用戶的體驗(yàn)度具有重要的意義。

1 網(wǎng)頁設(shè)計(jì)概述

1） 網(wǎng)頁的分類及特點(diǎn)

網(wǎng)頁又稱為HTML文件，可在互聯(lián)網(wǎng)上傳輸，并通過瀏覽器翻譯成頁面顯示出來的文件。包括了影像、聲音、圖片、超鏈接、文字等，其核心是超文本技術(shù)。根據(jù)網(wǎng)頁表現(xiàn)的形式可分為動(dòng)態(tài)網(wǎng)頁和靜態(tài)網(wǎng)頁，靜態(tài)網(wǎng)頁即是網(wǎng)頁內(nèi)無代碼，不可進(jìn)行伺服端執(zhí)行；動(dòng)態(tài)網(wǎng)頁即是網(wǎng)頁內(nèi)有代碼，可伺服端執(zhí)行。根據(jù)網(wǎng)頁擁有者可分為組織機(jī)構(gòu)、教育部門、政府、企業(yè)、個(gè)人等網(wǎng)站；根據(jù)網(wǎng)頁功能可分為電子商務(wù)、搜索引擎、電子郵件、及時(shí)交流、信息瀏覽等；根據(jù)網(wǎng)頁內(nèi)容可分為體育、新聞、時(shí)尚、娛樂、教育、商業(yè)等網(wǎng)站。另外，網(wǎng)頁和影視、印刷、文字等媒體相比，具有注重立體結(jié)構(gòu)、具有多媒體功能、信息反饋準(zhǔn)確和及時(shí)、不受地域和時(shí)間的限制、更新及時(shí)、實(shí)效性強(qiáng)、交互性強(qiáng)等七大特點(diǎn)[1]。

2） 網(wǎng)頁設(shè)計(jì)內(nèi)容

網(wǎng)頁設(shè)計(jì)內(nèi)容包括了網(wǎng)頁設(shè)計(jì)語言、網(wǎng)頁設(shè)計(jì)、網(wǎng)站結(jié)構(gòu)設(shè)計(jì)等三方面。其一，網(wǎng)站設(shè)計(jì)結(jié)構(gòu)是包含網(wǎng)站的鏈接結(jié)構(gòu)和目錄結(jié)構(gòu)。其中目錄結(jié)構(gòu)是指網(wǎng)站儲(chǔ)存和組織所有文檔目錄的設(shè)置，大型網(wǎng)站目錄結(jié)構(gòu)關(guān)系復(fù)雜、層次深、數(shù)量多，是目前網(wǎng)頁設(shè)計(jì)中的一大難題，若未經(jīng)周密設(shè)計(jì)，有可能影響網(wǎng)頁的正常使用，并且給維護(hù)工作帶來諸多不便；其二，網(wǎng)頁設(shè)計(jì)包含了版面布局、色彩應(yīng)用、文字應(yīng)用等內(nèi)容；其三，網(wǎng)頁設(shè)計(jì)語言與文化即是網(wǎng)頁設(shè)計(jì)的語言，如：SMIL、XML、DHTML、JAVE等程序的語言，在日常工作中，網(wǎng)頁設(shè)計(jì)工程師需要掌握最新的設(shè)計(jì)技術(shù)，并將其運(yùn)用到工作中，挖掘網(wǎng)站的新功能。

2 網(wǎng)頁設(shè)計(jì)中影響信息傳達(dá)的問題

1） 網(wǎng)頁版面設(shè)計(jì)存在的不足

網(wǎng)頁設(shè)計(jì)中首先需要設(shè)計(jì)到網(wǎng)頁排版的問題，網(wǎng)頁排版簡單而言，即是我國繪畫中的“經(jīng)營位置”，需要具備美觀、簡介、直觀等特點(diǎn)。網(wǎng)頁設(shè)計(jì)排版既有圖片和文字，還有視頻播放等內(nèi)容，并且圖片和文字還有大小之分。文字和圖片要同時(shí)展示給用戶，并且還需要適度進(jìn)行視頻展示，若同時(shí)羅列在同一個(gè)頁面上，則會(huì)影響網(wǎng)頁的美觀，顯得排版雜亂無章，影響力用戶有效的獲取信息，阻礙信息的傳達(dá)，因此需要按照相應(yīng)的規(guī)律，做好網(wǎng)頁布局的工作[2]。

2） 網(wǎng)頁文字設(shè)計(jì)存在的不足

文字是信息傳達(dá)的重要途徑，位子是網(wǎng)頁設(shè)計(jì)中不可或缺的重要元素，是網(wǎng)頁信息的重要描述元素，網(wǎng)站文字設(shè)計(jì)占據(jù)了網(wǎng)頁設(shè)計(jì)版面較大的面積，文字排版直接影響了整個(gè)網(wǎng)頁的質(zhì)量。網(wǎng)頁字體設(shè)計(jì)較為復(fù)雜，超鏈接文字還需加上下劃線，使得字體行間距較小，顯得網(wǎng)頁較為擁擠，影響力網(wǎng)頁的美觀，若用戶打開網(wǎng)頁，無法有效的、輕松地獲取信息，將會(huì)降低用戶的體驗(yàn)度。導(dǎo)致用戶獲取信息視覺困難，不利于信息傳達(dá)[3]。

3） 網(wǎng)頁版面設(shè)計(jì)存在的不足

給用戶留下第一印象的不是網(wǎng)頁排版的格局，也不是網(wǎng)站豐富的內(nèi)容，而是網(wǎng)站內(nèi)的色彩。網(wǎng)站的色彩能夠有效的吸引用戶的注意力，網(wǎng)站色彩的搭配和運(yùn)用很大程度上決定了網(wǎng)頁設(shè)計(jì)的成功。但目前，網(wǎng)頁設(shè)計(jì)中往往運(yùn)用多種顏色，使得網(wǎng)站色彩豐富，結(jié)果卻適得其反，色彩多度使用容易導(dǎo)致網(wǎng)頁布局不協(xié)調(diào)，缺乏內(nèi)在的美觀，結(jié)果是影響了用戶瀏覽網(wǎng)頁的效率，阻礙了視覺信息的有效傳達(dá)。

3 提高網(wǎng)頁設(shè)計(jì)信息有效傳達(dá)的幾點(diǎn)思考

1） 網(wǎng)頁版面設(shè)計(jì)有效傳達(dá)的方法

根據(jù)人體眼球結(jié)構(gòu)可知，人的視覺有效部位只占很小的一部分，這使得人們只能在一定的時(shí)間內(nèi)獲得少量的視覺信息。人在閱讀的過程中，視覺流動(dòng)是一種習(xí)慣，但又能被視覺元素影響。因此，在進(jìn)行網(wǎng)頁設(shè)計(jì)的過程中，可利用這習(xí)慣，引導(dǎo)用戶瀏覽信息。如：完美設(shè)計(jì)圖形，要具有豐富有條理的特點(diǎn)，布局要有秩序但不顯得單調(diào)，將大量的信息放大網(wǎng)頁上，需要考慮網(wǎng)頁布局的合理性，采用統(tǒng)一的方式來排列，使得網(wǎng)頁的布局具有較強(qiáng)的整體感。另外，還需要將兩個(gè)差異較大的視覺元素配置在一起，增強(qiáng)用戶的視覺沖擊，例如，文字的排布、圖片尺寸、色彩、粗細(xì)、位置和比例等，有效增強(qiáng)用戶的視覺效果，從而有效地傳達(dá)視覺信息[4]。

2） 網(wǎng)頁文字設(shè)計(jì)有效傳達(dá)的方法

網(wǎng)頁設(shè)計(jì)中文字的功能主要是傳遞各種信息，并非是裝飾。為了提高視覺信息的傳達(dá)效率，在進(jìn)行網(wǎng)頁文字設(shè)計(jì)時(shí)，需要考慮文字編輯的整體效果，給用戶創(chuàng)造一個(gè)清晰的視覺印象。同時(shí)，還要避免網(wǎng)頁頁面繁雜凌亂的現(xiàn)象，減去不必要的網(wǎng)頁裝飾，給用戶提供一個(gè)直觀和簡潔的網(wǎng)頁瀏覽環(huán)境，使用戶能夠易讀、易懂、易認(rèn)。例如，網(wǎng)頁設(shè)計(jì)文字的種類要精簡，風(fēng)格要統(tǒng)一，需要具有鮮明的節(jié)奏感，給用戶一種生機(jī)盎然的感覺[5]。如：個(gè)人網(wǎng)頁可根據(jù)個(gè)人的性格特點(diǎn)及追求；企業(yè)網(wǎng)站可根據(jù)企業(yè)的文化、產(chǎn)品、管理理念進(jìn)行設(shè)計(jì)。在進(jìn)行文字編輯時(shí)，不僅需要具有嚴(yán)謹(jǐn)?shù)倪壿嬎季S，同時(shí)還需要傳達(dá)思想感情，從為用戶提供視覺上的享受，還能夠給用戶留下美好的印象，獲得良好的心理反應(yīng)，增強(qiáng)了網(wǎng)頁視覺信息的有效傳達(dá)。

3） 網(wǎng)頁色彩設(shè)計(jì)有效傳達(dá)的方法

色彩是網(wǎng)頁設(shè)計(jì)中重要的組成部分，色彩視覺受到了人的情緒、象征、聯(lián)想、情感等主觀的影響。在進(jìn)行網(wǎng)頁色彩設(shè)的過程中，需要具備特色鮮明、合理搭配、講究藝術(shù)等特性。首先，避免使用單一的色彩，以免給用戶留下單調(diào)的色彩感，另外，除了網(wǎng)頁文字的設(shè)計(jì)之外，另外的部分盡量不要使用到黑色，黑色色彩若使用的不合理，往往會(huì)影響網(wǎng)頁色彩的整體感，降低了藝術(shù)的效果[6]。其次，網(wǎng)頁色彩對(duì)比應(yīng)用，突出色彩的重點(diǎn)，增強(qiáng)用戶的視覺效果，例如：以一種顏色為主調(diào)，采用對(duì)比顏色進(jìn)行點(diǎn)綴，可以起到畫龍點(diǎn)睛的效果。最后，網(wǎng)頁色彩設(shè)計(jì)使用的顏色應(yīng)控制在四種以內(nèi)，避免大量的色彩沖刺用戶的視覺，使用戶產(chǎn)生視覺疲勞，嚴(yán)格控制色彩的各種屬性來產(chǎn)生網(wǎng)頁動(dòng)態(tài)的變化。從而提高視覺信息傳達(dá)的效率。

4 結(jié)束語

綜上所述，本文對(duì)網(wǎng)頁設(shè)計(jì)概述進(jìn)行簡要概述，針對(duì)網(wǎng)頁設(shè)計(jì)中影響信息傳達(dá)的問題提出了網(wǎng)頁版面設(shè)計(jì)、網(wǎng)頁文字設(shè)計(jì)和網(wǎng)頁色彩設(shè)計(jì)的網(wǎng)頁設(shè)計(jì)信息有效傳達(dá)的幾點(diǎn)思考。研究結(jié)果表明，網(wǎng)頁版面設(shè)計(jì)、色彩設(shè)計(jì)、文字設(shè)計(jì)依然影響著網(wǎng)頁信息的有效傳達(dá)。因此，在未來的工作中，還需加強(qiáng)視覺信息傳達(dá)的網(wǎng)頁設(shè)計(jì)的研究，從而提高網(wǎng)頁視覺信息傳達(dá)的效率，進(jìn)而提升網(wǎng)絡(luò)用戶的體驗(yàn)度和促進(jìn)網(wǎng)頁設(shè)計(jì)的發(fā)展。

參考文獻(xiàn)：

[1] 叢媛媛，時(shí)英華，趙娜.農(nóng)業(yè)信息網(wǎng)站網(wǎng)頁設(shè)計(jì)的視覺信息傳達(dá)有效性分析[J].農(nóng)業(yè)網(wǎng)絡(luò)信息，2016，12（10）：61-64.

[2] 王中岳.平面視覺元素在網(wǎng)頁設(shè)計(jì)中的應(yīng)用價(jià)值分析[J].現(xiàn)代裝飾（理論），2016，10（08）：131.

[3] 丁麗.淺析網(wǎng)頁設(shè)計(jì)中平面視覺元素的運(yùn)用[J].科技資訊，2015，9（15）：28.

[4] 熊科軍，黃琴.網(wǎng)頁設(shè)計(jì)課程中網(wǎng)站信息組織設(shè)計(jì)的教學(xué)方法探索[J].美術(shù)教育研究，2015，11（05）：94-96.

[5] 馬金祥，王健，犇妮.網(wǎng)頁設(shè)計(jì)之視覺信息傳達(dá)分析——以唐代服裝為切入點(diǎn)的職業(yè)教育網(wǎng)站設(shè)計(jì)為例[J].理論觀察，2014，12（08）：65-66.

[6] 銀敏吉.視覺傳達(dá)設(shè)計(jì)專業(yè)中網(wǎng)頁設(shè)計(jì)課程教學(xué)模式的探索[J].大眾文藝，2014，10（07）：220-221.endprint