新媒體網頁設計發展分析

前言:尋找寫作靈感?中文期刊網用心挑選的新媒體網頁設計發展分析,希望能為您的閱讀和創作帶來靈感,歡迎大家閱讀并分享。

新媒體網頁設計發展分析

摘要:

文章介紹了新媒體的產生與發展,分析了其與傳統媒體之間存在的差異.在網頁設計中,包含了色彩、文本、圖形圖像、多媒體以及布局等諸多的視覺元素.分析了網頁版式設計中應遵循的形式美法則,涉及到變化與統一、對稱與均衡、節奏與韻律、對比與調和以及重復與交錯等方面.同時,指出了當前網頁設計所存在的局限性,最后,從審美風格、版式、形式、人性化設計、表現、功能與技術等方面,對新媒體環境下網頁設計發展趨勢進行了探討.

關鍵詞:

新媒體環境;網頁設計;視覺元素;發展趨勢

1新媒體環境概述以及新媒體環境下網頁設計發展趨勢分析

1.1新媒體的產生與發展

第五次信息革命爆發以來,促進的計算機的普及應用,互聯網逐步走入了人們的工作和生活之中.新媒體是相對于傳統媒體而言的,依靠計算機技術的開發和應用,逐漸形成了媒體形態.在人們日常的工作、生活和學習之中,遍及了各個領域.新媒體屬于時間概念的范疇,是指在某一具體的時間段內,存在的方式為某一種或者多種的具體形態.從發展的概念來看,新媒體并非在某一現有的媒體形態上停止,現在所謂的新媒體,在未來的某一天也會成為舊媒體.就其發展的趨勢而言,大的方向是趨于整合型的媒體.

1.2與傳統媒體的差異

相比于傳統媒體,新媒體在很多方面存在著差異.第一是時效的差異,信息內容處于不斷更新的狀態,便于受眾進行隨時隨地的查閱,較傳統媒體簡便了許多.第二是版面的差異,不再有平面布局的概念,而是以時間流來進行信息的分配,版面規則更加自由化.第三是受眾的差異,完全開放的網絡媒體,便于進行有選擇地查閱,受眾群體因而擁有了更大的選擇空間.第四是市場的差異,基于互聯網的市場競爭日益激烈,不像傳統媒體受到國家的調控,網站的上線與退出較為頻繁.第五是成本的差異,不僅前期制作的成本較低,由于絕大部分內容免費,受眾購買也不再是等價交換的方式[1].

1.3新媒體的傳播特性

與傳統媒體相似,新媒體也有著傳播性特征,但同時又有著自己的特性.首先是超媒體性,受眾可以根據自己的需求對閱讀文本信息的內容進行選擇,而不再需要按閱讀順序.其次是交互性,傳播的過程雙向的、互動的、且可逆的,受眾同時扮演著接收者、參與者、以及制造者的角色.再次是虛擬性,無論是信息本身還是傳播關系,都存在著虛擬性,傳統的展覽形式也因此而被改變.最后是開放性,作為高度開放的媒體形式,新媒體的檢索范圍更加廣泛,且不受地理區域等因素的限制,便于用戶隨時隨地的接收信息.

2網頁設計的視覺元素

2.1色彩

光的折射產生了色彩,紅、綠、藍是最基本的三種顏色,能夠調和組成其他的顏色.電腦屏幕是網頁的載體,自身就是一個光源,網頁是服從于顯示屏幕的.在網頁版式設計中,色彩是主要的構成元素,需要對其進行合理的使用,以便增強頁面的視覺效果,從而吸引觀眾的眼球.在進行色彩設計時,應正確選擇整個版式設計的主色調與輔助色,用無彩色統一整個頁面.并根據不同群體的喜好,為其選擇色彩出發點[2].

2.2文本

在網頁設計中,文本是一種一直存在的基本元素,分散于在網站的所有頁面里.不僅準確的說明了網頁的主題,更是網站版式設計精髓的代表.交流信息是文本的首要作用,同時還能夠起到美化裝飾的效果.常見的文本形式較多,包括了標題文字、信息文字與鏈接文字三種.文本有著可識別性的特征,網頁中清晰可辨的文本,是重要的信息傳遞途徑.文本還有著視覺美感的功能,最適合的表現形式可以通過調整字體來實現.

2.3圖形圖像

相對于文字而言,圖形圖像有著強大的視覺沖擊力和瞬間記憶力.因此,在進行網頁設計時,應當對已獲取的圖像進行專業化的處理,以獲得多種形式的素化圖像.網站使用圖片,是為了引起受眾的關注,需要結合網站的主題,加以區別的進行圖片選擇.圖片形象不會受到語言和國界的限制,而是世界通用的,通常能夠讓受眾一眼看懂.

2.4多媒體

多媒體包括了音頻、視頻、以及動畫,以數字化技術為后端,經過復雜而綜合的處理,將完美的效果展現在世人面前.很多網站為了增加自身的瀏覽率,往往會在自己的頁面版式中,放置一些視頻或者小動畫.不僅能夠增加樂趣,更有助于網站自身技術含量的提高.縱觀網頁的發展進程,從最初的純文字項、到之后的圖文并茂、再到如今的多媒體元素結合,多媒體的發展是一個必然的發展過程[3].

2.5布局

網頁內容在頁面上所處的位置,稱之為網頁的布局設計.根據一定的審美法則,將各個構成元素進行位置關系的擺放.網頁布局工作十分嚴謹,與其他的編排設計,有著異曲同工之妙.相對固定的頁面版式尺寸,豐富多樣的主題內容,千變萬化的文本、色彩與圖形圖像,彼此之間的關系都需要正確的處理.

3網頁版式設計的形式美法則

3.1變化與統一

形式美的總法則,在版式構成中,體現出了變化與統一的完美結合.通過產生視覺上的跳躍,從而保持頁面的整體感.在規律的形式中,出現了不一樣的形式.使得版面形成了差異,進而在是視覺上給人以跳躍之感.在網頁版式設計中,產生變化的圖形元素較多,包括了大小、方向、形狀、以及色彩.網頁版式設計中的統一形式種類較多,涵蓋了顏色、字體、大小、形式等方面的統一.而頁面元素的改變,則遵循了一定的規律和次序,通過多元化的發展變化,以達到畫面效果的統一高雅[4].

3.2對稱與均衡

一比一的視覺效果,稱之為對稱,給人以穩重、平衡之感.在網頁版式中,上下、左右與放射對稱,是較常采用的對稱形式.頁面的對稱也應當適度,如果一味追求過分的對稱,容易給人以死板、生硬的感覺.均衡猶如一桿秤,顯示了被稱物體的重量.換而言之,就是在一個基礎的支點上,同時放置了多個構成要素,通過加減運作等方式,從而保持物體的平衡,達到一種等量的狀態.在把握均衡效果的時候,還應有效兼顧對稱的效果.因此,對于設計師的藝術修養,提出了更高的要求.

3.3節奏與韻律

在音樂與詩歌之中,往往包含著豐富的節奏與韻律,給人以美的欣賞之感.而在網頁版設計中,同樣存在著無聲的韻律.通過對一個元素的反復排列,能夠產生韻律之感.借助于一定的表現手法和形式,以及文字、圖形、色彩的組合,產生重復變化的節奏,進而形成特定的韻律,對版式節奏的效果起到了很好的控制作用.而多個圖形的并列重復,伴隨著有秩序的音樂節奏,則能夠產生節奏較強的視覺氛圍,增強版面的生氣和活力[5].

3.4對比與調和

由于事物存在著一定的不同與相同,進而產生了對比與調和.對比廣泛存在于網頁版式設計之中,例如文本與標題、圖形與圖標、圖片與圖片、以及主色調與輔助色,彼此之間都存在著對比.變化是相對于對比而言的,而融合則是調和所產生的.對比的作用在于,能夠使得個別要素的特征更加增強,產生刺激的視覺沖擊感,從而吸引人們的注意.但如果過度的運用對比,容易給人以凌亂之感,需要借助于某些元素進行調和,以保持版面的整體感.

3.5重復與交錯

版式設計中所重復使用的基本要素,包括了文字、圖形、圖像等.以Flash網頁版式為例,由遠及近、由大及小的排列統一的照明燈,以形成點或面的重復,所產生的變化存在于整齊的頁面之中,從而起到裝飾性的作用和效果.同時,應當避免單純或未經思考的重復,以免令人產生呆板與枯燥之感.在網頁版式中,通過適度的添加一些重復設計元素,反而會使得頁面看起來會更加有趣[6].

4網頁設計的局限性

由于網絡媒體的日益普及,出現了豐富多彩的網頁數量和形式,極大的促進了網頁設計的發展.就整體情況而言,網頁設計還存在著較大的局限性與不可控性.首先是被動點選的局限,由于失去了傳統媒體強迫性閱讀的特點,受眾進行選擇性瀏覽更加方便,對設計的水平與網站的內容,提出了更高的要求.其次是版面的局限,受到了計算機顯示器屏幕大小的限制,限制了排版布局的空間.再次是技術的局限,網頁的設計并非個人所能夠完成的,而是依賴于設計團隊,需要藝術與技術共同完成.最后是生理的局限,受眾的閱讀姿勢相對固定,且長時間的瀏覽網頁,容易造成視覺上的疲勞,進而對損害視力[7].

5發展趨勢探討

5.1審美風格傳統化

首先,要注重線元素的適當應用,既要防止因為過多而使版面凌亂,也要避免過少而導致中國傳統線元素的韻味難以體現.其次,要注重透視法在平面布局中的應用,重點在于大場景式的版面布局,而不是局部的透視法則.再次,要注重留白,在傳統的中國畫之中,對于傳神較為重視,應當刪除瑣碎而達到對主題的突出[8].

5.2網頁設計動畫化

隨著多媒體技術的快速發展,動畫(Flash)版式設計越來越多的應用到網頁設計之中,并且逐步成為一種潮流.純靜態的網頁版式,已經遠遠不能滿足人們的需求,由此推動了網頁動畫的快速發展.動畫化的網頁設計,不僅能夠更容易吸引受眾的眼球,更善于表達網站關于某一事件的觀點,進而與受眾產生共鳴.

5.3形式的多樣化

形式的涵義是非常廣泛的,既包括了構圖的形式,也包括了版式營造的氛圍形式,還包括了構成元素的設計形式.上線網頁版式形式,往往對設計者產生了諸多制約,不利于發散思維的實現.而多樣化的形式,是為了能夠將自己的思維更多的放開,所創造的網頁版式往往是獨一無二的,更容易獲取受眾的關注[9].

5.4設計的人性化

在以人為本的理念下,人性化設計被大力提倡.在為生活帶來方便的同時,進一步促進了網頁瀏覽者與網頁之間關系的融合,有助于對個性設計不足進行彌補.網絡在溝通性與互動性方面都有著極大的便捷性,傳統信息傳達的不足在此得到了很好的彌補.非線性的網頁閱讀,便于受眾了解所需的內容與情節,真正實現了信息掌控的自由.

5.5表現的個性化

作為一個時尚的詞語,個性化表明了不同的人往往有著不同的特點.對于網頁設計而言,不同的網頁版式,往往有著不同的內容,因而也就有了不同的個性.隨著網絡化進程的急速推進,在如今的網絡之中,存在著太多的網頁版式形式.必須根據具體的內容,結合它們的個性屬性,從能夠正確的對其加以區分[10].

5.6技術的數字化

信息學的觀點認為,視覺和聽覺傳播,占據了人類接受的外界信息的大多數,恰好符合了網頁設計的特點.隨著數字化技術的發展,更加豐富了我們的網絡世界.數字復制技術的產生,有助于文件品質和清晰度的保證.而虛擬現實技術的應用,實現了視、聽、觸等多感官的體驗.在數字化技術的引領下,改變了人們的生活方式,拓展了自由交流的空間.

作者:蔣昊朋 單位:廣東財經大學華商學院文學院

參考文獻:

〔1〕涂俊,鮑海,李曉娟.基于多點觸控操作的網頁界面設計趨勢研究[J].科技傳播,2014(02):22-24.

〔2〕翁立立.移動互聯背景下網頁設計分析[J].藝術科技,2016(08):56-57.

〔3〕黃漾.網絡媒體環境下標志設計的多維化趨勢成因研究[J].美術教育研究,2016(02):112-114.

〔4〕萬延.談新媒體時代下的網頁設計與制作課程教學改革與探索[J].美與時代(中),2013(07):88-89.

〔5〕孟開元,史蕓.數字媒體環境下標志動畫的應用研究[J].設計,2016(15):133-135.

〔6〕曾賢.媒體融合環境中的新聞美術設計以及創新[J].新聞研究導刊,2016(15):77-78.

〔7〕萬文竹.基于新媒體環境的網絡廣播特點與發展趨勢[J].新聞傳播,2016(22):66-68.

〔8〕宋青.為受眾需求而改變———新媒體環境下國外廣播節目發展特點及趨勢分析[J].中國廣播,2013(06):22-23.

〔9〕吉海濤.媒體融合背景下學術期刊發展新模式[J].中國科技期刊研究,2015(01):52-53.

〔10〕高嫻.新媒體時代下視覺傳達設計發展趨勢研究[J].中國傳媒科技,2012(20):77-79.

亚洲精品一二三区-久久