網(wǎng)頁(yè)界面設(shè)計(jì)的創(chuàng)新探索

孫沈楠+居全偉

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

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

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

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

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

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

1.1 界面的功能與形式美

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

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

1.2 界面視覺(jué)審美法則

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4 結(jié)論

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

參考文獻(xiàn)

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

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

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

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