數(shù)字藝術(shù)設(shè)計概論 教學(xué)課件作者 周蘇 主編 第2-3講：美學(xué)原則與圖案風(fēng)格設(shè)計

1、在線教務(wù)輔導(dǎo)網(wǎng)： :/教材其余課件及動畫素材請查閱在線教務(wù)輔導(dǎo)網(wǎng)QQ:349134187 或者直接輸入下面地址：數(shù)字藝術(shù)設(shè)計概論周 蘇 教授浙江大學(xué)城市學(xué)院計算機學(xué)院QQ: 81505050第2章 根本要素美學(xué)原那么與文字圖案設(shè)計Photoshop根本操作根本要素與文字效果設(shè)計美學(xué)原那么與圖案風(fēng)格設(shè)計2.3 美學(xué)原那么與圖案風(fēng)格設(shè)計“所謂美學(xué)，是指研究自然界、社會和藝術(shù)領(lǐng)域中美的一般規(guī)律與原那么的科學(xué)。主要探討美的本質(zhì)，藝術(shù)和現(xiàn)實的關(guān)系，藝術(shù)創(chuàng)作的一般規(guī)律等。當(dāng)數(shù)字藝術(shù)設(shè)計提高到藝術(shù)和美學(xué)的層次時，它能深入用戶心靈、觸動用戶的情緒。因此，想要巧妙地進行數(shù)字藝術(shù)設(shè)計就必須關(guān)注數(shù)字藝術(shù)設(shè)計的美學(xué)問

2、題。2.3 美學(xué)原那么與圖案風(fēng)格設(shè)計這里，我們所說的數(shù)字藝術(shù)設(shè)計的美學(xué)，就是指研究各種設(shè)計要素 (如文字、圖形、聲音或動畫等) 在融入一個完整的計算機應(yīng)用系統(tǒng)后，能給用戶帶來的藝術(shù)效果和美的感受的科學(xué)。另一方面，每一件優(yōu)秀的數(shù)字藝術(shù)設(shè)計作品都應(yīng)該有其獨特的風(fēng)格，于是，所謂數(shù)字藝術(shù)設(shè)計中的美學(xué)設(shè)計，就是要創(chuàng)意出作品傳達信息的獨特表現(xiàn)方式和風(fēng)格。2.3 美學(xué)原那么與圖案風(fēng)格設(shè)計在數(shù)字藝術(shù)設(shè)計的軟件中，“創(chuàng)意和“風(fēng)格可表現(xiàn)為屏幕信息主體、構(gòu)圖、背景、紋理、用戶界面、運動效果、伴音和音效等等，也就是說，視覺效果和聽覺效果反映一個軟件的創(chuàng)意風(fēng)格。當(dāng)用戶瀏覽一個數(shù)字藝術(shù)設(shè)計作品時，軟件的視聽效果可以影響他

3、們的情緒，留下強烈的印象。2.3.1 數(shù)字藝術(shù)設(shè)計與美學(xué)一個數(shù)字藝術(shù)設(shè)計的作品成功與否，在很大程度上取決于對其素材的展現(xiàn)是否得當(dāng)，即作品是否表達了各種媒體素材應(yīng)有的藝術(shù)感染力和美。設(shè)計人員的美學(xué)知識在很大程度上制約著一個作品的藝術(shù)效果和感染力。因此，數(shù)字藝術(shù)設(shè)計呼喚藝術(shù)和美學(xué)，這是一個不容無視的事實。2.3.1 數(shù)字藝術(shù)設(shè)計與美學(xué)一個好的數(shù)字藝術(shù)設(shè)計作品決非只是素材的羅列和事實的陳述，更重要的是，要借助于技術(shù)和藝術(shù)手段來吸引用戶和感動用戶，通過飽含激情的文字、生動的圖形和悅耳的聲音來傳達信息和知識。數(shù)字藝術(shù)設(shè)計作品通過有意識和潛意識這兩個途徑，將信息傳達給用戶。2.3.1 數(shù)字藝術(shù)設(shè)計與美學(xué)在

4、有意識方面，用戶注意到的是圖形設(shè)計是否平衡和清楚。一般來說，利用插圖來說明內(nèi)容比利用文字更能引起用戶的注意；音樂或配音可以比較自然地把用戶導(dǎo)入主題；影像和動畫能方便地描述事件情節(jié)，使用戶易于理解和區(qū)分。但在什么時候引用這些素材是有原那么的，那就是只有當(dāng)這些設(shè)計素材能夠幫助把觀點說明得更清楚或更有力時，才可以使用，否那么有可能會適得其反。2.3.1 數(shù)字藝術(shù)設(shè)計與美學(xué)在潛意識角度，設(shè)計者只是想通過某些素材來引發(fā)用戶自己的觀點，即讓用戶從所提供的信息中產(chǎn)生自己的聯(lián)想和看法。例如，通過音樂來營造系統(tǒng)所需要的氣氛，通過圖形或影像產(chǎn)生出乎意外的震撼等。2.3.1 數(shù)字藝術(shù)設(shè)計與美學(xué)圖形圖像和色彩效果是表

5、現(xiàn)數(shù)字藝術(shù)設(shè)計作品視覺風(fēng)格的首要因素。視覺效果設(shè)計主要以屏幕或圖形設(shè)計為主，而音頻 (語音、音效和音樂) 是表達數(shù)字藝術(shù)設(shè)計成果的一個重要組成局部。高質(zhì)量的音效和伴音可以使視覺效果更豐富、表現(xiàn)力更強。動畫和視頻具有最強的表現(xiàn)力，它在屏幕設(shè)計和音頻設(shè)計的根底上考慮視覺的運動和流暢，以及伴音與視像的配合等因素。2.3.1 數(shù)字藝術(shù)設(shè)計與美學(xué)根據(jù)人類美感的共同性，可以歸納出數(shù)字藝術(shù)設(shè)計的美學(xué)原那么是：連續(xù)、漸變、對稱、比照、比例、平衡、調(diào)和、律動、統(tǒng)一和完整等。在數(shù)字藝術(shù)設(shè)計的創(chuàng)作中，應(yīng)該重視其版面設(shè)計。2.3.1 數(shù)字藝術(shù)設(shè)計與美學(xué)優(yōu)秀的數(shù)字藝術(shù)設(shè)計作品，要求設(shè)計者不斷增強理論修養(yǎng)和綜合素質(zhì)；增強

6、設(shè)計意識，提高總體把握能力；增強業(yè)務(wù)能力，提高視聽表達能力等等。設(shè)計者要注意改善自己的知識結(jié)構(gòu)，加強對美學(xué)知識的學(xué)習(xí)，提高藝術(shù)素養(yǎng)，還要注意與專業(yè)教師、藝術(shù)人才等各種專業(yè)人才合作，取長補短。2.3.2 不同媒體的美感特點從數(shù)字藝術(shù)設(shè)計的開展過程來看，圖形圖像和色彩效果是表現(xiàn)作品視覺風(fēng)格的首要因素。如果不考慮運動效果 (它主要取決于動畫和視頻效果) ，視覺效果設(shè)計主要以屏幕或圖形設(shè)計為主。此外，從某種意義上講，音頻 (語音、音效和音樂) 是表達數(shù)字藝術(shù)設(shè)計成果的一個重要組成局部，是音頻的參加才使得作品“有聲有色。2.3.2 不同媒體的美感特點高質(zhì)量的音效和伴音可以使視覺效果更豐富、表現(xiàn)力更強。動

7、畫和視頻具有最強的表現(xiàn)力，它們是在屏幕設(shè)計和音頻設(shè)計的根底上考慮視覺的運動和流暢，以及伴音與視像的配合等因素。2.3.2 不同媒體的美感特點(1) 文字和旁白在眾多素材中，文本被認為是最根本、最重要的成分，在概念的表達和描述抽象、復(fù)雜的問題方面具有簡潔明了、精確度高的獨特優(yōu)點，而且最擅長的是高度概括各種極為抽象和具結(jié)論性的表述。文字屬于表達性、詳細和直接的媒體，可以用顯示或旁白方式，或者兩者并用。文字較適合于描述概念和內(nèi)容，旁白那么較適合于演說和解釋。2.3.2 不同媒體的美感特點(2) 圖形和圖表圖形 (包括靜態(tài)圖像) 的媒體形象直觀，不僅能直觀、生動地傳播信息，產(chǎn)生一目了然的視覺效果，而且

8、具有豐富的色彩、多變的布局，本身具有強烈的審美性和藝術(shù)感染力。圖形可以是寫實的，也可以是象征的。圖形也常用來作為背景，此時，圖形要經(jīng)過淡化或加亮處理，以使前景內(nèi)容可以清晰地顯示出來。圖形可以用來解說概念、表示印象，或作暗示和聯(lián)想，常用來營造氣氛和引導(dǎo)用戶情緒。2.3.2 不同媒體的美感特點而靜態(tài)照片可以傳遞影像和信息，增加視覺的豐富程度，能產(chǎn)生詳盡的效果和吸引注意力，可以具有高度的暗示性和象征性。藝術(shù)性的照片可以一下子抓住用戶的注意，戲劇性的主題照片能產(chǎn)生外表上的和背后隱藏的震撼力。圖表可以讓信息顯而易見，一目了然，并且可以使用戶做比較式的閱讀。圖表有各種各樣的種類和樣式，可以組合出一些主題元

9、素，但從本質(zhì)上來說，它屬于實際和外表的東西。2.3.2 不同媒體的美感特點(3) 背景和質(zhì)感背景是放置文字、圖形和其他元素的畫布。從美學(xué)的觀點看，背景是可以傳送有關(guān)畫面信息的最快形式，因為它通常在其他元素出現(xiàn)之前就呈現(xiàn)在用戶面前，很可能會成為用戶的第一注意焦點。2.3.2 不同媒體的美感特點用作背景的圖形大致有兩種。一種是圖形，通常是照片或美術(shù)圖形經(jīng)特別加工而成；另一種是加上顏色的材質(zhì)。兩種方式的背景都可以賦予額外的含義，也能擴展到更廣范圍的聯(lián)想。使用圖形來做背景，自然要采用切合主題的畫面，或蘊含著某種特別意義的畫面。此外，使用圖形作背景，圖形上的線條應(yīng)盡可能地簡單，背景圖形上的物件要與前景上

10、的元素相配合，包括空間上的色彩配合。一般來說，背景圖形要淡化處理。2.3.2 不同媒體的美感特點采用材質(zhì)做背景是一種流行的做法。不同的材質(zhì)有不同的含義，要根據(jù)主題選取。例如，一些常見的材質(zhì)具有如下的含義：1) 皮革。具有優(yōu)雅和工匠之氣，適用于高級的車種和精細的家具。2) 大理石。能編織出一種冷并且堅實的感覺，可以用來注釋古典的、可信度高的和持久的事物，常用于有關(guān)財務(wù)的應(yīng)用系統(tǒng)。2.3.2 不同媒體的美感特點3) 手制的紙張。適用于高尚的、藝術(shù)性的和非自動化的事物，通常用來表示文件的重要性。4) 寶石。具有明顯的財富和優(yōu)雅含義，有時是代表堅硬、永久和特殊的質(zhì)感，通常用在象征高雅富貴的對象上。5)

11、 工業(yè)金屬板。給人以現(xiàn)代的象征，具有可靠感。通常用在結(jié)構(gòu)和制造業(yè)的應(yīng)用系統(tǒng)中，也常用在計算機和微電子業(yè)中。6) 藍天。提供自由、空間和具有想象力的特性。2.3.2 不同媒體的美感特點使用一幅特別的圖形做背景也是常見的做法，此時，只要適當(dāng)?shù)乩脠D形上的元素及其相互間的關(guān)聯(lián)性，便可以啟發(fā)用戶的記憶，引起他們的感覺，營造出特定的氣氛和環(huán)境，讓用戶通過對圖形的聯(lián)想而身臨其境。2.3.2 不同媒體的美感特點(4) 顏色和感覺色彩是光刺激眼睛再傳至大腦視覺中樞而產(chǎn)生的一種感覺，對作品的質(zhì)量有著直接的影響，不管是字體、圖片等單個元素還是整體合成，在色彩運用時要防止屏幕色彩過雜，注重整體色調(diào)的統(tǒng)一，強調(diào)色彩的

12、比照關(guān)系，確保主體突出，利用色彩營造特定情緒氣氛。不同的顏色會使人產(chǎn)生不同的聯(lián)想。顏色對個體的影響可能是生理的、心理的或是文化的。例如，有人會認為紅色給他帶來幸福和桔祥，但有人會從反面聯(lián)想。設(shè)計中，應(yīng)當(dāng)考慮到顏色會觸發(fā)用戶產(chǎn)生何種聯(lián)想。2.3.2 不同媒體的美感特點(5) 配音與音樂聲音作為一種可以傳遞信息和刺激情緒的有利手段，實際上常常又會被忽略。例如，在畫面上出現(xiàn)文字的同時又有相應(yīng)的配音，用戶往往習(xí)慣于將更多的注意力放在文字上。其實，被忽略的原因很簡單，因為聲音是屬于潛意識的影響因素，而且其效果也比較難以衡量。但毫無疑問，聲音在一個數(shù)字藝術(shù)設(shè)計作品中是非常重要的，它可以增加趣味性和娛樂性，

13、表現(xiàn)出一定的情感和風(fēng)格，襯托出所需要的氣氛，也可以增強用戶對一些描述的記憶。2.3.2 不同媒體的美感特點(6) 影像和動畫活動視頻能以連續(xù)、生動、形象的活動圖像表現(xiàn)真實場景、各種內(nèi)容和主題思想，它本身就是多種媒體的綜合體，有很強的表現(xiàn)力，具有形象性、再現(xiàn)性、高效性等多種特性，同時也具有高度的娛樂性。使用影像可以通過以時間為根底的方式來傳達信息。2.3.2 不同媒體的美感特點動畫是指連續(xù)運動變化的圖形、圖像、活頁、連環(huán)圖畫等，也包括畫面的縮放、旋轉(zhuǎn)、切換、淡入淡出等特殊效果?？梢员憩F(xiàn)其他媒體所無法實現(xiàn)的各種內(nèi)容，它形象、生動、直觀、有趣，可以化抽象為具體。使用得當(dāng)?shù)脑?，動畫成分可以增強多媒體的

14、視覺效果，起到強調(diào)主題、增加情趣的作用。2.3.2 不同媒體的美感特點(7) 動作的效果在數(shù)字藝術(shù)設(shè)計中，動作是指場景間的變換、文字或圖形的平面移動、三維動畫和影像。一般來說，屏幕上的動作越多，就越能表達更多的信息，產(chǎn)生更多的趣味和刺激性。運用動作可以抓住用戶的興趣和注意力、表達抽象的觀點和概念、刺激用戶情感上的反響以及產(chǎn)生潛意識上的聯(lián)系，可以讓用戶在最短的時間內(nèi)獲得最新的想法。2.3.3 版面設(shè)計原那么一個數(shù)字藝術(shù)設(shè)計作品的好壞，主要取決于以下因素：1) 表演腳本的編寫。2) 素材加工的藝術(shù)性。3) 版面設(shè)計的藝術(shù)性。2.3.3 版面設(shè)計原那么但是，版面設(shè)計很容易被設(shè)計者所忽略，不少數(shù)字藝術(shù)

15、設(shè)計作品對版面設(shè)計都沒有很多考慮。如果多分析一些設(shè)計優(yōu)秀的數(shù)字藝術(shù)設(shè)計作品，就會發(fā)現(xiàn)版面設(shè)計是一件非常精細的工作，很多創(chuàng)意正是表現(xiàn)在版面的安排上的。2.3.3 版面設(shè)計原那么用戶一方面從電腦屏幕上所呈現(xiàn)的視覺表現(xiàn)得到信息，做出反響；另一方面，根據(jù)其美感經(jīng)驗，由電腦屏幕上的視覺呈現(xiàn)引發(fā)他的良好的溝通情緒。一個賞心悅目的視覺呈現(xiàn)有賴于設(shè)計者的創(chuàng)意、表現(xiàn)技巧和編排能力。2.3.3 版面設(shè)計原那么數(shù)字藝術(shù)設(shè)計作品所展現(xiàn)的畫面受到電腦屏幕的尺寸限制。所謂好的版面設(shè)計，是指恰到好處地使用有限的屏幕空間并到達良好的視覺傳播效果，能配合主題到達對用戶的感染作用。2.3.3 版面設(shè)計原那么版面設(shè)計中常遵循的原那

16、么有比照原那么、平衡原那么、協(xié)調(diào)原那么以及樂趣原那么等。它們都是為了加強版面的氣氛、增加吸引力、突出重心、提升美感。1) 連續(xù)原那么。連續(xù)是一種沒有開始、沒有終結(jié)、沒有邊緣的嚴謹?shù)闹刃蚺帕?。連續(xù)可無限地擴張，可超越任何框架限制。2) 漸變原那么。漸變就是有一定秩序和規(guī)律的逐漸的改變。漸變除形狀漸變外，還有色彩漸變、位置漸變和方向漸變等等，可單獨或混合運用。2.3.3 版面設(shè)計原那么3) 對稱原那么。視覺上以一個點或一條線為基準，上下或左右看起來相等的形體稱為對稱。對稱具有相稱、均齊、均整的意思。左右對稱的形體向來都被認為是安定且具有莊重和威嚴的感覺。對稱的表現(xiàn)形式包括線對稱、點對稱、感覺對稱等

17、。4) 比照原那么。將相對的要素放在一起相互比較，以形成兩種抗拒的緊張狀態(tài)，這稱為比照。這種造成相對排斥性質(zhì)的要素，即一般所謂的比照要素。2.3.3 版面設(shè)計原那么好的布局的重要標志是畫面清晰明確。當(dāng)用戶的眼光落在畫面上時，就要讓用戶清楚地判別哪些是重要的，哪些是不太重要的。要實現(xiàn)畫面清晰，一個有效的途徑是遵循比照的原那么。通過比照來強化設(shè)計者要表達的主要問題，吸引用戶的注意力，淡化那些非主流信息。通常，在設(shè)計時所涉及到的比照方面有形狀的比照、大小的比照、明暗的比照、粗細的比照、曲線和直線的比照、質(zhì)感的比照、位置的比照、色彩的比照和多種比照混合等。2.3.3 版面設(shè)計原那么5) 比例原那么。在

18、造型上，所謂比例是指關(guān)于長度或面積等的一種量度比照，它描述的是局部與局部或局部與全體之間的關(guān)系。比例一直被運用在建筑、工藝以及繪畫上。有幾個理想的比例，遠在古代，學(xué)者就把它們加以公式化，作為設(shè)計的根本原理，以便求得統(tǒng)一與變化。其中，最根本并且最重要的比例就是黃金比例。黃金比例：又稱黃金分割，指把一條線段分成兩局部，使其中一局部與全長的比等于另一局部與這局部的比，即比值為 。因這種比例在造型上比較悅目而得名。2.3.3 版面設(shè)計原那么6) 平衡原那么。平衡是指兩個力量相互保持的意思，也就是說，把兩種以上的構(gòu)成要素互相均勻地配置在一個根底的支點上，以保持力學(xué)上的平衡而到達安定的狀態(tài)。布局設(shè)計良好的

19、標志之一是讓用戶感覺到畫面平衡。這里所說的平衡與對稱不同。事實上，對稱的布局往往缺乏創(chuàng)意和視覺上的樂趣，而且用戶也感覺太莊嚴呆板，不夠活潑。所謂版面的平衡是指畫面各種元素布局輕重大小適宜，不要產(chǎn)生某些地方特別空或特別重的感覺。2.3.3 版面設(shè)計原那么7) 調(diào)和原那么。當(dāng)兩種構(gòu)成要素共同存在時，如果互相差距過大，即造成比照。如果兩種構(gòu)成要素相近，那么比照刺激變小，能產(chǎn)生共同秩序使兩者到達調(diào)和的狀態(tài)。如黑與白是一種強烈比照的顏色，而存于其間的灰色便是兩者的調(diào)和色。調(diào)和在視覺上可使我們產(chǎn)生美感。因此，調(diào)和的原那么一直是人們所關(guān)心的，尤其是關(guān)于色彩和造型的調(diào)和問題。然而，為了到達調(diào)和，各要素間的統(tǒng)一仍是必要的。在造型上，如線的粗細與線的長短均會有影響，但只要在造型上能保持一致，也可產(chǎn)生調(diào)和感。2.3.3 版面設(shè)計原那么調(diào)和要素除了色彩與造型外，質(zhì)感也是相當(dāng)重要的因素。例如，以相同材質(zhì)作為建筑物或庭園設(shè)計的材料，也是獲得調(diào)和感的方法之一。8) 協(xié)調(diào)原那么。協(xié)調(diào)原那么貫穿對主要內(nèi)容的突出、圖形與文字的比例恰當(dāng)和色彩的均衡等方面。只有協(xié)調(diào)才能給用戶以自然的印象。9) 律動原那么。但凡規(guī)那么的或不規(guī)那么的反復(fù)和排列，或?qū)儆谥?/p>