淺論平面設計教學中網頁的設計理念

隨着信息時代的發展,互聯網的普及,使互聯網絡成爲“第四大信息傳播的媒介”。網頁設計以信息傳播爲裁體,兩者之間緊密聯繫。作爲互聯網的重要元素之一——網頁,它的發展雖然沒有多長時間,但作爲一種新的視覺表現形式,兼容了平面設計的特徵,並具有迅捷,交互性好、傳播面廣等特點,爲互聯網絡的信息傳播提供良好的平臺並且在教學中不斷探索網頁的設計理念,加上通知。

淺論平面設計教學中網頁的設計理念

每一個時代都有代表性的發明作爲這個時代的象徵,像第一次工業革命,蒸汽機的發明,使得那時成爲蒸汽時代;愛迪生髮明瞭電燈從那時起進入了電的時代,要說21世紀,我想應該是網絡的時代,自從互聯網的出現使“地球村”的概念更加貼切,可以說網絡拉近了地球上每一個角落的人。互聯網代表着一種嶄新的信息交流方式,它使信息的傳播突破了傳統的政治、經濟、地域及文化的阻隔,使信息傳達的範圍、速度與效率都產生了質的飛躍。互聯網是由成千上萬的網站組成,而每個網站都是由諸多網頁構成,故網頁是構成互聯網的基本元素。而網頁設計是伴隨着計算機互聯網絡的產生而形成的平面設計新課題,是網頁設計者以所處時代所能獲取的技術和藝術經驗爲基礎,依照設計目的和要求自覺地對網頁的構成元素進行藝術規劃的創造性思維活動,必然要成爲設計藝術的重要組成部分,並隨着網絡技術的發展而發展。表面上看,它不過是關於網頁版式編排的技巧與方法,而實際上,它不僅是一種技能,更是藝術與技術的高度統一。設計師如何將網絡與設計、技術與藝術完美地結合,是非常值得我們深思和研討的。

  1一騎紅塵妃子笑,誰人知是荔枝來之信息傳播

信息元素可以說是網絡最基本的元素,互聯網自始至終都起着一個信息傳播的做用,也是由此而產生的。自從人類誕生以來,人類社會至少已經經歷了四次意義重大的信息傳播革命,每一次信息傳播革命都把人類文明推向一個新的發展階段。第一次信息傳播革命是語言傳播的誕生。第二次信息傳播革命是文字傳播的誕生。第三次信息傳播革命是印刷傳播的誕生。第四次信息傳播革命是模擬式電子傳播的誕生。

最新的一次信息傳播革命,即正在我們身邊發生的第五次信息傳播革命,是數字式電子——網絡傳播的誕生。網絡媒體的出現,使得傳播者與受衆之間的傳統的相互關係正面臨巨大的變化。人類進入了真正的信息時代。

網頁設計以信息傳達爲目的,而傳達的最終表現界面則永遠也脫離不了媒體。媒體與網頁設計之間的關係是互動的,媒體既體現了設計,又給設計帶來了侷限性;設計既受制於媒體,又是新媒體產生的動力之一。

我們大家所共知的傳媒方式有報紙、廣播、雜誌、電視等等,這些在現代媒體中仍然佔主要位置。如果與互聯繫網絡比較的話,它們這些傳媒方式就顯的相當單一。因此它們的先天缺陷也越來越明顯,所以像這種單一的傳達方式也使設計師受到了一定程度上的限制。人們接受信息的途徑是多方面的。像視覺、聽覺、觸覺、嗅覺、味覺等一系列感官的綜合使我們更加全面的去了解其他的事物。爲了能使信息傳達的更全面一些,一直在追求完美的設計師也在尋找着一個嶄新的媒體來表達完善的設計。因此當今互聯網絡順利的成爲新生的、綜合感官的、充滿活力的新媒體,也爲設計師創造了前所未有的信息傳達手段與途徑。而且隨着技術的不斷髮展,它極有可能成爲最完善的媒體。這應該引起每一個平面設計師的'關注。網絡的發展速度和力量是驚人的。

  2橫看成嶺側成峯之視覺效果

可以說網頁是通過視覺元素來進行信息傳達的,這裏說的視覺元素包括文本、背景、按鈕、圖標、圖像、表格、顏色、導航工具、背景音樂、動態影像等。無論是文字、圖形、動畫,還是視頻,爲了使網頁獲得最大的視覺傳達功能,網頁設計者所要考慮的是如何適應人們視覺流向的心理和生理的特點把它們放進頁面這個“大展示窗口”裏。由此確定各種視覺構成元素之間的關係和秩序。因此,設計時應該研究各種視覺造型元素之間的距離、位置、面積和視覺流程的問題。

從理論說起,視覺流程的形成是由人類的視覺特性所決定的。因爲人眼獨特的結構,造成只能產生一個焦點,而不能同時把視線停留在兩處或兩處以上的地方。這樣就使得人們在閱讀一種信息時,視覺總有一種自然的流動習慣,先看什麼,後看什麼,再看什麼。視覺流程往往會體現出比較明顯的方向感,它無形中形成一種脈絡,似乎有一條線、一股氣貫穿其中,使整個版面的運動趨勢有一個主旋律。心理學的研究表明,在一個平面上,上半部讓人輕鬆和自在,下半部則讓人穩定和壓抑。同樣,平面的左半部讓人輕鬆和自在,右半部讓人穩定和壓抑。所以平面的視覺影響力上方強於下方,左側強於右側。這樣平面的上部和中上部被稱爲“最佳視域”,也就是最優選的地方。

所以在網頁設計中,重要的信息和標題欄通常在這個位置出現。只要遵循視覺流程和符合人們認識過程的心理順序和思維發展的邏輯順序就可以更爲靈活的運用。在網頁設計中,靈活而合理地運用視覺流程和最佳視域,組織好自然流暢的視覺導向,直接影響到傳播者傳達信息的準確與有效性。

  3進化、發展之必要

網頁設計這門學科是一門後期新興的設計類與網絡方面交叉的學科,在最近的幾年也隨着網絡的發展越來越受人們的重視,它是以網絡爲載體,把各種各樣不同的信息以最快捷與最方便的模式傳達給每一位與之相關的人員,但是單單這種標準是不夠的,人們也對在觀看各類信息的同時逐步產生了視視美觀的需求。然而每個人對美的追求是不盡相同的,網頁設計也是同樣的。因爲要求了網頁不光是把各類信息與事物放上去能看就行,這些對現在的人們已經是遠遠不夠的了,這時設計師就要考慮如何使受衆能更好更有效率的接收到網頁上的信息。這方面就需要從審美入手了,如何製作出清晰、整體性效果好的頁面。使人們瀏覽起來更方面,心情更舒暢,製作出清晰、整體性好的頁面。使人瀏覽起來心情愉快,接收信息也會更加容易。網頁設計的審美需求是對平面設計美學的一種繼承和延伸。

我們經常所說的如變化和統一、條理與反覆、對比和調和、均齊與平衡等,對網頁中文字、圖形、色彩的設計都是十分有效的視覺規律。首先,網頁的內容與形式的表現必須統一和具有秩序,形式表現必須服從內容要求,網頁上的各種構成要素之間的視覺流程,能自然而有序地達到信息訴求的重點位置。在我們把大量的信息塞到網頁上去的時候,考慮怎樣把它們以合理統一的方式來排布,使整體感加強同時又有變化。怎樣使它們脈絡清楚又富有清晰的視覺效果等等。這樣使頁面更豐富,更有生氣,看起來就不感到枯燥。其次,突出主題要素,必須在衆多構成要素中突出一個清楚的主體,它應儘可能地成爲閱讀時視線流動的起點。如果沒有這個主體要素,瀏覽者的視線將會無所適從,或者導致視線流動偏離設計的初衷。

  4千里之行始於足下之構成效果

文字作爲信息傳達的主要手段目前也是網頁設計的主體,文字是網頁中必不可少的元素,也是網頁中的主要信息描述要素,所以網頁中文字將佔據相當大的面積,文字表現的好與壞將影響到整個網頁的質量。網頁文字的主要功能是傳達各種信息,而要達到這種傳達的有效性,必須考慮文字編輯的整體效果,能給人以清晰的視覺印象,避免頁面繁雜零亂,減去不必要的裝飾變化,使人易認、易懂、易讀。不能爲造型而編輯,忘記了文字本身是傳達內容和表達信息的主題。

網頁文字編排與設計,重要的一點在於要服從信息內容的性質及特點的要求,其風格要與內容特性相吻合,而不是相脫離,更不能相互衝突。如政府網頁其文字具有莊重和規範的特質,字體造型規整而有序,簡潔而大方;休閒旅遊類內容網頁,文字編輯應具有歡快輕盈的風格,字體生動活潑,跳躍明快,有鮮明的節奏感,給人以生機盎然的感受;有關歷史文化教育方面的網頁,字體編輯可具有一種蒼勁古樸的意蘊、端莊典雅的風範或優美清新的格調;公司網頁可根據行業性質、企業理念或產品特點,追求某種富於活力的字體編排與設計;個人主頁則可結合個人的性格特點及追求,別出心裁,給人一種強烈獨特印象。

在網頁文字的編排與設計中,由於計算機給我們提供了大量可供選擇的字體,導致字體的變化趨於多樣化這既爲網頁編輯提供了方便,同時也對編排與設計的選擇能力提出了考驗。雖然可供選擇的字體很多,但在同一網頁上,使用幾種字體尚需精心編輯和考慮。一般來講,同一頁面上使用的字體種類最多隻能有三四種。由於文本字體的顯示是需要本地硬盤字體文件的支持的,所以在互聯網上使用過多的字體是沒有意義的。文字在視覺傳達中作爲頁面的形象要素之一,除了表意以外,還具有傳達感情的功能,因而必須具有視覺上的美感,能給人以美好印象,獲得良好的心理反應。

圖片是文字以外最早引入到網絡中的多媒體對象。網絡可以圖文並茂地向用戶提供信息,成倍地加大了它所提供的信息量。而且圖片的引入也大大美化了網絡頁面。可以說,要使網頁在純文本基礎上變得更有趣味,最爲簡捷省力的辦法就是使用圖片。對於一條信息來說,圖片對受衆吸引也遠遠超過單純的文字。

圖片的位置、面積、數量、形式、方向等直接關係到網頁的視覺傳達。在圖片的選擇和優化的同時,應考慮圖片在整體編輯計劃中的作用,達到和諧整齊。要達到這樣的效果,在頁面圖片的合理選用時,一要注意統一,二要注意悅目,三要注意突出重點,特別是在處理和相關文字編排在一起的圖片時。

網頁在一定意義上說也是一種藝術品,因爲它既要求文字的優美流暢,又要求頁面的新穎、整潔,使用色彩可以產生強烈的視覺效果,使頁面更加生動。而且,瀏覽者在洲覽網頁時,留下的第一印象就是頁面的色彩設計,它的好壞直接影響閱讀者的觀賞興趣。因此,色彩設計在網頁設計中居於十分重要的地位。網頁的色彩設計應把握以下幾個方面。

首先是整個頁面的色彩選擇,確定一個主色調,可以有利於體現網站主題。我們現在看到的網頁,一般以淺顏色爲背景的居多,如淺灰色、淺黃色、淺藍色、淺綠色。以淺顏色爲底,柔和、素淡,配上深顏色的字,如黑色,讀來自然、流暢,也有利於突出頁面的重點,有利於整個頁面的配色,更容易爲大多數人認可和掌握。其他一些次要內容,如背景圖片、線條適宜採用不搶眼的顏色,以免喧賓奪主。只有少量精心選擇的元素,爲了突出強調的需要,才採用明亮的色彩,這些彩色亮點就會產生強烈的視覺衝擊,但如果用得太多了,就會形成一種均勻的噪聲,而達不到強調的效果。

其次,在背景的色調搭配上一定要注意不能有強烈的對比,特別是同時使用色彩對立的顏色。大面積顏色適宜採用低比度,因爲過於豐富的背景色彩會影響前景圖片和文字的取色,嚴重時會使文字溶於背景中,不易辨識。所以,背景一般應以單純爲宜。如果需要一定的變化以增加背景的厚度,也應是在儘量統一的前提下的一種變化。例如在制用標題時,爲追求醒目的視覺效果,可用比較深的顏色,配上對比鮮明的字體。實際上背景的作用主要在於統一整個網頁的風格和情調,對視覺的主體起到一定的襯托和協調作用,一方面吸引網民的注意力,另一方面有助於體現網站的主題。

  5技術、設計之兩手都

網絡技術與設計創意的緊密結合,使網頁的設計由平面設計擴展到立體設計,由純粹的視覺藝術擴展到空間聽覺藝術,網頁效果不再近似於書籍或報刊雜誌等印刷媒體,而更接近乾電影或電視的觀賞效果。技術發展促進了技術與設計的緊密結合,把瀏覽者帶入一個真正現實中的虛擬世界。

技術與設計的緊密結合在網頁藝術設計中體現得尤爲突出。

  6結語

在長期的平面設計教學中,深刻體會到網頁設計是一種綜合性的設計,它所涉及的範圍非常的廣泛,包括消費者心理學、視覺設計美學、人機工程、哲學等諸多方面,當然也離不開一定的科學技術發展。好的網頁設計除首先應考慮其內容上的精益求精外,其次就是對內容合理有效的視覺編排。美是任何網頁所必需具備的基本因素,網頁信息不僅是爲了滿足使用者的需求,更重要的是創造一種愉悅的視覺環境,使他們有一種全身心的享受和共鳴。隨着時代的發展,網站建設越來越接近於一門藝術而不僅僅是一項技術。網頁的設計,日益被網站建設者所注重。網頁設計是設計與技術的高度統一。