網(wǎng)頁界面的設計與創(chuàng)新

摘要：伴隨著時代的飛速發(fā)展，網(wǎng)頁作為一種承載內(nèi)容豐富并且更新信息速度快的信息載體，為我們?nèi)粘Ｉ钤錾簧佟＞W(wǎng)絡的使用方向開始滲透到各個領域，朝著多元化與實用化的方向前進使，同時也沖擊到網(wǎng)頁設計的理念與實踐。報紙、雜志等傳統(tǒng)出版媒介在設計上已經(jīng)具有相應的套路，網(wǎng)頁與之相似和相通但又多出一些活躍的因素，所以在遵循基本的設計原則和設計要求的同時，如何凸顯網(wǎng)站與傳統(tǒng)媒介的不同，進行創(chuàng)新則是必由之路。創(chuàng)新是突破，所以進行網(wǎng)頁界面的設計與創(chuàng)新對設計師來說也是一種內(nèi)在的自我對話。

關鍵詞：網(wǎng)頁設計；創(chuàng)新；網(wǎng)頁藝術

中圖分類號：TP393 文獻標識碼：A 文章編號：1671-864X（2016）02-0289-01

網(wǎng)頁設計雖相對與其他類設計來說較為“新”，但也經(jīng)歷了推陳出新的過程，從設計理念方面，也逐漸從最初版式的千篇一律、設計的陳舊老套，發(fā)展到現(xiàn)在更為注重其網(wǎng)站的個性化表現(xiàn)與用戶體驗。

為了能使網(wǎng)頁的布局更加合理，并且更能在眾多設計中脫穎而出，網(wǎng)頁的設計中我們要遵循一下幾個原則。

一、主題鮮明

每一個設計都有它的訴求，這個訴求通俗的來說就是主題，這個主題也就是在于它的目的性。有個性訴求，有主題傾訴并不意味著設計師的一意孤行，歸根到底是要傳達自己的理念。推廣一種新的概念也好，賣產(chǎn)品也好，如何讓受眾一眼就能迅速的識別，鮮明的主題應該是最有力的傳達。

認知心理學告訴我們，較小而分立的信息更為有效和容易瀏覽，在北野花藝原創(chuàng)官方網(wǎng)站的頁面設計中，文字的排版方面就注意了這一點。合理安排文字的大小、字間距長度的把握，為使其網(wǎng)頁中的重要信息更迅速的獲取和記憶。網(wǎng)頁藝術設計作為的視覺設計范疇一種，達到最佳的主題訴求效果是其核心目的。以點帶面，突出主題效果，增強網(wǎng)頁的沖擊力和有效性，以期獲取瀏覽者更多的注意力。

網(wǎng)頁藝術設計與網(wǎng)站主題的必須是走在一條線上的：設計不能脫離藝術感，美感與功能必須同步實現(xiàn)；還是要著重通過具有藝術感、有完整功能性設計達到精準的主題闡釋。當然，有些情況下，“功能”即是“主題”，還有些情況下，“美”即是主題。例如，北野花藝原創(chuàng)官方網(wǎng)站是一個鮮花類企業(yè)站，就應該將本企業(yè)的文化內(nèi)涵、風格特點用網(wǎng)頁的形式表達給瀏覽者，并能將產(chǎn)品得到推廣，這就是其功能的體現(xiàn)。

如何把握網(wǎng)頁的誘導力和鮮明主題訴求的展現(xiàn)，具體到實踐中可以通過對網(wǎng)頁內(nèi)在的邏輯關系和秩序的把握運用來達到。在北野花藝原創(chuàng)官方網(wǎng)站的設計上，就注重了空間層次的表達，將網(wǎng)頁中的模塊和元素運用疊加、交錯的方法產(chǎn)生空間感。

二、形式與內(nèi)容統(tǒng)一

任何設計都有一定的內(nèi)容和形式。設計賴以存在的基礎是構成設計的一切內(nèi)在要素的總和，也就是內(nèi)容，這是設計的核心所在；內(nèi)容在一定程度上決定了形式，形式又通過它的特殊展現(xiàn)反作用于內(nèi)容，形式對內(nèi)容的完美表現(xiàn)才是一個優(yōu)秀的設計。

要確保網(wǎng)頁上保留的么一個元素有價值，而不是為了展現(xiàn)技術而做一些華而不實的設計，那樣得到的效果可能會適得其反。設計需要思考，功能、美感、形式以及內(nèi)容每一個環(huán)節(jié)都不可落下。

三、強調整體

網(wǎng)頁的整體性作為網(wǎng)站的關鍵元素，必須引起注意。當然這包括內(nèi)容和形式上的整體性，我在這里主就設計形式上的整體性進行一個探討。

作為傳播信息的網(wǎng)頁，它在表達的是一定的內(nèi)容、主題和意念的時候，必須要為人們所理解和接受，滿足人們的實用和基本需求目的。使人能獲取一定信息又能產(chǎn)生審美體驗，能對網(wǎng)站獨特風格有所感知，這多歸功于網(wǎng)頁設計的整體性。

1.為了突破傳統(tǒng)網(wǎng)站的版式陳舊、色彩單調等問題，展現(xiàn)出鮮花類企業(yè)站的特色，能夠使其在眾多的同品牌行業(yè)網(wǎng)站中眼前一亮，因此在設計北野花藝原創(chuàng)官方網(wǎng)站的時候，在顏色的選擇與搭配上，為網(wǎng)站選擇了白色#FFFFFF為基色調，深藍色#0B2757為輔助色，一個站點通常只使用兩到三種標準色，并且應注意色彩搭配的和諧；可突出其內(nèi)容、產(chǎn)品等，使網(wǎng)頁整體相協(xié)調。

2.在北野花藝原創(chuàng)官方網(wǎng)站的BANNER設計上，本著富有強烈的視覺沖擊和使人過目不忘的效果，選擇綠色植物為背景占滿整個網(wǎng)站頭部區(qū)域。在BANNER的字體排版設計方面，采用中英文相搭配，上下排版，居中展現(xiàn)。在導航的制作上與普通網(wǎng)站不同的是，運用半透明的深灰色作為底色，其半透明可令網(wǎng)頁擁有清透感。

3.在北野花藝原創(chuàng)官方網(wǎng)站整體頁面的布局排列上，采用對稱對比布局。深色和淺色的相互映襯。與此同時，要將視野放到通過獨特的風格的構建和強烈的視覺沖擊力營造，以此來鮮明地突出設計主題。但是從這種意義上來言，強調網(wǎng)頁結構形式的視覺整體性和犧牲靈活的多變性存在巨大的矛盾，就是說“物極必反”起到相反作用。所以，在網(wǎng)頁整體性設計的同時要加以注意：“整體”是“多變”基礎上的整體。

4.在北野花藝原創(chuàng)官方網(wǎng)站模塊的設計上，擺脫了傳統(tǒng)的布局方式，注意運用點、線、面等基礎元素外，點、線、面等基本元素的設計語言表達力度，都傾向于排版設計和是視覺空間的建構。版面的垂直排列，則給人動感的傳達，再搭配上動態(tài)特效，使頁面多變具有趣味性。

5.在文字的字體選擇和排版上要慎重，不同的行業(yè)的網(wǎng)頁應當用不同風格的字體來搭配。在北野花藝原創(chuàng)官方網(wǎng)站的設計中采用了微軟雅黑、方正蘭亭細黑兩種作為主要字體，這兩種字體不僅美觀便于瀏覽者的識別，而且常用字體也便于網(wǎng)頁的加載，避免出現(xiàn)亂碼的現(xiàn)象。

目前還是有很多同行業(yè)的網(wǎng)站都幾乎差不多，除了網(wǎng)站的內(nèi)容以及網(wǎng)站布局、色調外，其余幾乎一樣。所以，設計師在進行網(wǎng)頁設計時的創(chuàng)新就顯得非常的重要。因此，我想以北野花藝原創(chuàng)官方網(wǎng)站為例，突破原有的鮮花類企業(yè)站，設計一套具有自己企業(yè)風格特色的網(wǎng)站。網(wǎng)站建設是需要創(chuàng)新的，不然這個行業(yè)很難在這個競爭激烈的市場上生存。所以，在網(wǎng)站制作過程中，要具有創(chuàng)新意識，根據(jù)不同行業(yè)情況具體分析和打造極具特色的網(wǎng)頁設計，這樣才利于網(wǎng)站建設行業(yè)技術的進步和發(fā)展。

參考文獻：

[1]《視覺文化時代的傳統(tǒng)媒體與新媒體版式設計研究》 來源：學位論文 江南大學 2004 作者陳虹

[2]《論網(wǎng)頁與界面設計中藝術的運用》來源：學術期刊《重慶電子工程職業(yè)學院學報》2009年2期 作者：林南秀

[3]《網(wǎng)頁設計中的動態(tài)藝術效果及其技術實現(xiàn)》 來源：學位論文 湖南工業(yè)大學2007 作者賴守亮

作者簡介：孫媛媛（1993—），女，漢族，山東濟南市人，藝術設計本科，山東女子學院信息技術學院。