網頁界面設計的創新探索

孫沈楠+居全偉

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

關鍵詞 界面設計；創新；審美

中圖分類號 TP3 文獻標識碼 A 文章編號 1674-6708（2017）194-0078-03

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

1 網頁界面設計與審美意義

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

1.1 界面的功能與形式美

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

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

1.2 界面視覺審美法則

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

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

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

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

2 網頁界面設計與創造性思維

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

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

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

3 網頁界面設計創新應用

互聯網變化的速度可謂日新月異，任何事物都不會是一成不變的，尤其是面對現在這個社會，你不進步不創新有可能就會面臨被淘汰，所以網頁設計的方式也要不斷更新換代，我們利用網頁自身特點，結合視覺設計中形成的經驗和規律，作出對創新方法的認識和分析。

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

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

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

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

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

4 結論

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

參考文獻

[1]鄧文達，炱亞男.網頁界面設計與制作[M].北京：人民郵電出版社，2012.

[2]潘群，呂金龍.網頁藝術設計[M].北京：清華大學出版社，2011.

[3]李曉斌，網頁視覺風格與經典范例[M].北京：電子工業出版社，2012.

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