孫沈楠+居全偉

摘 要 經(jīng)濟(jì)的發(fā)展催生了網(wǎng)絡(luò)，網(wǎng)絡(luò)也使經(jīng)濟(jì)有了更快的發(fā)展。現(xiàn)在，網(wǎng)絡(luò)不但被越來越多的人所接受，更是從深層次影響著人們的生存、生活方式。也可以說，網(wǎng)絡(luò)發(fā)展到現(xiàn)在其本身已成為了一種文化。在網(wǎng)絡(luò)文化中，受眾接觸最多也是最重要的一種方式就是網(wǎng)頁界面。網(wǎng)頁的快速發(fā)展豐富也就決定著網(wǎng)頁界面也必須不斷的創(chuàng)新。本文就如何把由視覺元素和多媒體元素構(gòu)成的網(wǎng)絡(luò)界面用更加簡單、一致、合理的實(shí)用藝術(shù)形式表達(dá)出來，達(dá)到準(zhǔn)確的表達(dá)信息、良好的引導(dǎo)網(wǎng)民的視覺流程、有效的信息傳達(dá)同時具有美感作為研究對象。從網(wǎng)頁界面設(shè)計與審美意義、網(wǎng)頁界面設(shè)計與創(chuàng)造性思維以及網(wǎng)頁界面設(shè)計創(chuàng)新應(yīng)用3個方面來闡釋在網(wǎng)絡(luò)飛速發(fā)展的當(dāng)下如何才能做出既結(jié)合了技術(shù)和藝術(shù)的內(nèi)涵，以流暢的外觀表現(xiàn)，追求功能與形式的統(tǒng)一，又能滿足瀏覽者心理需求的網(wǎng)頁界面。

關(guān)鍵詞 界面設(shè)計；創(chuàng)新；審美

中圖分類號 TP3 文獻(xiàn)標(biāo)識碼 A 文章編號 1674-6708（2017）194-0078-03

進(jìn)入21世紀(jì)以來，信息革命正在悄無聲息的進(jìn)行著，其帶來的好處也滲透人類生活的方方面面，同時給人們在生活、學(xué)習(xí)也帶來更多的便利。網(wǎng)絡(luò)是以多種信息為載體的新興的媒體形式，并且縮短了人與人之間的距離，為人們提供了新的信息交流方式。網(wǎng)頁的瀏覽逐漸成為人們生活中不可或缺的重要內(nèi)容，為了能追隨時代發(fā)展的腳步，網(wǎng)頁界面設(shè)計也應(yīng)該不斷的創(chuàng)新，力求滿足最新的大眾審美需求。

1 網(wǎng)頁界面設(shè)計與審美意義

網(wǎng)頁界面是指由顏色、字符、圖形等視覺元素為基礎(chǔ)的并且結(jié)合一些多媒體元素構(gòu)成的，用來傳達(dá)信息，方便人機(jī)交流為目的的中間媒體。網(wǎng)頁界面設(shè)計是一種有實(shí)用功能的藝術(shù)表現(xiàn)形式，它的設(shè)計范圍也是很廣的，包括瀏覽者的視覺與聽覺，是技術(shù)與藝術(shù)相互結(jié)合下的產(chǎn)物。信息更新的快、界面的布局有整體性、藝術(shù)審美性強(qiáng)，以此為標(biāo)準(zhǔn)設(shè)計的網(wǎng)頁界面，才會給瀏覽者帶來良好的視覺感受，另外，如果能夠突破傳統(tǒng)的網(wǎng)頁界面設(shè)計的結(jié)構(gòu)，可能會給瀏覽者帶來更好的視覺上的享受。只有緊隨時代的發(fā)展，在網(wǎng)頁界面的設(shè)計上不斷創(chuàng)新，才能滿足網(wǎng)民們的審美需求。網(wǎng)頁界面設(shè)計的審美性是指在信息傳送的過程中，各種元素給瀏覽者所帶來的視覺美，使瀏覽者在觀看信息的同時也體驗(yàn)視覺上的享受，界面設(shè)計的審美可以更好地促進(jìn)信息的傳達(dá)。在設(shè)計的過程中可以與常規(guī)的審美形式結(jié)合起來，例如節(jié)奏、規(guī)律、變化、統(tǒng)一、整齊、平衡、調(diào)和、對比等，利用各種各樣的形式來表達(dá)美感。

1.1 界面的功能與形式美

網(wǎng)頁界面設(shè)計的功能性是要求很明確的，網(wǎng)頁設(shè)計師的主要職責(zé)就是在美觀實(shí)用的界面上能夠快速準(zhǔn)確的傳達(dá)信息。界面功能的分布也是有一定的規(guī)律可循的，首先，界面的設(shè)計要符合瀏覽者的視覺流程，比如人們第一眼會先看哪里；其次，界面布局的分布也決定了信息所要傳達(dá)的一個順序，一般比較重要的，有轟動性的信息會排在主要的地方，以便能引起更多人的關(guān)注；再次，界面設(shè)計注重整體性與統(tǒng)一性，一個網(wǎng)站的不同頁面，界面框架整體都是有一定的統(tǒng)一性的，這樣讓瀏覽者在瀏覽起來視覺上也會覺得很舒服，如果界面設(shè)計的雜亂無章，瀏覽起來會造成視覺疲勞與混亂，看一會就會沒有再往下看的欲望了。

優(yōu)秀的界面不僅有明確的實(shí)用性功能而且還要具備良好的藝術(shù)審美性。當(dāng)一個網(wǎng)頁具有特定的實(shí)用價值了，這個網(wǎng)頁才具有存在下去的意義，只有存在了才能繼續(xù)發(fā)展改良界面的設(shè)計。當(dāng)使用功能滿足了，人們開始會追求其他方面的需求，這個時候就會上升到追求精神層次的形式美。一個好的網(wǎng)頁界面設(shè)計，需要結(jié)合功能美和形式美，從而實(shí)現(xiàn)實(shí)用性與審美的完美展現(xiàn)。

1.2 界面視覺審美法則

現(xiàn)在的各種網(wǎng)站越來越多，為了能夠吸引更多的用戶，增加競爭力，界面設(shè)計更加注重把思想與設(shè)計的方法相結(jié)合。準(zhǔn)確表達(dá)信息，良好的帶動網(wǎng)民視覺瀏覽的過程，同時兼具讓人感覺舒適的美感設(shè)計，這在目前是界面設(shè)計的一個方向。界面視覺的形式美，主要是通過藝術(shù)設(shè)計的手法來帶給用戶體驗(yàn)的。任何事物的產(chǎn)生和發(fā)展都是有規(guī)律可循的，形式美的產(chǎn)生也不例外，從它的產(chǎn)生和發(fā)展都有一些規(guī)律和法則，主要有3個方面。

1）簡單的美感。界面在允許的情況下要盡可能的顯得整潔。網(wǎng)頁界面中的信息越多越復(fù)雜，對人的視覺記憶干擾就會越大。網(wǎng)頁設(shè)計師在做界面設(shè)計時應(yīng)多做“減法”，將一些不常用的功能區(qū)分好類并且有些可以適當(dāng)?shù)仉[藏，以保持界面的整潔，但是同時也得保證界面在視覺的可接受范圍內(nèi)，能夠便于使用。

2）一致的美感。視覺表達(dá)信息的含義一定得明確、一致，這樣，用戶才能不必參考其他的信息便可以快速準(zhǔn)確的理解操作的方法，這是一個優(yōu)秀的網(wǎng)頁界面應(yīng)該具備的特點(diǎn)。一致性在網(wǎng)頁界面設(shè)計過程中具體包括：頁面的整體結(jié)構(gòu)要保持清晰，同一個網(wǎng)站內(nèi)的各個頁面風(fēng)格也要保持一致；頁面內(nèi)的圖片、字體對齊方式的一致；不可修改的字段、圖片等元素可以統(tǒng)一用一種顏色顯示等等。

3）合理的美感。在進(jìn)行界面的布局時，我們要考慮到瀏覽者自上而下，從左往右的視覺瀏覽習(xí)慣和操作順序：頁面的導(dǎo)航一般都設(shè)計在頁面的頂部，這是因?yàn)闊o論瀏覽者使用任何的屏幕終端都能便于找到。界面內(nèi)的文字內(nèi)容排版盡量要與頁面的邊緣保持一定的距離，為了方便用戶的閱讀等等。

2 網(wǎng)頁界面設(shè)計與創(chuàng)造性思維

創(chuàng)造是突破思想局限的束縛，創(chuàng)造出有新意的東西。網(wǎng)頁界面設(shè)計的創(chuàng)造性與網(wǎng)絡(luò)的特點(diǎn)、用戶的心理需求也是密切相關(guān)的。新穎的網(wǎng)頁界面會令人眼前一亮，吸引網(wǎng)民的關(guān)注，所以網(wǎng)站能否成功很大程度取決于網(wǎng)頁界面的創(chuàng)造性。創(chuàng)意是設(shè)計師工作當(dāng)中的來源，是他們夢寐以求的東西。好的創(chuàng)意既要符合設(shè)計原則，又必須具有鮮明獨(dú)特的構(gòu)思和創(chuàng)造力。

創(chuàng)意的產(chǎn)生，首先要了解當(dāng)下所在的一個客觀環(huán)境，同時還要了解你的目標(biāo)用戶，知己知彼才能百戰(zhàn)不殆，然后在思考要用什么樣的形式面貌來表達(dá)自己的想法。創(chuàng)造性思維主要表現(xiàn)在選擇、突破和重新建構(gòu)這三者的關(guān)系，這三者之間是相互緊密聯(lián)系的。在網(wǎng)頁界面設(shè)計當(dāng)中，創(chuàng)造性思維具體表現(xiàn)在以下5個方面：1）敢于突破。想要有好的創(chuàng)意設(shè)計，先要做到把你的腦子里的東西清空，不要因?yàn)閭鹘y(tǒng)、常規(guī)的方式而把思想束縛，要突破這些。設(shè)計是需要創(chuàng)新的，不合常理的設(shè)計往往會令人的眼前一亮，達(dá)到意想不到的效果。所以要在思維上有一個轉(zhuǎn)變，要敢于打破常規(guī)，不要被傳統(tǒng)的觀念所束縛。2）善于跨越。一般設(shè)計的步驟是循序漸進(jìn)的過程，創(chuàng)意有時候會是突然在一個瞬間或者某一個地點(diǎn)來自靈感，所以創(chuàng)意的產(chǎn)生有時候是需要突破空間、時間的。善于跨越是要加大思維和聯(lián)想的跨度，丟棄常規(guī)的套路，創(chuàng)造出有新意的設(shè)計，給人能帶來更好的視覺感受。3）保持整體。界面設(shè)計的過程就是整體性，創(chuàng)意的來源是以網(wǎng)頁傳達(dá)的信息為基礎(chǔ)的，信息的傳達(dá)才能展現(xiàn)出創(chuàng)意的表現(xiàn)，所以這整個就是一條線下來的，內(nèi)容是基礎(chǔ)，創(chuàng)意的表現(xiàn)是形式，形式是以內(nèi)容為基礎(chǔ)的。4）思維靈活。思維的靈活性也是表現(xiàn)在突破常規(guī)，靈活多變，及時改變自己的思路，不要局限于一點(diǎn)，善于轉(zhuǎn)換各種的思路，為設(shè)計增添風(fēng)趣多變。5）表達(dá)流暢。有新意的設(shè)計不僅是有新的見解、新的想法而且還需要能準(zhǔn)確的把這些創(chuàng)新的想法能夠表達(dá)出來。創(chuàng)造性思維最重要的環(huán)節(jié)也是最后一個環(huán)節(jié)，就是能夠流暢的表達(dá)出你的創(chuàng)意，是最終在網(wǎng)頁界面設(shè)計中展現(xiàn)出來的效果。endprint

界面設(shè)計中的創(chuàng)造，需要靈活多變、標(biāo)新立異，不局限于固有的思維，但是也不是否定不可以借鑒，以已有的優(yōu)秀范例作為參照，然后在與自己的設(shè)計作比較，從兩者之間取長補(bǔ)短或者借鑒，這樣會更有助于創(chuàng)造水平的增長，從中會產(chǎn)生新的設(shè)計思路。借鑒、繼承并且發(fā)展優(yōu)秀的文化傳統(tǒng)，是設(shè)計創(chuàng)新的基礎(chǔ)。

3 網(wǎng)頁界面設(shè)計創(chuàng)新應(yīng)用

互聯(lián)網(wǎng)變化的速度可謂日新月異，任何事物都不會是一成不變的，尤其是面對現(xiàn)在這個社會，你不進(jìn)步不創(chuàng)新有可能就會面臨被淘汰，所以網(wǎng)頁設(shè)計的方式也要不斷更新?lián)Q代，我們利用網(wǎng)頁自身特點(diǎn)，結(jié)合視覺設(shè)計中形成的經(jīng)驗(yàn)和規(guī)律，作出對創(chuàng)新方法的認(rèn)識和分析。

1）追求簡潔性?，F(xiàn)在的網(wǎng)頁普遍都有個問題就是內(nèi)容啰嗦、冗長，彈屏的廣告太多，往往瀏覽者需要查詢信息的時候會不得已要看許多的內(nèi)容，所以頁面的簡潔性也受到越來越多的關(guān)注。一個網(wǎng)頁如果存在過多的視覺元素，超出了人視覺所能容納的范圍，容易引起視覺疲勞，會造成對界面的反感，引起焦慮的情緒。因此網(wǎng)頁界面設(shè)計的創(chuàng)意以簡單明了的想法為主，網(wǎng)頁界面內(nèi)表達(dá)的內(nèi)容言簡意賅，這樣瀏覽者在瀏覽的過程中，不需要看太多沒用的信息就可以快捷的找到自己需要的信息，提高了效率也節(jié)省了時間，會使人馬上對這個網(wǎng)頁的好感度增加。簡潔也不是指縮減網(wǎng)頁的信息量，而是將網(wǎng)頁中的元素設(shè)計內(nèi)容更好的精簡，使信息得到有效的精簡和提煉?，F(xiàn)代人的生活節(jié)奏比較快，瀏覽信息的時間非常有限，要想引起網(wǎng)民的注意，一定要保持簡潔、簡潔再簡潔。正如我前面說的，過多的內(nèi)容會造成人的視覺疲勞，到最后不想看下去了而且自己所需要的信息也沒找到，這樣的網(wǎng)頁設(shè)計是失敗的，是吸引不到瀏覽者的。

2）重視變化性。互聯(lián)網(wǎng)現(xiàn)在之所以能夠廣受歡迎和普及，最大的優(yōu)點(diǎn)就是信息更新快、傳播速度快，讓人們“足不出門，便知天下事”，如果網(wǎng)頁的信息較長時間不更新，這就會限制了它的優(yōu)勢。沒有人會對一成不變的信息感興趣，如果瀏覽者多次瀏覽一個網(wǎng)頁看見的都是與原來一樣的內(nèi)容，那么幾次后瀏覽者可能就會認(rèn)為這個頁面不會在更新了，在網(wǎng)絡(luò)上，一成不變和缺少活力會減少網(wǎng)民對網(wǎng)頁的熱情和認(rèn)可，所以網(wǎng)頁上的信息要注意及時的更新。

3）關(guān)注趣味性。隨著生活水平的提高，人們在物質(zhì)上得到滿足后更注重精神上的追求，希望生活能變得豐富多彩，能有一些情感趣味。在這種情況下，網(wǎng)頁視覺設(shè)計應(yīng)該結(jié)合當(dāng)下流行的，貼近百姓生活的情趣為創(chuàng)意表現(xiàn)的方向。就像有些電視廣告的趣味性很強(qiáng)，使人看完后不僅是開心一笑而且還會留下深刻的印象，網(wǎng)站其實(shí)也是可以這樣的，在界面設(shè)計的過程當(dāng)中，通過夸張、風(fēng)趣的表現(xiàn)手法，使界面的圖像表現(xiàn)鮮明、主題突出，在頁面的呈現(xiàn)中給瀏覽者帶來強(qiáng)烈的視覺沖擊，瀏覽者在瀏覽中能擁有愉快的心情，信息也比較容易能接受。

4）強(qiáng)調(diào)實(shí)用性。任何一種產(chǎn)品都要有一定的實(shí)用性，只有具有實(shí)用性，才有存在的價值，網(wǎng)頁也不例外。網(wǎng)頁是網(wǎng)絡(luò)平臺上使用的產(chǎn)品，它的最終受用者是廣大的網(wǎng)民，所以在界面設(shè)計的過程中也要換位思考一下，了解網(wǎng)民上網(wǎng)的習(xí)慣和需求，以他們的習(xí)慣和需求為基礎(chǔ)，在設(shè)計的過程中對信息、操作和功能都要有合理的安排。網(wǎng)頁界面設(shè)計是合理、有計劃、有組織的過程，其目的是能夠讓網(wǎng)民更舒適、更方便地搜索自己所需要的信息，這些都是以瀏覽者為中心進(jìn)行的。優(yōu)秀的網(wǎng)頁界面設(shè)計應(yīng)該是為讓瀏覽者服務(wù)的，讓網(wǎng)民感受到自己有操作的主動權(quán)，讓他感覺到網(wǎng)頁是在為他服務(wù)，“顧客就是上帝”，這句話在任何時候做設(shè)計的過程中都是不能摒棄的，網(wǎng)民的瀏覽感受好了，就會成為這個網(wǎng)站的回頭客，積少成多，網(wǎng)站的點(diǎn)擊量上去了，網(wǎng)站才有存在下去的意義。

5）渴望個性化。網(wǎng)頁界面的設(shè)計其實(shí)也是藝術(shù)創(chuàng)作的過程，但是不是說把網(wǎng)頁界面設(shè)計與純藝術(shù)家的孤芳自賞等同，而是針對網(wǎng)頁的特性提出的?；ヂ?lián)網(wǎng)就是一張大網(wǎng)，充滿了各種各樣的鏈接，瀏覽者的目光可能隨時被這些精彩的鏈接內(nèi)容而吸引，所以為了能夠留住這些瀏覽者的目光，網(wǎng)頁界面的設(shè)計也要保持一定的個性，比如可以充分利用色彩、圖標(biāo)、按鈕等元素，在這些元素上面做一些加工，其目的就是為了能夠在紛雜的互聯(lián)網(wǎng)世界中多留住瀏覽者的目光。個性化設(shè)計創(chuàng)意要追隨時代的腳步，符合大眾的審美，就比如我們接觸最多的百度，在百度的界面中會隨著節(jié)日、重大事件等的變化而變化，它的界面不是一成不變的，隔段時間打開界面就會有不同的設(shè)計風(fēng)格，從來不重樣，讓人覺得不會厭倦，反而會很愿意下一次再點(diǎn)擊進(jìn)去，這就是成功吸引了瀏覽者。在變化多種多樣的互聯(lián)網(wǎng)時代，個性化的界面設(shè)計也是網(wǎng)頁能夠繼續(xù)存在和發(fā)展的必備條件之一。

4 結(jié)論

數(shù)字時代的到來，給人們的生活方式帶來了很大的改變，也成為生活、工作中必不可少的一部分，人們花在網(wǎng)絡(luò)上的時間占大部分，因此網(wǎng)站的發(fā)展是很有前景的，同時網(wǎng)頁界面設(shè)計也是至關(guān)重要。網(wǎng)頁界面的設(shè)計看似簡單，其實(shí)結(jié)合了好多的東西，流暢的視覺表達(dá)、符合瀏覽者心理的藝術(shù)審美，界面創(chuàng)新設(shè)計成為越來越具有重要意義的研究。

參考文獻(xiàn)

[1]鄧文達(dá)，炱亞男.網(wǎng)頁界面設(shè)計與制作[M].北京：人民郵電出版社，2012.

[2]潘群，呂金龍.網(wǎng)頁藝術(shù)設(shè)計[M].北京：清華大學(xué)出版社，2011.

[3]李曉斌，網(wǎng)頁視覺風(fēng)格與經(jīng)典范例[M].北京：電子工業(yè)出版社，2012.

[4]尹定邦.圖形與意義[M].湖南：湖南科學(xué)技術(shù)出版社，2003.endprint