前言:一篇好文章的誕生,需要你不斷地搜集資料、整理思路,本站小編為你收集了豐富的平面設計的網頁設計主題范文,僅供參考,歡迎閱讀并收藏。
1一騎紅塵妃子笑,誰人知是荔枝來之信息傳播
信息元素可以說是網絡最基本的元素,互聯網自始至終都起著一個信息傳播的做用,也是由此而產生的。自從人類誕生以來,人類社會至少已經經歷了四次意義重大的信息傳播革命,每一次信息傳播革命都把人類文明推向一個新的發展階段。第一次信息傳播革命是語言傳播的誕生。第二次信息傳播革命是文字傳播的誕生。第三次信息傳播革命是印刷傳播的誕生。第四次信息傳播革命是模擬式電子傳播的誕生。
最新的一次信息傳播革命,即正在我們身邊發生的第五次信息傳播革命,是數字式電子——網絡傳播的誕生。網絡媒體的出現,使得傳播者與受眾之間的傳統的相互關系正面臨巨大的變化。人類進入了真正的信息時代。
網頁設計以信息傳達為目的,而傳達的最終表現界面則永遠也脫離不了媒體。媒體與網頁設計之間的關系是互動的,媒體既體現了設計,又給設計帶來了局限性;設計既受制于媒體,又是新媒體產生的動力之一。
我們大家所共知的傳媒方式有報紙、廣播、雜志、電視等等,這些在現代媒體中仍然占主要位置。如果與互聯系網絡比較的話,它們這些傳媒方式就顯的相當單一。因此它們的先天缺陷也越來越明顯,所以像這種單一的傳達方式也使設計師受到了一定程度上的限制。人們接受信息的途徑是多方面的。像視覺、聽覺、觸覺、嗅覺、味覺等一系列感官的綜合使我們更加全面的去了解其他的事物。為了能使信息傳達的更全面一些,一直在追求完美的設計師也在尋找著一個嶄新的媒體來表達完善的設計。因此當今互聯網絡順利的成為新生的、綜合感官的、充滿活力的新媒體,也為設計師創造了前所未有的信息傳達手段與途徑。而且隨著技術的不斷發展,它極有可能成為最完善的媒體。這應該引起每一個平面設計師的關注。網絡的發展速度和力量是驚人的。
2橫看成嶺側成峰之視覺效果
可以說網頁是通過視覺元素來進行信息傳達的,這里說的視覺元素包括文本、背景、按鈕、圖標、圖像、表格、顏色、導航工具、背景音樂、動態影像等。無論是文字、圖形、動畫,還是視頻,為了使網頁獲得最大的視覺傳達功能,網頁設計者所要考慮的是如何適應人們視覺流向的心理和生理的特點把它們放進頁面這個“大展示窗口”里。由此確定各種視覺構成元素之間的關系和秩序。因此,設計時應該研究各種視覺造型元素之間的距離、位置、面積和視覺流程的問題。
從理論說起,視覺流程的形成是由人類的視覺特性所決定的。因為人眼獨特的結構,造成只能產生一個焦點,而不能同時把視線停留在兩處或兩處以上的地方。這樣就使得人們在閱讀一種信息時,視覺總有一種自然的流動習慣,先看什么,后看什么,再看什么。視覺流程往往會體現出比較明顯的方向感,它無形中形成一種脈絡,似乎有一條線、一股氣貫穿其中,使整個版面的運動趨勢有一個主旋律。心理學的研究表明,在一個平面上,上半部讓人輕松和自在,下半部則讓人穩定和壓抑。同樣,平面的左半部讓人輕松和自在,右半部讓人穩定和壓抑。所以平面的視覺影響力上方強于下方,左側強于右側。這樣平面的上部和中上部被稱為“最佳視域”,也就是最優選的地方。
所以在網頁設計中,重要的信息和標題欄通常在這個位置出現。只要遵循視覺流程和符合人們認識過程的心理順序和思維發展的邏輯順序就可以更為靈活的運用。在網頁設計中,靈活而合理地運用視覺流程和最佳視域,組織好自然流暢的視覺導向,直接影響到傳播者傳達信息的準確與有效性。
3進化、發展之必要
網頁設計這門學科是一門后期新興的設計類與網絡方面交叉的學科,在最近的幾年也隨著網絡的發展越來越受人們的重視,它是以網絡為載體,把各種各樣不同的信息以最快捷與最方便的模式傳達給每一位與之相關的人員,但是單單這種標準是不夠的,人們也對在觀看各類信息的同時逐步產生了視視美觀的需求。然而每個人對美的追求是不盡相同的,網頁設計也是同樣的。因為要求了網頁不光是把各類信息與事物放上去能看就行,這些對現在的人們已經是遠遠不夠的了,這時設計師就要考慮如何使受眾能更好更有效率的接收到網頁上的信息。這方面就需要從審美入手了,如何制作出清晰、整體性效果好的頁面。使人們瀏覽起來更方面,心情更舒暢,制作出清晰、整體性好的頁面。使人瀏覽起來心情愉快,接收信息也會更加容易。網頁設計的審美需求是對平面設計美學的一種繼承和延伸。
我們經常所說的如變化和統一、條理與反復、對比和調和、均齊與平衡等,對網頁中文字、圖形、色彩的設計都是十分有效的視覺規律。首先,網頁的內容與形式的表現必須統一和具有秩序,形式表現必須服從內容要求,網頁上的各種構成要素之間的視覺流程,能自然而有序地達到信息訴求的重點位置。在我們把大量的信息塞到網頁上去的時候,考慮怎樣把它們以合理統一的方式來排布,使整體感加強同時又有變化。怎樣使它們脈絡清楚又富有清晰的視覺效果等等。這樣使頁面更豐富,更有生氣,看起來就不感到枯燥。其次,突出主題要素,必須在眾多構成要素中突出一個清楚的主體,它應盡可能地成為閱讀時視線流動的起點。如果沒有這個主體要素,瀏覽者的視線將會無所適從,或者導致視線流動偏離設計的初衷。
4千里之行始于足下之構成效果
文字作為信息傳達的主要手段目前也是網頁設計的主體,文字是網頁中必不可少的元素,也是網頁中的主要信息描述要素,所以網頁中文字將占據相當大的面積,文字表現的好與壞將影響到整個網頁的質量。網頁文字的主要功能是傳達各種信息,而要達到這種傳達的有效性,必須考慮文字編輯的整體效果,能給人以清晰的視覺印象,避免頁面繁雜零亂,減去不必要的裝飾變化,使人易認、易懂、易讀。不能為造型而編輯,忘記了文字本身是傳達內容和表達信息的主題。
網頁文字編排與設計,重要的一點在于要服從信息內容的性質及特點的要求,其風格要與內容特性相吻合,而不是相脫離,更不能相互沖突。如政府網頁其文字具有莊重和規范的特質,字體造型規整而有序,簡潔而大方;休閑旅游類內容網頁,文字編輯應具有歡快輕盈的風格,字體生動活潑,跳躍明快,有鮮明的節奏感,給人以生機盎然的感受;有關歷史文化教育方面的網頁,字體編輯可具有一種蒼勁古樸的意蘊、端莊典雅的風范或優美清新的格調;公司網頁可根據行業性質、企業理念或產品特點,追求某種富于活力的字體編排與設計;個人主頁則可結合個人的性格特點及追求,別出心裁,給人一種強烈獨特印象。
在網頁文字的編排與設計中,由于計算機給我們提供了大量可供選擇的字體,導致字體的變化趨于多樣化這既為網頁編輯提供了方便,同時也對編排與設計的選擇能力提出了考驗。雖然可供選擇的字體很多,但在同一網頁上,使用幾種字體尚需精心編輯和考慮。一般來講,同一頁面上使用的字體種類最多只能有三四種。由于文本字體的顯示是需要本地硬盤字體文件的支持的,所以在互聯網上使用過多的字體是沒有意義的。文字在視覺傳達中作為頁面的形象要素之一,除了表意以外,還具有傳達感情的功能,因而必須具有視覺上的美感,能給人以美好印象,獲得良好的心理反應。
圖片是文字以外最早引入到網絡中的多媒體對象。網絡可以圖文并茂地向用戶提供信息,成倍地加大了它所提供的信息量。而且圖片的引入也大大美化了網絡頁面。可以說,要使網頁在純文本基礎上變得更有趣味,最為簡捷省力的辦法就是使用圖片。對于一條信息來說,圖片對受眾吸引也遠遠超過單純的文字。
圖片的位置、面積、數量、形式、方向等直接關系到網頁的視覺傳達。在圖片的選擇和優化的同時,應考慮圖片在整體編輯計劃中的作用,達到和諧整齊。要達到這樣的效果,在頁面圖片的合理選用時,一要注意統一,二要注意悅目,三要注意突出重點,特別是在處理和相關文字編排在一起的圖片時。
網頁在一定意義上說也是一種藝術品,因為它既要求文字的優美流暢,又要求頁面的新穎、整潔,使用色彩可以產生強烈的視覺效果,使頁面更加生動。而且,瀏覽者在洲覽網頁時,留下的第一印象就是頁面的色彩設計,它的好壞直接影響閱讀者的觀賞興趣。因此,色彩設計在網頁設計中居于十分重要的地位。網頁的色彩設計應把握以下幾個方面。
首先是整個頁面的色彩選擇,確定一個主色調,可以有利于體現網站主題。我們現在看到的網頁,一般以淺顏色為背景的居多,如淺灰色、淺黃色、淺藍色、淺綠色。以淺顏色為底,柔和、素淡,配上深顏色的字,如黑色,讀來自然、流暢,也有利于突出頁面的重點,有利于整個頁面的配色,更容易為大多數人認可和掌握。其他一些次要內容,如背景圖片、線條適宜采用不搶眼的顏色,以免喧賓奪主。只有少量精心選擇的元素,為了突出強調的需要,才采用明亮的色彩,這些彩色亮點就會產生強烈的視覺沖擊,但如果用得太多了,就會形成一種均勻的噪聲,而達不到強調的效果。
其次,在背景的色調搭配上一定要注意不能有強烈的對比,特別是同時使用色彩對立的顏色。大面積顏色適宜采用低比度,因為過于豐富的背景色彩會影響前景圖片和文字的取色,嚴重時會使文字溶于背景中,不易辨識。所以,背景一般應以單純為宜。如果需要一定的變化以增加背景的厚度,也應是在盡量統一的前提下的一種變化。例如在制用標題時,為追求醒目的視覺效果,可用比較深的顏色,配上對比鮮明的字體。實際上背景的作用主要在于統一整個網頁的風格和情調,對視覺的主體起到一定的襯托和協調作用,一方面吸引網民的注意力,另一方面有助于體現網站的主題。
5技術、設計之兩手都
網絡技術與設計創意的緊密結合,使網頁的設計由平面設計擴展到立體設計,由純粹的視覺藝術擴展到空間聽覺藝術,網頁效果不再近似于書籍或報刊雜志等印刷媒體,而更接近干電影或電視的觀賞效果。技術發展促進了技術與設計的緊密結合,把瀏覽者帶入一個真正現實中的虛擬世界。
技術與設計的緊密結合在網頁藝術設計中體現得尤為突出。
關鍵詞:平面設計;視覺元素;網頁設計
中圖分類號:J05 文獻標識碼:A 文章編號:1005-5312(2013)17-0057-01
本文是以平面視覺元素作為網頁設計的主線,對網頁設計在國內外的發展情況和視覺元素的構成原理進行了分析,著重分析了文字、圖像、色彩等視覺元素的不同特性及作用,如何運用視覺元素還有運用中存在的問題,還有平面視覺元素運用中的變化和互動性。對文化和網頁設計中的視覺元素對網頁風格的影響性做出分析,評價了網頁設計中的平面視覺元素可能對網頁的視覺效果產生的影響。
一、平面設計的概述
(一)平面設計的概念
自從人們對審美有了基本的認識和需求開始,人類就開始使用圖形和文字來進行敘述和交流。在這一過程中,人們漸漸地學會了處理文字、圖形以及這相互之間在視覺上面的關系,以求能夠體現出其中的美感,在這處理過程中所涉及到的最原始的文字、圖形和排版,就是最早的平面視覺元素。而現代的平面設計,指的是對二維空間中的各種元素的組合和布局,具體包括了圖形設計、字體設計、插圖、攝影和版面編排。
(二)平面設計的發展
現代的平面設計不只是簡單的文字和圖形的處理,還包括了圖形創意、色彩構成、排版和字體設計。而在這其中最主要是要包括設計意圖,設計理念和設計思想,這些都是設計語言的精髓。
二、現代平面設計中的視覺元素
(一)網頁文字
文字是設計師做平面設計時的設計構成要素之一,文字不只是一種符號語言,還有記錄信息的重要作用。同時,將文字圖形化也是近些年平面設計中常用的一種手法,尤其是漢字,極具美感,可塑性非常強。網頁設計是要在傳達信息的同時,能夠讓觀者產生感官上的美感,塑造出一種極富個人風格以及藝術特色的視覺表現形式。作為信息傳達的主要手段,文字是網頁設計中不可或缺的元素,其在網頁中也占據著很大的面積,從這一點上來說,文字表現的好壞與否會對整個網頁的質量產生影響。
文字還具有合適性、明確性和易讀性等特別,適當的文字形態和編排設計可以將界面的易讀程度大大提高。作為網頁設計的重要元素,字體的設計可以分為兩類,字母文字的設計和獨文字的設計,前者主要以西方文字為代表,后者主要以東方文字為代表。作為一名中國的設計師,要想在網頁設計中形成自己的視覺風格視覺語言體系,首先就應該從漢字入手,因為這是最能代表中國本土地文化的元素之一。
漢字作為平面設計中的一種表現元素,它的形式牲在不斷的變化著,并且產生了越來越強大的生命力。漢字將文字的三個基本特征,即表意性、象形性和符號性發揮到了極致,漢字的形態可以隨意變化來配合平面設計所要表達出的藝術效果。將獨立的文字作為網頁設計中的主體出現,將會表達出醒目和強烈的效果。
(二)網頁圖形
在網頁頁面的構成中,圖片所占的比例是非常大的,其對人所產生的視覺沖擊力也強于相對同等面積的文字。當然,這并不是說我們可以忽略文字的表現力,而是讓圖片可以輔助文字來傳達信息,幫助人們理解,加深人們的印象。在網頁設計中應用圖片,可以讓網頁在傳遞信息時內容更加豐富多樣,其所傳達的信息量也變得更大,而且還可以使網頁頁面更加美化。設計師在設計網頁時,要將圖形與文字融合、轉化,組合成新的視覺語言,這樣可以達到更好的視覺效果。
(三)網頁色彩
色彩的視覺語言包括了象征性、理想性和和諧性的特點。象征性指的是色彩本身具有的性格特征,比如藍色代表的是憂郁,紅色象征著熱情;理想性指的是設計師可以對自然物象的色彩進行改變,比如將月亮處理成綠色。而色彩設計的和諧性指的是在運用色彩時要連續與和諧,這樣才能突出重點、表現主題。網頁頁面的設計中的創意不僅僅是體現在對視覺元素語言的理解上面,更重要的是能夠將視覺元素語言進行升華。這樣才會給觀者帶來強烈的視覺沖擊,讓人們在感受到美的同時,深刻地理解到設計所希望表達的思想。
三、結束語
從某種意義上來說,網頁設計將傳統的二維空間的靜態形式給打破了,為平面的設計帶來了更多形式的表現形式,這樣才能夠更好地滿足信息化社會中網頁閱讀者的閱讀興趣和閱讀效率。為了達到以上的效果,設計師們應該采用更加豐富、更具個性的方法將平面視覺元素無用到網頁設計中去。
一、網頁設計與平面設計的概念
1.網頁設計的概念
所謂的網頁設計就是豐富網站的內容和形式,并將網頁的擁有者的思想表達出現,而在網頁設計中,重要的兩項工作就是排版和編輯。現在網絡迅速的發展,讓在網絡中活動的人越來越多,在加上網絡技術也在不斷的更新,讓網絡更加吸引網友的目光,也讓設計的空間越來越廣。由此帶來的機遇讓很多的平面設計師為之一振。但是網路世界的技術是事實更新的,所以網頁設計的更新速度需要加快,才能夠適應不斷變化的網絡環境。網頁設計不僅為眾多人員提供了新的展現的舞臺,也讓眾多的企業在此收獲更多的利益。人們隨著網絡的普及,生活的理念和技術科技的理念也不斷的變化,信息傳遞的速度不斷提高,生活與網絡現在是密不可分的狀態,人們現在能夠實現在不出門的情況下,就能夠獲得更多的信息與交流。也可以說網頁設計在網絡信息的傳遞中占有重要的地位,網頁設計利用視覺和聽覺的效果滿足人們的在生活中的信息要求。
2.平面設計的概念
所謂的平面設計就是人們利用先進網絡科技來表達思想和行為的一種方式,并利用網絡中的文字或是視覺、聽覺的效果達到人們對信息的認知,也是人們利用網絡交流的一種技術平臺。平面設計利用計算機對信息內容進行處理,利用文字、圖片、或者各式的圖形進行重新整理,讓觀看的人員能夠清楚的了解到表達的思想。平面設計的起初,都是文字和簡單的圖形呈現在人們的視野中,在對相應的文字進行簡單的排版和設計,這些平面設計的元素都是呈現在二維平面上的視覺效果,在二維平面上進行精心的布局,利用圖形的組合及構造、文字的表達,在二維空間上傳達相應的信息和數據。而真正的平面設計是在印刷業中發展而來,平面設計的理念主要就是設計、表達、思想,這也是平面設計的主要精髓,其他就包括創意、色彩、圖形、排版等。在網絡設計發展迅速的今天,平面設計的存在是人們追求生活的一種方式,也是設計行業中新型的課題。
二、網頁設計與平面設計的關系與運用
1.網頁設計與平面設計的關系
平面設計在現在的生活中占有很重要的地位,因為現在的人們生活中需要更多的信息量,而傳統的電視或是廣播的形式已經不能夠滿足生活的需求,所以網絡的普及是必然的結果。而現在的平面設計已經升華的傳統的印刷技術,用更加突出的視覺表達方式來描述目標,所以平面設計與網頁設計都是工業發展的一種表現形態。平面設計在二維空間運用的更加廣泛,利用視覺元素與文字、圖形等方式,在用科學的排版方式將元素進行重新組合,將組合后的成品進行印刷成書籍或是刊物、海報等,以這樣的方式將想要傳達的信息傳達到人們的視野中,雖然這些信息是靜止的文字和圖片,但是這些文字也達到了傳達信息的目的。網頁設計也是表達信息中的一個重要的形式,網頁設計是將傳統的二維平面設計的里面更加的完善,利用網絡的形式來表達信息內容的豐富性和活躍性。在網頁設計中,信息表達的方式更加的鮮活,視覺效果更加鮮明,所以,網頁設計以及超越了平面設計的二維理念,是現在以新媒體為大背景下的重要發展方向,也是設計領域的全新話題。
2.網頁設計在平面設計中的運用
(1)網頁設計視覺效果在平面設計中的運用
在進行平面設計的時候,利用網頁設計中的視覺效果來描述平面設計的信息,讓信息通過不同的表達方式改變形象改變人們對平面設計的印象。在平面設計的視覺效果的運用中,利用了色彩和原色和圖形的構成,借助在平面中顏色能夠調和的情況,將畫面修飾的更加讓人暢心悅目。這樣也同樣展示了網頁設計的顏色原色和隨意的性質也同樣在平面設計中能夠達到非常好的視覺效果,這樣的應用也讓平面設計的信息得到更加廣泛的流傳和傳播。在網頁設計的過程中能夠充分的體現色彩的變化和動態結構的表現,也能夠借助于網絡來表達更多的更加鮮明的視覺效果。網頁設計是能夠用多種元素來誘導瀏覽者的興趣,從而達到讓瀏覽者記住的目的。在平面設計中這樣的效果也能夠達到,就是將網頁設計中的視覺效果利用到平面設計中,讓傳統的二維平面設計的版面加上網頁設計的色彩和圖案,加深閱讀者的興趣和記憶。同樣網頁設計的新理念在平面設計中的利用也能夠展現出不同的藝術魅力。
(2)網頁設計色彩效果在平面設計中的運用
人們在瀏覽網站或是書籍的時候,對色彩有特別的感知,所以無論是網頁設計還是平面設計色彩效果是非常重要的。人們對于色彩的認知是呈現戰略性質的,色彩不僅可以表現出不用的顏色,也可以通過顏色來表達不同的意思,表達不同的情緒和意義,如果兩個人的色彩認識是相同的,那么則會引起兩個人的共鳴。在網頁設計中,不同顏色的設計在頁面上的表達意義是不同的,讓網頁瀏覽者在觀看的時候能夠感受到不同的世界和創意,所以說色彩設計效果是一種能夠激發瀏覽者內心想法的設計效果,這樣的效果非常的直接和簡單,也能夠傳遞更多的想法,是網頁設計中不可缺少的設計元素。在設計的過程中,能夠精確的把握好色彩的使用,是非常有益處的。在網頁設計的時候,一般都是多色搭配的方式,而單色的形式比較少,因為顏色絢麗的頁面觀看瀏覽的人更加的多,網頁也更加有吸引力。而平面設計中的色彩一般都以現在封面或是里面的彩頁上面,所占的比例非常的少,在頁面之上也需要保持干凈整潔,也需要在頁面上清楚的表示出所需要的文字,這樣才能夠利用有限的空間,充分的發揮色彩的魅力,讓瀏覽者能夠直接了解表達的意思和傳播的信息。在平面設計中也需要增強設計的識別性質,能夠借助相應的語言與瀏覽者達成一致,延長瀏覽者的時間,并讓瀏覽者記住內容。
(3)網頁設計文字效果在平面設計中的運用
文字在網絡和平面設計中都是必不可少的元素,只有文字才能夠表達信息的內容,這是一種特別的識別符號,并且文字也是人們語言的一種表達方式。在網頁設計中,文字不僅能夠將信息變得更加易懂,也能夠將想要表達的內容展示的更加清晰和明確。網頁中的文字效果有很多種,其文字效果也可以運用在平面設計中。在平面設計中;利用合理的排版、和空間的布局讓文字有一定的指引效果,也借助于文字的編輯將文字的價值淋淋盡致的展現在二維平面中,使其能夠達到最大的感染力和宣傳力。在平面設計中文字的重要性不僅是表現主要表達的內容,也是傳達作者的思想,而且在平面設計中也發揮了文字的音律感等加強文字的藝術效果和魅力。平面設計在文字的表達上比網頁設計中更加的自由,因為平面設計在后期需要利用印刷技術將其印在紙張之上,而網頁設計則是在網絡中直接展現的,所以在文字形式有所約束,因為文字會通過系統的監測變成默認的字體。所以說平面設計與網頁設計在文字方面平面設計是占有非常大的優勢的。
三、結語
計算機平面設計軟件的主要應用領域為平面設計,平面設計是一項以圖像圖形以及坐標為基礎元素的技術領域,通過圖像與圖形的鋪設,實現平面的合理設計。一般情況下,計算機的平面設計軟件都屬于應用軟件,也就是在不同的領域中得到應用,從而實現具體的功能。那么,在實際的生產或者是工作中,計算機的基本平面設計軟件得到了哪些的應用呢?這些平面設計軟件又有著怎樣的優勢呢?本文將重點對以上兩點進行詳細分析。
一、計算機平面設計軟件的基本分析
對于計算機的常用平面設計軟件而言,一般以Photoshop以及AutoCAD最為常見。這兩種軟件分別應用于兩個不同的領域,發揮著非常重要的作用。從兩種軟件的性質上分析,都屬于計算機的應用軟件,都是基于計算機平臺,然后通過軟件開發的一種結合實際應用的軟件。
Photoshop,是一款基于圖像圖形的編輯軟件。Photoshop通過計算機的圖像基本單位――像素,對圖像進行基本的識別功能,從而對圖像進行進一步處理的軟件。在網頁設計中,Photoshop應用非常廣泛,并且是主流的圖像處理軟件。網頁設計中,被成為網頁三劍客之一,足以證明Photoshop軟件在網頁設計領域中的重要地位。
Auto CAD,一款工業領域中應用非常廣泛的軟件。Auto CAD主要的功能是工程制圖,通過計算機的仿真功能,實現工業制圖的模擬仿真。Auto CAD的作用非常明顯,能夠解決在工業設計領域中的諸多問題。在成本上大大的降低了設計成本,提高了設計的效率,并保證了設計產品的質量。該應用軟件,不僅從理念上打破了傳統的軟件范疇,更是在平面設計領域實現了一次較為明顯的改進。
Photoshop以及Auto CAD是比較常見也是非常具有代表性的兩款軟件,因此,在進行計算機平面設計軟件應用分析的時候,對這兩款應用軟件進行分析,具有非常的代表性。
二、計算機平面設計軟件的應用
從計算機的平面設計軟件的應用上進行分析,一般可以從應用的領域出發,從而具體分析其應用的范圍和效果。上文中主要講解了兩款計算機平面設計軟件――Photoshop和Auto CAD,因此繼續通過理論闡述兩種軟件的應用。
(一)Photoshop圖像處理軟件的應用
Photoshop是能夠通過最小像素為單位,對圖像文件進行識別,從而對圖像進行編輯的一種平面設計軟件。在網頁設計中,Photoshop應用的最為廣泛。網頁的設計屬于平面設計的范疇之一,通過對網頁的圖片進行優化處理,從而將網頁的設計達到最優化。通常最為常見的案例就是需要處理網絡圖片的大小,由于網絡圖片需要同時滿足加載的需要,受到網速的影響,網頁的圖片不能過大,但是也要保證基本的清晰度。因此,需要對圖片進行大小和像素的處理。此外,對于圖片的格式,也要進行一定的處理。不同格式的圖片,其大小和像素比都是有區別的。如何能夠滿足以上條件,就是利用Photoshop來完成的。因此,Photoshop是網頁設計中,最為常用的圖片處理軟件。
此外,在進行網頁制作的過程中,也經常用到Photoshop的切片功能。通過切片處理,可以將一張完整的圖片,切出幾個不同的選區,從而可以對選區進行編輯,從而實現了網頁制作的高效化。
對于圖片的處理,現在很多行業都在應用。例如拍攝婚紗照片以及人物的影片剪輯,都屬于平面設計的處理范疇,而Photoshop軟件在這些領域都有著非常不錯的表現。這足以證明,計算機的平面設計軟件的應用以及行業結合能力還是非常強大的。
(二)Auto CAD工程制圖軟件的應用
Auto CAD是工業設計領域中,最為常用的制圖軟件。Auto CAD能夠通過工業設計部件的參數來進行相關設計和仿真。例如,在進行一個工件的設計的時候,可以先通過Auto CAD進行制圖。將不同的點位的受力以及力矩等通過Auto CAD進行智能測算。通過測算以后,就可以進行模擬的測試,從而在很大程度上降低了設計成本,提高了設計的效率。
因此,Auto CAD的軟件應用主要是存在于工業領域中,并通過不斷的設計改進,改良軟件中存在的bug,提升軟件的使用和應用效率,最大程度的加強Auto CAD軟件在工業設計領域中的實用性。對于工業設計的精確度較高要求的情況下,Auto CAD能夠通過計算機的準確平臺,提供最為有效的設計標準。
三、結語
從應用的角度分析,計算機的平面設計軟件基本都屬于應用軟件的范疇。但是應用的領域卻是十分廣泛的,Photoshop主要應用于網頁設計領域,而Auto CAD則主要是工業設計制圖中的仿真模擬。雖然在不同的領域中,都有著非常重要的作用,但是依然無法最大限度的滿足未來工業或者是互聯網時代的需求。因此,計算機的平面設計軟件也在不斷的推陳出新,一直在開發和測試,從而找到更好的應用軟件模式。本文從網頁設計角度以及工業制圖兩個不同的領域進行了計算機平面設計軟件的應用分析,將其應用中的優勢以及需要改進的部分進行了深入分析,從而明確了計算機應用軟件的強大功能,并對其軟件的未來突破給予期望。
參考文獻:
[1]毛仁興.認知負荷理論在應用軟件教學設計中的應用探析――以剪輯軟件premiere為例[J].軟件導刊.教育技術,2013(03):75-77.
[2]徐菲.計算機應用軟件課程案例教學策略――以C0relDRAW軟件教學為例[J].池州學院學報,2012(06):149-151.
[3]海妙.平面設計軟件與DICOM圖像數據處理技術研究[J].自動化與儀器儀表,2010(04):42-44.
[4]李文廣,潘婷婷.平面設計軟件PHOTOSHOP中的選區制作[J].滄州師范專科學校學報,2008(03):45-46.
(作者單位:湖南省機械工業技術學院)
【關鍵詞】高職教育網頁設計課程改革綜合能力
【中圖分類號】G423.07 【文獻標識碼】A 【文章編號】1674-4810(2014)17-0064-02
隨著網絡技術的進步,計算機和電子通訊設備技術的推陳出新、電子商務涵蓋范圍的不斷擴大,網頁設計師在短短十年間一下飆升為技術型潛力巨大的新興職業。電子商務的快速發展更是促使人們看到網頁設計的廣大的就業市場和光明的發展前景。各大高職院校紛紛開設網頁設計相關課程:網頁美術設計、網頁設計與制作、網頁界面設計與制作、網頁制作軟件等。
網頁設計是通過更合理的色彩搭配、字體使用、圖片處理、樣式設置進行頁面設計美化,設計師使用專業軟件給瀏覽者呈現出圖、文、聲音及動畫多位一體的全方位感官效果,在功能和技術限定的情況下,盡可能制作出給予用戶完美的視覺體驗的網站。可以看出,網頁設計是一門從藝術到技術的專業課程,市場對于網頁設計師的要求也從單純的平面設計到簡單網頁效果的制作發生了變化。針對這一改變,高職的網頁設計課程也應做出相應的改革。
目前,大多數高職院校為藝術設計專業學生在大學中開設一次網頁設計課程,課時多為48~72課時,在一個學期內完成。課程名稱為網頁美術設計、網頁設計與制作、網頁制作軟件等。在課程學習過程中,任課教師也是以單純的教授網頁設計軟件Dreamweaver和圖片處理軟件PhotoShop為主,軟件學完,課程結束。然而觀看學生所制作的網站,從顏色搭配和樣式的設計都與現今優秀網頁“美術”不搭邊。簡單來說,單純學習了網頁的制作,而忽略了美術法則的運用,制作網頁,而非設計網頁。或是學生在沒有任何網頁制作軟件的基礎上學習網頁美術法則理論,到了實踐上各種效果卻無法實現,最終僅能實用平面設計軟件制作靜態網頁布局效果圖。
一 高職藝術設計專業網頁設計課程存在問題的原因
存在這種現象,主要有以下原因:
1.課程設置:大學中僅開設一次網頁設計課程
網頁設計是一門相對于平面設計起點較高的專業,一個網頁設計軟件Dreamweaver還需配合使用平面軟件PhotoShop,Web動畫效果軟件Flash等。軟件難度較大,學習時間太短。一個Dreamweaver軟件的學習就占用了課程的大部分學時。一次網頁設計課程結束后,沒有相關的美術設計課程讓學生實踐,就像是只學會了使用畫筆,還沒來得及
了解怎樣算是一幅好畫。
2.課堂設計:課堂內容涉及面較為單一
見過這樣的一些課程標準,整個網頁設計課程只講到關于美術設計部分――色彩、布局、元素、風格,沒有半點關于工具的介紹――軟件Dreamweaver、Fireworks、Flash。最終學生在還沒有網頁概念的情況下,用PhotoShop制作一張網頁圖片作為作業結束課程,學生還停留在紙質媒體的平面設計稿上,無法真正體驗到網頁在互聯網和電子設備上所呈現的特質。
3.教材設計:一門課程僅配備一本教材
有了工具書,沒有技法書;或是只教了技法,卻連工具都沒碰過。對于平面設計專業學生而言,平面上的美術基礎要應用到網頁美化中,心有余而力不足。但目前市場上有關網頁設計、制作方面的教材圖書種類繁多,基本都是單純的講解軟件、工具、命令等技術知識,類型單一,而關于網頁色彩風格、布局、元素、效果圖等網頁美術的工具書又缺少制作方式,對于剛入門的學生來說比較難實現。僅僅一次課程一本教材很難把網頁設計學好。
4.市場現狀:需求大門檻低水平參差不齊
在這個電子商務發展高峰期,越來越傻瓜式的軟件操作使得更多的非專業人員加入到這個行列。大多數設計者通過自學懂得如何制作網頁,卻不一定懂得如何設計美觀使用起來舒適的網頁。其較低的準入門檻導致網頁設計行業的現狀并不太好,人們要求設計者什么都懂,要比平面設計師多懂點代碼,比程序員多懂點設計,還能做點動畫。針對這個設計行業大環境,高職學子更應具有更高的網頁制作和審美感知水平,才能提高自身的競爭力。
二 高職藝術設計專業網頁設計課程的改革
筆者認為,要培養具有社會競爭力的專業網頁設計人才,高職就應針對當今行業市場對網頁設計的需求、用人單位對網頁設計師的要求、客戶在網站使用上的習慣,對課程做出相應的改革。
1.在課程設置上可開設大于一次的網頁設計課程
最少兩次的網頁設計課程,可使學生在打下網頁制作軟件的基礎后,再次開設一門專門以網頁美術為主的課程。
網頁設計作為新興行業,每年跟隨著電子產品的更新和軟件功能的強化,效果與美術規則不斷地出現新的流行趨勢。如2014年網頁就以扁平化圖片和酷炫動態作為最新設計潮流元素,并且顏色搭配和布局方式也與以往不同。這些我們都可從國外一些優秀網站和國內的大型電商網站中找到。但在軟件的學習上,老師和學生往往只把重點放在軟件各個功能的運用上,很難把注意力同時分散到網頁的美化規則中。但如果學生在已經有了軟件基礎后,再次開設網頁美術設計課程,猶如讓一群有素描基礎的學生進行設計素描一樣,更能體會當中需注意美術法則的含義。由于有了軟件基礎,各種美化效果就更能實現。那么課程的最終作品就不僅僅是停留在普通效果的網頁制作或平面效果圖制作了,更加復雜和新穎的頁面效果、更加舒適的色彩搭配和頁面布局,不僅提高了學生們的審美情趣,也讓他們在課堂中的成就感油然而生。
2.在課堂安排上可采用優秀網站作為軟件學習案例
若學生課程安排太滿,確實無法在大學中進行兩次或以上網頁設計課程的學習,那么,老師就應在課堂實踐中多以呈現較新潮流趨勢的網頁作為軟件學習案例。
國外設計一直是流行趨勢的坐標,我們可以通過對比國外近年網站找到最近國內網頁設計的方向,一些優秀的網頁專業網站也有大量的相關文章給予我們參考。老師在進行備課時就要比以往多下幾重功夫了,在軟件教學上,軟件學習教材中是有大量的案例,但更新速度畢竟與網絡是無法相提并論的。通過優秀網站作為軟件與教材中案例對比分析,找出各自在色彩、布局、元素、風格上的特點,來讓學生了解網頁美術法則。在學生學習軟件中對優秀案例的臨摹實踐中,體驗一種耳濡目染的效果讓學生了解何為優秀網頁的同時,掌握如何設計優秀網頁。
3.在教材選擇上可采取多本教材多種形式教學
如果僅限定于根據所購教材作為課堂所有內容,學生所學知識比較單一,教師可選擇網絡、圖書館圖書作為參考教材。
現今市面上大部分關于網頁設計教材分為網頁制作軟件和網頁美術兩種。教材的內容設計沒錯,針對網頁制作就應以軟件的學習為主,針對網頁美術就應以美術法則為主。綜上所述,市場及行業對于網頁設計的要求都不僅僅是單一的制作或單一的美化,高校的網頁設計課堂也不應僅僅教授軟件或美術法則。既然已有教材無法一次滿足課程的需要,那么教師可以在課堂中使用網絡或偶爾把課堂轉移到校圖書館進行課程學習。網絡上有大量的網頁設計文章、素材、模板、教程,學生在使用網絡對網站進行瀏覽的同時,也更深刻地體會網頁操作過程中的各種元素對用戶帶來的不同感受。只有通過對網絡的接觸和對網頁的使用,才可真正設計出適合廣大用戶的優秀網頁。在圖書館里,我們可以找到與教材內容相輔相成的大量圖書,學生可以在此深入地了解網頁設計涉及到的不同范疇,把以往狹隘的通過單本教材看成是課程甚至整個網頁設計行業的所有內容,擴展到從藝術到技術的一個更寬的面。
三 結束語
【關鍵詞】網頁設計 發展趨勢 教學方法
美國市場調研機構ComScore NetWorks提供的報告顯示,2007年1月,全球15歲及以上使用互聯網的人數達到了7.47億,同比增長10%。ComScore發現,美國互聯網用戶達到了1.53億,依然是全球網民最多的國家,但增長率僅為2%,中國網民數量僅次于美國,為8670萬,但增長率卻高達20%。通過以上數據,我們不難發現中國的網絡市場存在著巨大的潛力,那么如何把握住這個機遇,培養出合格的人才,就成了我們這些高校專業教師需要考慮的問題,我認為作為一名有競爭力的網頁設計師,不但要做到有美術修養,還要做到懂編程,這樣一來我們的網頁設計師就可以既能勝任前臺的設計工作又能勝任后臺的編程工作了。
一、提高網頁設計的工作效率
提高網頁設計的工作效率,當然要從更好的協調網頁設計各部門之間的工作入手。這就要求平面設計部門的平面設計師熟悉程序設計部門程序員的工作,好比一名好的建筑設計師,不但要知道如何設計出有內涵有文化的建筑,同時還要了解建筑的造價、人機工程學以及建筑力學等方面的知識,否則他的設計作品就沒有任何價值。所以我們培養網頁設計師的目標是,不但在藝術設計方面優秀,還要在程序設計方面優秀。這也正是我這次出去學習的目的,只有做到這一點才能很好的完成網頁設計工作,才能解決前面提出的平面設計師與程序員之間的工作斷層問題。也只有這樣才能培養出適應時展要求的高素質的網頁設計師來。
設計總監,可以說是網頁設計工程中必不可少的角色。可什么樣的人有可能成為設計總監呢?當然,首先要有很豐富的工作經驗,很高的個人能力,其次要精通網頁設計的所有環節,也就是說無論是策劃部門、平面設計部門還是程序設計部門的工作都能應對自如。如果能做到這一點,再加上良好的統籌能力和團隊合作精神就有可以成為設計總監了。我們培養學生,不但要讓學生就業,解決基本的生活問題。還要讓他們在長久的工作生活中逐漸的成長,越來越強大。使他們無論在小公司還是大公司都能通過自己的工作表現成為行業中的精英人才。
二、培養更有競爭力的綜合性人才
1.根據市場的需要培養人才
在談下面這個問題之前,我想先讓大家先來了解一下我找到的一份很有代表性的招聘網頁設計師的廣告。
網站設計師具體要求:大專以上學歷、美術、藝術、廣告類畢業;在互聯網行業從業經驗兩年以上;熟練操作各相關設計軟件;并且有自身優勢和特點;優秀的設計創意能力,能組織團隊完成大型網站項目的設計開發工作;邏輯思維清晰,做事認真、細致,表達能力強;有豐富的企業建站經驗,從事過組織策劃大型網站項目的工作;注重儀表,有很強的學習能力和敬業精神,較好的溝通能力,有良好的團隊合作精神及獨立的工作能力。
待遇:試個人能力而定,公資標準在4000(另有項目提成)。
根據市場的需要定向培養人才的提法似乎有些過時了,我所指出的是除了讓學生掌握招聘廣告中的內容,還要讓他們掌握更多的程序設計方面的知識,比如Html、Css、Dhtml、JavaScript、Asp、Php等。讓學生可以不用程序和策劃部門的協同就能獨立完成網頁的設計。而且完成的效果還要很好,這樣的人才一但推向市場,其受歡迎的程度可想而知。
2.快速掌握行業里最新、最尖端的網絡技術
網絡媒體同時屬于IT行業的范疇,既然和IT靠上了親戚,自然也就繼承了IT的某些特征:高薪職業。不受工作地點的限制。新技術出現的快淘汰的也快。
要想在網頁設計行業有所成就,當然要不斷的學習掌握新技術,可網絡上的新技術淘汰的太快,經常是沒等我們弄懂就已經過時了。作為專業教師,我會經常調整授課內容,把最新的最實用的技術和思想傳授給學生。時刻關注網絡上的新動向,出現的新技術,保持旺盛的學習熱情,讓自己時刻處于行業的前沿。只有這樣才能培養出適應當今日趨激烈的市場競爭的人才。
3.做一名有社會責任感的網頁設計師
網頁設計師不同于其他的職業,因為網頁設計師肩負著更強的社會責任和歷史使命,要讓網絡社會朝健康的方向發展,需要網頁設計師嚴格的律己修身,對自己的言行負責。特別是不能在當今充滿了誘惑的時代迷失自己,為追求短期利益而觸犯法律。“設計強國”需要所有設計師的共同努力,畢竟中國的平面設計在亞洲還落后于日本、韓國,如何發揮中國悠久文化傳統的優勢,把中國的網頁設計做強,成了我們這些網頁設計師的新的課題。
參考文獻
[1]陳剛.CSS標準網頁布局開發指南.2007.
[2]施博客研究室.DREAMWEAVER 8標準教程.2006.
[3]施博客研究室.FLASH 8標準教程.2006.
[4]張孝祥,張紅梅.JAVASCRIPT網頁開發體驗式學習教程.2004.
關鍵詞:新媒體 平面設計 創新
平面設計是一項綜合性的設計項目,是電腦、數字、美術與藝術相互融合,從而呈現出一幅完整的作品。新媒體的出現,為平面設計工作提供了足夠的資源,為設計工作提供有利于的工具和載體,致使平面設計工作趨于復雜化與信息化,設計形態發生質的改變,受到了新媒體的巨大影響。多媒體時代的到來,3D,MAX、Photoshop、Flash、CorelDraw等被廣泛的應用到平面設計中,對設計工作是一筆寶貴的財富。
一、新媒體下的平面設計
平面設計工作是現代社會的重要行業,諸多領域都離不開平面設計,社會的進步,對平面設計的要求越來越高。傳統的平面設計以版式為主,是對整個作品輪廓的設定,實現對多種藝術元素的相互融合,以打造完整的設計作品。傳統的版式主要以紙質印刷為主,通過對圖像、文字的創意性設計,帶給受眾個性化的感受。新時期,平面設計工作上升到了新的高度,設計師可以借助網絡媒體環境獲取足夠的信息資源,運用3D,MAX、Photoshop、Flash、CorelDraw等軟件進行設計工作,實現有靜態向動態的過渡,圖像、文字等的設計轉化為動態圖像,平面設計的流程相對復雜,借助新媒體平臺實現對作品的現代化設計。
二、新媒體在平面設計中的應用
1.為平面設計提供網絡媒平臺
新媒體時代下,網絡已經成為社會發展的重要支撐與媒介,各行各業的發展都離不開網絡,尤其是具有現代化與創新性氣息的平面設計工作。網絡藝術的出現,網頁藝術與網絡音樂等是其重要的產物,將網絡元素作為一種視覺性語言去對待,首先應從設計作品的版面、外觀的個性化設計著手,是決定受眾關注度的首要因素。例如,當設計師進行網頁設計時,受眾往往會先關注網頁的版式、主題與整體的視覺感等,既能達到宣傳網頁的目的,也能為受眾提供和諧之美。在進行網頁設計時,應強化對色彩的把握,大膽用色,能夠及時抓住受眾的心理,由點到線到面,能夠將整個平面形態展示的生動形象、惟妙惟肖。以淘寶網店設計為例,以“原宿風”風格為主題的電子商店,在網頁設計上應設計一種色彩鮮明、漸變質感,重在對街頭藝術的展現,將不同的色彩融合在一起以形成視覺上的沖擊,是設計的一大特點。借助網絡平臺,能夠將平面設計展現的更為生動、多彩,為平面設計提供充足的宣傳平臺。
2.實現平面設計的動畫藝術
動畫藝術的產生,是新時期平面設計藝術進步與創新的重要體現,將整個平面形象變得更具活潑與動感,對平面設計整體藝術性的提升具有積極影響。動畫藝術在平面設計中的應用,是將繪畫、電腦、動漫、音樂等多種藝術的強強聯合,動畫藝術的出現是媒體行業發展的產物。動畫片的產生,是由設計人員經過不斷的平面設計而形成的,《冰河世紀》系類、《變形金剛》《功夫熊貓》等動畫片的制作,值得被平面設計師所借鑒,其從設計的模式到色彩的應用是都恰到好處,仿佛給人以立體、真實質感,在此基礎上進行進一步的探索,對平面設計行業的發展具有積極影響。
3.充分體現以人為本的理念
平面設計注重對視覺元素考慮的同時,應將以人為本的理念滲透其中,將視覺、聽覺、觸覺等進行充分的結合,以彰顯平面設計的活力。通過對受眾感官與心理的考慮,應構思更具人性化的圖案,根據受眾的意見進行平面設計元素的添加,收集平面設計的靈感。很多用戶為了達到個性化的設置,要求將自己的圖片、聲音等要素融入到平面設計中去,能夠彰顯平面設計的人性化與獨特性,能夠大大吸引受眾,實現平面設計的價值。以可口可樂為例,進行中國后,該企業要求設計中國版本的標識,能夠增強中國受眾的關注度,從心理上達到誘導的目的,是人性化設計的充分體現。
三、結束語
綜上所述,新媒體的出現,象征著平面設計工作的創新與發展,將多媒體、數字化技術、互動技術等元素運用到平面設計中去,能夠將平面設計作品的形象呈現立體化、生動化,提高作品的價值。隨著信息科技的不斷革新,技術處于快速的更新換代中,將傳統的平面設計形式與新媒體時代下的形式相融合,對平面設計領域可謂是一項重大挑戰,有利于促進行業的進步與發展。
參考文獻:
[1]初俏宜.淺談新媒體條件下的平面設計[J].中國包裝工業,2014,10(22):16+18.
一:圖像在網頁設計中的作用
1、優化網頁信息引導
圖像可以在網頁設計領域當中發揮出來一定的引導作用,可以概述網頁的主要內容,體現設計者的設計理念。圖像與文字相互融合,可以讓信息引導的作用更為明顯,也可以引導瀏覽者迅速找到自己需要的內容,從而可以讓信息搜尋時間得到有效控制。圖像的信息引導功能也會在其他領域當中體現出來,比方說將大量文字用圖像或者流程圖展現出來,不單單可以美化網頁頁面,也可以讓信息變得一目了然。
2、增加網站的綜合訪問點擊量
精美的圖像設計還能為瀏覽者最直接的展示出網頁的總體設計風格,瀏覽者在進入網頁的時候,往往一開始就會注意到網頁中的各類圖片,圖像質量的好壞和排版的美觀度直接影響到用戶的瀏覽興趣。所以,有關網頁設計者在設計網頁的同時要注重圖像的挑選,選擇出最適宜的網頁圖片,最大程度的吸引瀏覽者的眼球,也能夠激發他們閱讀完整網頁的興趣,這對網站綜合瀏覽量的提升有重要的推動作用。所以他們在網頁設計的過程中,不僅將搜集到、拍攝到的各類素材圖片靈活運用在網頁版面中,另外還將各種符合網頁內容的圖像和短視頻合理的穿插在文本之中。而在進行網頁設計的過程中,運用計算機圖像處理技術,對圖形的形狀、色彩、大小進行調整,使網頁版面能夠給用戶帶來更好的審美體驗和視覺享受,進而從根本上提升網頁設計的綜合質量。
二:增強圖片的整體質量
網頁設計的過程中難免會遇到部分不符合要求的圖片,而在設計者發現的時候已經為時過晚,這個時候再去重新拍攝和搜集就會花費大量的時間和精力,而圖像所出現的問題都是可以補救的,例如:像素不夠清晰、圖像重點模糊都能夠利用修圖后期來加以改善。舉個例子,假設攝影師在拍攝過程中捕捉到的一幕畫面存在重點不突出的問題,這時候就需要后期工作人員對圖像進行再次加工處理,這個深入制作的過程相對來說就要復雜許多。現如今,圖像拍攝的好壞已經不再是據決定圖像質量的關鍵因素,而后期制作者的修正和調節能力往往能夠決定最終的圖像效果,后期修圖人員將不符合要求的圖片進行適度調節和改善,可能會達到意象不到的效果。而設計者在采集圖片的過程中,可能會挑選出符合網站要求但是圖片模糊這樣的情況,在面對這種問題的時候,就需要后期人員通過計算機圖像處理技術來對像素較低的圖片進行處理,而這類技術主要包括圖片的銳化增強效果、圖像邊緣增強效果和加強圖片的綜合色感等。
三:在網頁設計中運用圖像處理技術
1、合理的網頁圖像像素
在網頁設計的過程中,必須嚴格控制圖像的大小,利用計算機圖像處理技術對圖片進行像素和大小的處理,防止因為圖片尺寸過大而導致成像不全的問題,圖片制作者在提供圖片之前,需要對所挑選的圖像進行像素調整,既要保證圖片大小能夠控制在合理范圍內,也要緩解因為調節大小而造成的圖像模糊等問題,合理權衡圖片質量和圖像大小之間的關系,提升圖片的整體清晰度,保證網頁設計的綜合瀏覽效果,利用計算機圖片處理技術,達成優秀的網頁設計成果。
2、優化網頁圖片展示效果
對圖片像素和圖像格式進行合理調控之后,就需要設計者關注到圖像顯示效果的問題了,圖像展示的關鍵不僅在于版式的整齊,還有網頁的整體圖像效果能否給人帶來愉悅的審美感受,因此,單純考慮排版問題是遠遠不夠的。而圖片展示效果的好壞,不僅僅關系到圖片的整體色調,還要考慮到圖像的具體形狀和分布區域等問題,應盡量以簡潔美觀為主要制圖方向,避免瀏覽者產生視覺疲勞。如果想保證網頁設計的美觀性和實用性,就要具備計算機圖像處理能力和一定的審美水平,盡可能的確保圖像位置的合理性和圖片的欣賞價值。而插入圖片的同時,適當多選擇不同的形狀,保障瀏覽者在瀏覽的過程中不易產生視覺疲勞,也能盡量將瀏覽量控制在合理范圍內。
四:結語
總之,網頁設計工作涉及各個領域的專業知識,并且操作復雜性比較強,因此,對設計師的專業知識水平及圖像處理能力的要求比較高。逐步在網頁設計領域當中得到更為深入的應用,可以保證網頁設計質量及效果。在計算機技術不斷更新換代的情況下,圖像處理技術會得到更為迅速的發展。
參考文獻
[1]白雪.網頁設計中計算機圖像處理技術應用解析[J].技術交流.
[2]王受之.世界平面設計史[M].北京:中國青年出版社,2002.
[3]張.計算機圖像處理技術在網頁設計中的運用[J].電子技術與軟件程,2014(9):11-18.
作者簡介
張晶,女 籍貫:遼寧省盤錦市。學歷:本科,就讀于遼東學院藝術與設計學院,學號0413140110研究方向:平面設計;
現在互聯網用戶對網頁設計的質量要求越來越高,沒有內涵的華麗設計很快就會被遺棄。所以現今的設計趨勢已經越來越重視網站的響應設計、持續聯系以及虛擬現實。在一個注重用戶體驗的時代,一個好的文學網站,不是只有華麗的界面或者良好的交互設計就可以,而是要在藝術和功能上做到兩全其美。
關鍵詞:網頁設計;色彩;圖片優化;用戶體驗
現代設計在中國的發展大概有二十多年的時間了,以前中國很少有人會注意網頁界面的用戶體驗,而且國內寬帶水平有限,所以那時候我國的網頁界面基本上都是框架式,創新的頁面很少。隨著我國各方面的發展,我們的設計也越來越有創新意識,我們也越來越注重用戶的體驗。尤其是在文學網站設計方面,以前很多網站的設計大部分都是大的框架加上鏈接構成,沒有下多少功夫在外觀設計和用戶體驗方面,而現在隨著文學網的發展,僅僅是靠老一套的理論來做的設計已經不能滿足現在用戶的審美需求了。
1文學類網站設計原則
1.1色彩設計原則
眾所周知,不管是做招貼、包裝或者是VI,給人的第一印象往往是這個作品的色彩設計,它的色彩運用的好與壞,將直接影響到閱讀者的興趣。同樣,在網頁設計中,色彩也是居于十分重要的地位。現在的文學類網站的網頁設計,大部分以比較淺的顏色為網頁的背景色,如淺黃色、淺藍色、淺綠色或者直接就是白色背景,再加上較深顏色的文字來做的配色。一般來說網頁中所出現的字體顏色都是黑色,因為淺色背景中黑色字體的視認度最高,但是這種強對比,屏幕刺激較大,也更容易讓瀏覽者產生視覺疲勞。在文學類網頁設計中,這種對比過于強烈的配色會使用戶長時間在線瀏覽的時候有不適,但是緩和的色彩搭配視認度不高,也不利于用戶閱讀。所以筆者認為在網頁中出現大面積文字以及考慮到用戶會長時間停留在一個頁面的時候,比如文學網站的在線閱讀界面,我們可以給用戶一個選擇,讓用戶自己來挑選網頁的背景色以及字體顏色,讓用戶自己來選擇適合自己的顏色搭配。
1.2文字和排版設計原則
在做網頁設計的過程中,無論選擇什么字體,都要基于網頁的總體設想和瀏覽者的需要來使用。而且瀏覽器使用的是本地字庫顯示的頁面內容,作為一個網頁設計者,不得不考慮到用戶電腦中是否有你選用的字體,所以說網頁中的文字最好使用缺省字體,在必須使用特殊字體的地方,可以先把文字做成圖像,然后再插入到網頁頁面中去。再者就是文字行距的問題,一般的行距比例為10:12,因為合適的行距可以很好引導瀏覽者的視線,如果行距過寬會影響行與行之間的文字延續性,影響閱讀。而且在視覺傳達中文字作為網頁頁面的要素之一,除了表達文字本身的意義以外,還有傳達感情的作用,所以文字設計在視覺上要給人以美好的印象,讓瀏覽者可以獲得良好的閱讀感受。而且網頁設計作為一種視覺語言,特別講究編排和布局,雖然主頁的設計不等同于平面設計,但它們有許多相近之處,都是通過文字圖形的空間組合,表達出和諧與美。在網頁文字設計編排中最重要的一點,就是要與網頁內容的性質和特點相和諧,其設計風格要與內容特性相一致,而不是相分離沖突,所以在我們把大量的信息整合到一個頁面上去的時候,首先要考慮的是怎樣把它們以合理統一的排布,達到變化與統一并存的和諧效果。在排版這方面,網頁的版式設計同報刊雜志的版式設計有不少共同之處,基本上都是把頁面中的文字字體、圖形圖像、色塊線條等要素按照一定的節奏進行編排,同時注意其結構的大小、輕重、虛實等對比因素,并通過對這些要素的編排,使瀏覽者直觀地感受到該頁面要傳遞的信息。
1.3網頁圖形的優化和應用原則
對于一個網站來說,網頁的下載速度是非常重要的,但是影響網頁的下載速度的因素除了網速以外,網頁中所包含的圖像圖形對網頁的下載速度也有很大的影響。因此,對網頁圖形進行優化,使網頁能夠快速下載是網站設計制作中考慮的首要問題。所以,接下來就來探討一下圖片優化的基本方法。首先是圖片的裁切,裁切時應盡量沿所需圖像邊緣裁切,避免不必要區域占用文件大小。如果在頁面中有一張過大的圖片,也可以先把它裁成小塊,然后再使用Table語法所提供的Border=0、Cell-spacing=0、Cellpadding=0的無縫功能,將它們組合起來,這樣也會提高圖片的加載速度。再者就是圖片的輸出,一般情況下,色彩少的圖片使用GIF或者PNG格式,色彩豐富的的圖片使用JPG格式。如果是一些攝影網站,圖片要求都是高清圖片,那就可以用JPG格式做小圖預覽,然后鏈接到TIF格式(無損)的原圖,這對沒興趣看這張大圖片的瀏覽者而言,不但可快速下載該網頁,而且也是一種體貼的選擇。還有些圖片,因為要在不同的背景中使用,需要輸出為透明的效果,這時,就可以選用GIF格式,因為對于GIF圖像來說,色彩越少,文件就越小。所以說在看起來可以接受的范圍內,盡可能地將色彩數量減少,就能夠對GIF圖像進行不錯的優化。而且對于網頁中所采用的圖檔,通常會加入Width、Height這兩個屬性,這樣就可以在加載網頁的過程中為圖像預留空間,在加載圖片時,用戶就可以先瀏覽其他已加載項目。如果沒有這些屬性,瀏覽器就不能了解圖像的大小,也就不能為圖像預留下合適的空間,這可能會給網頁中其他元素的顯示帶來很大的延遲,從而影響用戶的閱讀。
2現今專業文學網站設計趨勢
以前,做網頁設計基本上都是用PS設計網頁版面,僅僅是PS就可以滿足用戶的需求,但是現在互聯網用戶對網頁設計的質量要求越來越高,沒有內涵華麗的設計很快就會被遺棄。所以現今的設計趨勢已經越來越重視網站的響應設計、持續聯系以及虛擬現實。另外在版式設計方面也逐漸加入了一些“留白”的理念,“留白”發源于中國傳統的虛實相生、陰陽辯證的哲學思想,發展于傳統的繪畫行業,表達一種“以無勝有,以簡勝繁”的思想,這種設計理念與西方20世紀興起的一些現代設計理念如出一轍。“留白”不是一個色彩的概念,而是一種形式的概念,通過欣賞者的審美聯想和想象獲得的一種“秒與生意,能不失真”的意想空間,從而使設計者能夠更好地表達出設計的意圖,將作品的視覺感染力加強。總之,一個好的文學網站的網頁設計,不是只要有華麗的界面就可以,而是要在藝術和功能上做到兩全其美。
2.1大背景圖的網頁設計
高清圖片是一種可以產生極具視覺沖擊力并迅速抓住讀者視線的好方式,而且這些圖片一般都是高質量寫實的或者是抽象的精美照片,這些圖片的用色和表現的內容都十分考究,并且趨向于一些比較柔和,比較透明的圖片,不會影響到文字的閱讀。不然再漂亮的圖片,看起來和網站整體效果不協調,影響用戶體驗,也是白白浪費資源。除此之外,大背景圖的運用還有一種方式,叫做擬真設計,聽起來可能有點陌生,但是擬真設計就是和大背景圖的運用相似的一種設計,它是指將界面元素設計成用戶容易理解的,存在于現實世界中的實體。就文學網站,在書籍閱讀的界面平臺上,不單單是書籍內容完整無誤的呈現,它的呈現方式可以像常見的平面媒體帶給讀者的愉悅體驗一樣。可以在書籍閱讀的起始部分與結束部分分別放置圖書原有的封面與封底;可以模仿紙張的材質,靈活設置;可以在文章的正文界面中配合插圖,插圖同文字共同營造書中的獨特氛圍,插圖的類型可以配合文章的敘述情境進行繪制;可以與插畫師合作,共同創造出良好的閱讀環境,從而提高閱讀質量和閱讀效益。
2.2移動互聯網時代
現在這個時代,智能手機幾乎是人手一部,而且平板電腦、小型上網本隨處可見。所以說,如今的網頁設計已經不能只局限在普通電腦的顯示效果上,還要考慮到更多的移動設備。但是,設計適合移動設備的網站不是去掉大量裝飾,做得簡單易于下載就可以,因為它不僅僅是變得簡單,更是要表現出原網站的精華。另外,現在很多網站都推出了屬于自己的方形的條形碼,這種條形碼被稱為QR,全稱就是QuickResponse。這個條形碼就相當于一個快捷方式,讓用戶可以方便迅速地打開自己的移動網頁。近幾年來,移動媒體的優勢越來越明顯,利用這個優勢所做的網頁設計也是現在的熱門。
2.3頁面布局設計及特效設計
以前的網頁設計,大部分都類似于書籍和雜志的版面設計。而隨著互聯網等各方面的發展,現在的設計更接近于影片的效果,更注重空間藝術,現在的網頁設計已經不再是單純的平面設計,而是立體設計、空間設計,致力于把瀏覽者帶進一個現實的虛擬世界。我們都知道構成網站的是網頁,網頁本身也是很多個頁面的總平面,所以說平面設計原則同樣也適用于網頁設計。但是網頁設計的排版又是對平面設計的延伸,單獨考慮平面設計原則的話,這樣的網頁設計是不能滿足現在瀏覽者的需求的。在網頁特效方面,文學類網站運用的不是很多。現在是一個注重用戶體驗的時代,適當地采用一些網頁特效會給網站加分不少。比如說,視差滾動設計,讓多層背景以不同的速度移動,形成一種類似于3D的視覺效果,吸引瀏覽者。但是值得注意的是,這種效果不適于導航。
2.4極簡主義的運用
極簡主義在早幾年就流行起來了,但是在網頁設計方面極簡主義的影響力在近幾年才逐漸大了起來。極簡主義風格的網站設計,運行速度快,用戶體驗效果更好,接入也更加容易,所以無論哪一類型的網頁設計都可以運用,文學類網站也不例外。但是就目前來說,還沒有哪個國內文學網站嘗試這種極簡主義設計,因為接下來提到的文學類網站設計的一大要點,就是豐富的內容。但是,極簡主義并不是把內容也變得極簡。要知道極簡主義有一個理念,少就是多,簡潔就是豐富。所以說極簡主義只是把不必要的東西去掉,使頁面的每一個元素都和主題統一,用最簡單的元素來傳達更豐富的信息。
2.5豐富的內容
內容是一個網站的最有價值的部分,而對于文學網站來說,豐富的有價值的內容比起網站外觀來要重要得多。但是做內容的建設時也要注意幾點,首先,網站的內容要和網站的主題一致,不可偏離主題。其次,就是網站內容最好是原創內容。作為一個文學網站,不是說拿那些已經現有的作品就可以,還要有新的原創文學,大家沒有看過的文學作品,這樣才能讓用戶時刻保持對網站的新鮮感。最后,網站的內容要定時更新,并不是說有豐富的文學作品就萬事大吉了,不然一個再好的網站不去更新內容,它也是一個死站。而且一般經常瀏覽文學網站的互聯網用戶對文學都是很有見解的,所以說作為一個專業的文學網站,為他們提供的不僅僅是一個文學資源庫,更應是一個交流平臺,讓他們發表自己的原創文學及見解。
3文學網站中多媒體技術的運用
無論是圖形文字,還是聲音視頻,設計者所要考慮的就是怎樣才能使它們以最和諧的方式融合到網頁這面大屏幕里。所以,多媒體技術的運用在這里必不可少。現在大部分的瀏覽器本身都可以支持在線播放或收聽,比如GIF、JPEG圖形和GIF89a動畫。另外還有一些比較常見的插件,比如ActiveX,它可以播放更多種類的多媒體文件。總之,多媒體技術隨著互聯網的發展在網頁設計中的運用也越來越多,也使瀏覽者能夠體驗到更加完美的瀏覽效果。在現今有很多網站設計都采用了flash軟件來制作,用flash制作導航界面,隨著鼠標的動作可以產生動畫或者聲音,讓網頁更有吸引力。而且制作flash時用的是矢量圖形,它需要的內存和存儲空間要比位圖小很多。在網頁設計中flash還具有一定的交互性,比如說網站導航欄動畫、圖片展示動畫以及網站注冊和登陸系統等等。在靜態頁面中,如果用到這些動畫,一定能與瀏覽者有一個很好的互動,也能使網站看起來更加生動有趣。但是整體不可以太花哨,太雜亂,不然會使瀏覽者對該網頁缺乏信任感。當然也有一些網站,為了表現自己的與眾不同,使用flash來制作整個網站。而且設計制作flash時就已經包括網頁內所有視聽元素和版式的設計,并不會給人眼花繚亂的感覺。這樣的flash網站,給人感覺都十分酷,給瀏覽者一種很特別的感覺,基本上可以完全調動瀏覽者瀏覽的積極性,同時給瀏覽者一種活躍的心理感受。總之,不只是文學網站的設計,所有的的網頁藝術設計都需要大膽創新,需要不斷地完善和突破,從而達到網絡技術與藝術設計的完美結合,讓瀏覽者獲得最佳的閱讀體驗。
參考文獻:
[1]王曉峰,焦燕.網頁美術設計原理及實戰策略[M].北京:清華大學出版社,2009:8.
[2]張新偉.網頁經典配色藝術[M].北京:電子工業出版社,2009:6.
[3]鄭國強.網頁設計與配色實例解析[M].北京:清華大學出版社,2012:6.
[4]張磊.專業色彩搭配手冊:網頁配色[M].北京:北京希望電子出版社,2011:11.
[5]劉鵬.淺談網頁色彩的編排設計[J].科技創新與應用,2012,(1).
[6]李立偉.淺談網頁色彩設計[J].鄭州輕工業學院學報,2007,(2).