教學(xué)培訓(xùn)課件第7講(上)平面設(shè)計(jì)藝術(shù)

平面設(shè)計(jì)GRAPHICDESIGN多媒體教案THEARTOFGRAPHICDESIGN平面設(shè)計(jì)藝術(shù)GRAPHICDESIGN●

平面設(shè)計(jì)理念●

版面設(shè)計(jì)●

色彩設(shè)計(jì)●

廣告設(shè)計(jì)●

包裝設(shè)計(jì)高等院校藝術(shù)設(shè)計(jì)系列教材1ppt課件平面設(shè)計(jì)GRAPGRAPHICDESIGNGRAPHICDESIGN第

7

講（上）版面設(shè)計(jì)基礎(chǔ)7.1版面藝術(shù)7.2版面構(gòu)成7.3版面設(shè)計(jì)手段7.4習(xí)題2ppt課件GRAPH7.1版面藝術(shù)7.1.1什么是版面P89●

平面是廣義的、宏觀的●

大多數(shù)視覺傳達(dá)介質(zhì)的基本元素由一個(gè)平面或若干平面構(gòu)成，對于某個(gè)單獨(dú)的、特定的平面而言，其視覺平面就是版面。廣告、海報(bào)、書籍、包裝、網(wǎng)頁界面等平面版面●

版面設(shè)計(jì)包含在平面設(shè)計(jì)之中●

版面是狹義的、具體的3ppt課件7.1版面藝術(shù)7.1.1什么是版面P89●平面是廣7.1.2版面的設(shè)計(jì)意圖P90●突出思想性●

重視展示主題思想

——

版面設(shè)計(jì)成功與否的關(guān)鍵●

表達(dá)具有時(shí)代特征的主題

——

特點(diǎn)鮮明●展示藝術(shù)性●

強(qiáng)調(diào)獨(dú)到的藝術(shù)構(gòu)思

——

標(biāo)新立異，引人入勝●設(shè)計(jì)者藝術(shù)涵養(yǎng)的表現(xiàn)

——

發(fā)揮設(shè)計(jì)者與生俱來的素質(zhì)俄國設(shè)計(jì)家卡桑德拉于1932年為法國紅酒DUBONNET設(shè)計(jì)的海報(bào)萊?曼森通過舞動(dòng)的香蕉皮表現(xiàn)主題構(gòu)思獨(dú)到頗具藝術(shù)性4ppt課件7.1.2版面的設(shè)計(jì)意圖P90●突出思想性●重視展示●注重整體性P91●

內(nèi)容和形式的高度一致性

——

注重版面整體效果的形成●

版面中各元素一體化編排

——

構(gòu)成一個(gè)不可分割的整體美國設(shè)計(jì)家彼德?

帕拉佐于1965年設(shè)計(jì)，注重版面整體性單純不是單調(diào)簡潔不是簡單●強(qiáng)調(diào)單一性●

單純、簡潔

——

設(shè)計(jì)元素高度概括，簡練而有寓意●

主題單一、明確

——

表達(dá)精練，仔細(xì)斟酌羅斯瑪利?

提西于1980年設(shè)計(jì)的企業(yè)海報(bào)對每個(gè)字母精心修飾，單純簡潔5ppt課件●注重整體性P91●內(nèi)容和形式的高度一致性●版面中各元●追求裝飾性P92●

版面效果生動(dòng)、幽默、富于變化●

具有排他性

——

提高敏感度，吸引注意力美國設(shè)計(jì)家保羅?蘭德于1953年設(shè)計(jì)把動(dòng)物、物品等元素圖案化使版面具有強(qiáng)烈的裝飾性●增添趣味性●追求構(gòu)思新穎，夸張表現(xiàn)●幽默、滑稽、抒情和寓意

——

格調(diào)高雅、豐富內(nèi)涵、值得回味是趣味性設(shè)計(jì)的精華用幽默的手法表現(xiàn)了一個(gè)公務(wù)員被擰干身上每一滴血汗，可產(chǎn)生聯(lián)想：都市生活與上班族的艱辛6ppt課件●追求裝飾性P92●版面效果生動(dòng)、幽默、富于變化美國設(shè)計(jì)●宣揚(yáng)獨(dú)創(chuàng)性P93●

在創(chuàng)意上別出心裁，獨(dú)樹一幟

——

突出個(gè)性，標(biāo)新立異不直接表述吸煙的危害，而在拿煙的手上做文章。悠閑地邊抽邊玩牌，告誡人們不知不覺的傷害●

在表現(xiàn)手法和選材上具有獨(dú)創(chuàng)性

——

依據(jù)個(gè)人修養(yǎng)和個(gè)性設(shè)計(jì)●尋求協(xié)調(diào)性●

元素多元化

——

根據(jù)主題、構(gòu)想精心選材●

強(qiáng)調(diào)秩序與條理

——

協(xié)調(diào)元素之間的關(guān)系調(diào)整各元素的視覺屬性詹姆斯?斯特蘭格設(shè)計(jì)的藝術(shù)海報(bào)版面各元素之間協(xié)調(diào)有序，色調(diào)深暗，籠罩著濃郁的思考與寧靜7ppt課件●宣揚(yáng)獨(dú)創(chuàng)性P93●在創(chuàng)意上別出心裁，獨(dú)樹一幟不直接表述7.2版面構(gòu)成7.2.1什么是版面構(gòu)成●在設(shè)計(jì)中，將兩個(gè)以上的元素按照一定的規(guī)則重新排列和組合，從而形成新的視覺元素，這一設(shè)計(jì)活動(dòng)稱之為“構(gòu)成”。發(fā)生在版面上的構(gòu)成設(shè)計(jì)活動(dòng)稱之為“版面構(gòu)成”。P94●主要研究方向●版面的內(nèi)容與形式的統(tǒng)一●版面的布局、元素之間的關(guān)系●如何獲得最佳的視覺效果等●版面構(gòu)成的作用●

準(zhǔn)確、高效地傳達(dá)視覺信息●把藝術(shù)美應(yīng)用在廣告、書籍、包裝等領(lǐng)域中●體現(xiàn)歷史、文化、人文等深刻的內(nèi)涵●成為人們了解各種信息的重要界面8ppt課件7.2版面構(gòu)成7.2.1什么是版面構(gòu)成●在設(shè)計(jì)中，7.2.2構(gòu)成形式與效果●重復(fù)P95●

基本設(shè)計(jì)理念把單一元素或少量元素在版面上有序地、規(guī)律地重復(fù)排列和擺放，形成均勻、重復(fù)的排列格局●

視覺效果重復(fù)構(gòu)圖具有一定的裝飾性，安定、平和、規(guī)整把高音譜號(hào)和光盤重復(fù)交錯(cuò)排列，尋求變化提示

為了避免呆板和流于一般化，可調(diào)整基本元素的方向、個(gè)數(shù)和排列方式9ppt課件7.2.2構(gòu)成形式與效果●重復(fù)P95●基本設(shè)計(jì)理念把元素的方向、形狀疏密程度、尺寸大小明暗程度、位置高低等●韻律節(jié)奏P95●

基本設(shè)計(jì)理念漸漸升起的月亮從彎月逐漸變成滿月，在天空中劃出一個(gè)無形的優(yōu)美弧線，使人感受到月亮升起時(shí)的韻律與平穩(wěn)的節(jié)奏遵循某種變化趨勢，對基本元素進(jìn)行有序、規(guī)律地排列、擺放和改變形態(tài)●

視覺效果渲染某種情調(diào)，增加版面的感染力，使人沿著版面節(jié)奏變化的趨勢展開遐想10ppt課件元素的方向、形狀●韻律節(jié)奏P95●基本設(shè)計(jì)理念漸漸升起的●均衡●基本設(shè)計(jì)理念P96采用等量不等形的設(shè)計(jì)手法，對多個(gè)基本元素之間的位置和關(guān)系進(jìn)行協(xié)調(diào)。并通過動(dòng)與靜的相互滲透，形成矛盾體的統(tǒng)一。通過等量不等形的色塊和圖片構(gòu)成了均衡的版面，非常具有條理性，達(dá)到了均衡美的效果●視覺效果視覺上給人一種平衡感，但不失變化。版面所表達(dá)的氣息是：輕快、活潑、生動(dòng)，并且充滿趣味性。11ppt課件●均衡●基本設(shè)計(jì)理念P96采用等量不等形的設(shè)計(jì)手法，通過●對稱●

基本設(shè)計(jì)理念P96把同等同量的元素在版面上對稱擺放，尋求版面的平衡感。采用上下對稱、左右對稱、對角線對稱對稱擺放的若干元素可以相同也可水平翻轉(zhuǎn)、垂直翻轉(zhuǎn)鏡像●

視覺效果給人以穩(wěn)定感，效果較為莊重、整齊版面透出安寧和沉靜的氣息德國現(xiàn)代設(shè)計(jì)奠基人彼德?貝倫斯于1900年設(shè)計(jì)的書籍內(nèi)封該作品采用了左右對稱的版面設(shè)計(jì)12ppt課件●對稱●基本設(shè)計(jì)理念P96把同等同量的元素在版面上●視●對比●

基本設(shè)計(jì)理念P97從選材、亮度、形態(tài)、關(guān)系等方面對版面上的元素進(jìn)行處理，形成對比的視覺效果●

經(jīng)常使用的手法選材對比—

動(dòng)靜、疏密、硬軟、強(qiáng)弱對比亮度對比—

明暗、黑白對比形態(tài)對比—

大小、高低、粗細(xì)、曲直、銳鈍對比關(guān)系對比—

遠(yuǎn)近、輕重對比●

視覺效果赫伯特?

拜耶于1943年采用明暗對比手法設(shè)計(jì)的海報(bào)對比效果非常醒目視覺沖擊力強(qiáng)版面的主從關(guān)系鮮明13ppt課件●對比●基本設(shè)計(jì)理念P97從選材、亮度、形態(tài)、關(guān)系等方面●調(diào)和●基本設(shè)計(jì)理念P97從色彩、明暗、形態(tài)等諸多方面強(qiáng)調(diào)元素之間的共性與近似性，尋求相互之間的統(tǒng)一與調(diào)和避免元素之間的分離感和較大的反差●視覺效果給人帶來舒緩、平靜、安定、富于情感、有時(shí)甚至是憂郁的視覺效果調(diào)和、富于情感的設(shè)計(jì)作品14ppt課件●調(diào)和●基本設(shè)計(jì)理念P97從色彩、明暗、形態(tài)等諸多方面強(qiáng)●比例●基本設(shè)計(jì)理念P98美國設(shè)計(jì)家西莫?施瓦斯特于1975年為《3分錢的歌劇》畫冊設(shè)計(jì)的封面，采用等比版面，在眾多的畫冊中一目了然應(yīng)根據(jù)需要選取版面比例，常見的有等差、等比、黃金比，這是優(yōu)秀設(shè)計(jì)的必要條件。元素比例可任意改變，但要符合審美要求?！褚曈X效果版面比例改變可增加新奇感書籍比例的改變會(huì)使讀者在眾多書籍中立刻有所察覺元素比例的改變可產(chǎn)生立意新穎增加版面的趣味性和多變性15ppt課件●比例●基本設(shè)計(jì)理念P98美國設(shè)計(jì)家西莫?施瓦斯特于19●變化●

基本設(shè)計(jì)理念P98在設(shè)計(jì)中，強(qiáng)調(diào)版面各元素之間的差異，以此產(chǎn)生對比，增加視覺敏感度。變化的根本在于造成視覺上的不連續(xù)性，形成跳躍式的效果。●

視覺效果版面上的變化帶來視覺上的突變，可改善平庸、呆板、司空見慣的版面設(shè)計(jì)模式，給人以新奇、激發(fā)想象力的視覺感受。一個(gè)運(yùn)用變化的設(shè)計(jì)作品通過元素(昆蟲)的疏密變化產(chǎn)生動(dòng)感，引導(dǎo)讀者向著昆蟲聚攏的中心觀望，從而發(fā)現(xiàn)要展示的文字。16ppt課件●變化●基本設(shè)計(jì)理念P98在設(shè)計(jì)中，強(qiáng)調(diào)版面各元素之間的●留白●基本設(shè)計(jì)理念P99利用大面積空白造成“虛”的意境，主題則采用“實(shí)”的手法設(shè)計(jì)，虛大實(shí)小，形成強(qiáng)烈的對比。●視覺效果提高對版面的關(guān)注程度，視線集中于主題視覺感受寧靜、輕松、不喧鬧、具有空間感留白創(chuàng)造出黑暗中透出一絲曙光的意境，提高了對主題的關(guān)注程度大面積留白突出了北京民居擴(kuò)展了白茫茫的廣闊空間17ppt課件●留白●基本設(shè)計(jì)理念P99利用大面積空白造成“虛”的意境●網(wǎng)格●

基本設(shè)計(jì)理念P100運(yùn)用可見或不可見的線段對版面進(jìn)行分割，形成若干個(gè)相對獨(dú)立的視覺單元，使版面的信息量增加，具有一定的裝飾性和清晰的條理性?！?/p>

視覺效果具有鮮明的規(guī)則感，條理清晰，體現(xiàn)裝飾美采用虛擬網(wǎng)格的作品。通過元素錯(cuò)落有致地排放，使版面透出活潑、富于變化的氣息18ppt課件●網(wǎng)格●基本設(shè)計(jì)理念P100運(yùn)用可見或不●視覺效果具有7.3版面設(shè)計(jì)手段7.3.1確定圖像的編輯區(qū)域矩形選框工具套索工具P101移動(dòng)工具魔棒工具●確定矩形選區(qū)1）單擊“矩形選框工具”2）按下鼠標(biāo)左鍵，移動(dòng)鼠標(biāo)，可產(chǎn)生矩形虛線框3）鼠標(biāo)置于矩形選區(qū)內(nèi)，拖動(dòng)選區(qū)移動(dòng)，調(diào)整選區(qū)位置*）單擊鼠標(biāo)，取消選區(qū)矩形選區(qū)相關(guān)工具19ppt課件7.3版面設(shè)計(jì)手段7.3.1確定圖像的編輯區(qū)域矩形選●確定圓形選區(qū)P1021）單擊“圓形選框工具”按下選框工具片刻，在清單中選取提示2）畫圓形選區(qū)提示〈Shift〉鍵+畫正圓選區(qū)1）單擊“套索工具”2）按下鼠標(biāo)左鍵，徒手畫選區(qū)

(當(dāng)選區(qū)閉合時(shí)，松開鼠標(biāo)左鍵)●手繪自由選區(qū)20ppt課件●確定圓形選區(qū)P1021）單擊“圓形選框工具”按下選框工具●確定多邊形選區(qū)P1021）單擊“多邊形套索工具”2）在畫面上依次單擊鼠標(biāo)左鍵，畫出多邊形選區(qū)

(欲結(jié)束選區(qū)，雙擊鼠標(biāo)左鍵)1）單擊“磁性套索工具”2）在圖形邊緣單擊一下，然后沿著圖形邊緣移動(dòng)，自動(dòng)形成選區(qū)

(欲結(jié)束選區(qū)，雙擊鼠標(biāo)左鍵)●半自動(dòng)地確定選區(qū)提示此法適合于邊緣色彩差異較大的圖片21ppt課件●確定多邊形選區(qū)P1021）單擊“多邊形套索工具”2）在畫●自動(dòng)確定選區(qū)P1031）單擊“魔棒工具”2）確定容差值(容差大，選區(qū)范圍大)3）單擊圖形以外部分(自動(dòng)成為選區(qū))4）單擊鼠標(biāo)右鍵，選擇“選擇反選”菜單，交換選區(qū)單擊“添加到選區(qū)”按鈕，+新畫選區(qū)單擊“從選區(qū)減去”按鈕，-新畫選區(qū)●選區(qū)的添加與減去P10422ppt課件●自動(dòng)確定選區(qū)P1031）單擊“魔棒工具”2）確定容差值(7.3.2移動(dòng)與復(fù)制選區(qū)圖像1）利用選區(qū)工具畫出選區(qū)●圖像的移動(dòng)P1052）單擊移動(dòng)工具，鼠標(biāo)拖曳至新位置露出背景色1）單擊移動(dòng)工具●圖像的復(fù)制2）〈Alt〉鍵+鼠標(biāo)拖曳，復(fù)制提示工具盒中的背景色可預(yù)先設(shè)置，以便確定露出的背景色23ppt課件7.3.2移動(dòng)與復(fù)制選區(qū)圖像1）利用選區(qū)工具畫出選區(qū)●7.3.3圖像剪貼P106●確定選區(qū)●剪切選擇“編輯/剪切”菜單，選區(qū)被背景色取代，內(nèi)容復(fù)制到剪貼板●選擇“編輯/粘貼”菜單，直接粘貼，形成新圖層取出剪貼板存入剪貼板●選擇“編輯/拷貝”菜單，復(fù)制到剪貼板●選擇“編輯/粘貼入”菜單，粘貼到選區(qū)內(nèi)，并形成新圖層●選擇“圖層/拼合”菜單，拼合圖層選區(qū)24ppt課件7.3.3圖像剪貼P106●確定選區(qū)●剪切選擇“編輯7.3.4隨時(shí)改變圖像尺寸與比例1）單擊圖像所在圖層P108提示若想等比例改變圖像尺寸〈Shift〉鍵+移動(dòng)角方塊2）選擇“編輯/變換/縮放”菜單3）移動(dòng)每條邊上的小方塊改變圖像的寬度或高度4）移動(dòng)角方塊，同時(shí)改變圖像的寬度和高度5）雙擊矩形框內(nèi)部，結(jié)束操作●此法適用于改變圖層元素的大小25ppt課件7.3.4隨時(shí)改變圖像尺寸與比例1）單擊圖像所在圖層P17.3.5簡單圖像合成的實(shí)現(xiàn)P108最終合成效果風(fēng)光圖片粘貼素材26ppt課件7.3.5簡單圖像合成的實(shí)現(xiàn)P108最終合成效果風(fēng)光圖片7.3.5簡單圖像合成的實(shí)現(xiàn)P1081）單擊魔棒工具，容差值取152）單擊背景處3）單擊鼠標(biāo)右鍵選擇“選擇反選”●得到天鵝選區(qū)獲得粘貼素材4）選擇“編輯/拷貝”菜單5）打開風(fēng)光圖片6）選擇“編輯/粘貼”，形成新圖層7）選擇“編輯/變換/縮放”，改變尺寸8）雙擊矩形框內(nèi)部，結(jié)束縮放9）進(jìn)行步驟6、7、8，粘貼第2只天鵝合成素材最終合成效果10）單擊“移動(dòng)工具”，移動(dòng)天鵝位置27ppt課件7.3.5簡單圖像合成的實(shí)現(xiàn)P1081）單擊魔棒工具，獲7.3.6使用參考線P109設(shè)計(jì)效果●建立版面1）選擇“文件/新建”菜單2）選擇“厘米”，輸入寬度“6”，高度“9”3）分辨率輸入“300”4）彩色模式選擇“RGB顏色”5）背景內(nèi)容選擇“白色”6）單擊“好”按鈕28ppt課件7.3.6使用參考線P109設(shè)計(jì)效果●建立版面1）選擇●設(shè)置參考線P110在標(biāo)尺內(nèi)按下鼠標(biāo)左鍵不松開，向窗口內(nèi)部拖曳，得到藍(lán)色參考線設(shè)置參考線提示設(shè)置參考線可重復(fù)多次，以此得到多條參考線●進(jìn)行版面構(gòu)成1）打開全部圖片素材2）單擊“移動(dòng)工具”按鈕把素材拖曳至版面中并添加文字3）利用參考線調(diào)整各素材的位置●版面的全部圖層29ppt課件●設(shè)置參考線P110在標(biāo)尺內(nèi)按下鼠標(biāo)左鍵不松開，設(shè)置參考線7.3.7重復(fù)構(gòu)圖的實(shí)現(xiàn)P112重復(fù)構(gòu)圖設(shè)計(jì)作品●建立版面1）選擇“文件/新建”菜單2）單位選擇“厘米”，輸入寬度和高度3）輸入分辨率4）彩色模式選擇“RGB顏色”5）選擇背景內(nèi)容6）單擊“好”按鈕30ppt課件7.3.7重復(fù)構(gòu)圖的實(shí)現(xiàn)P112重復(fù)構(gòu)圖設(shè)計(jì)作品●建立7.3.7重復(fù)構(gòu)圖的實(shí)現(xiàn)●加工圖片素材P1121）打開素材(數(shù)碼相機(jī)圖片)●重復(fù)構(gòu)圖1）單擊縮小的素材窗口2）選擇“圖像/復(fù)制”菜單，復(fù)制素材3）選擇“圖像/圖像大小”菜單，把其中一個(gè)素材適當(dāng)縮小2）選擇“編輯/定義圖案”菜單3）關(guān)閉小素材窗口，打開版面4）選擇“編輯/填充”菜單5）選擇“圖案”6）在“自定圖案”中選擇小素材31ppt課件7.3.7重復(fù)構(gòu)圖的實(shí)現(xiàn)●加工圖片素材P1121）打開7.3.7重復(fù)構(gòu)圖的實(shí)現(xiàn)●進(jìn)一步加工版面P112●添加主體圖片與文字1）選擇“圖像/調(diào)整/亮度/對比度”菜單適當(dāng)降低對比度，提高亮度1）把主體圖片素材復(fù)制到剪貼板2）單擊“矩形選框工具”，分別在版面頂部和底部畫出選區(qū)，并降低亮度2）選擇“編輯/粘貼”，把素材粘貼到版面3）選擇“編輯/變換/旋轉(zhuǎn)”，旋轉(zhuǎn)素材4）選擇“圖層/圖層樣式/投影”5）調(diào)整光線角度，設(shè)置陰影距離和大小6）輸入文字THEBESTPHOTODIGITALCAMERA32ppt課件7.3.7重復(fù)構(gòu)圖的實(shí)現(xiàn)●進(jìn)一步加工版面P112●添7.3.8對稱構(gòu)圖的實(shí)現(xiàn)P114對稱的版面構(gòu)圖33ppt課件7.3.8對稱構(gòu)圖的實(shí)現(xiàn)P114對稱的版面構(gòu)圖33ppt7.3.8對稱構(gòu)圖的實(shí)現(xiàn)●建立黑色新版面P114●擺放圖片素材1）打開素材圖片，復(fù)制到剪貼板●加工圖片素材1）把狼頭部設(shè)置成選區(qū)2）選擇2次“編輯/粘貼”，素材粘貼到版面3）選擇“編輯/變換/水平翻轉(zhuǎn)”菜單，把其中一個(gè)素材翻轉(zhuǎn)過來2）選擇“濾鏡/素描/撕邊”菜單3）圖像平衡25，平滑度15，對比度154）把木刻圖案復(fù)制到剪貼板，粘貼到版面隨后輸入文字34ppt課件7.3.8對稱構(gòu)圖的實(shí)現(xiàn)●建立黑色新版面P114●擺7.3.2移動(dòng)與復(fù)制選區(qū)圖像

7.3.3圖像剪貼

7.3.4隨時(shí)改變圖像尺寸與比例

7.3.5簡單圖像合成的實(shí)現(xiàn)

7.3.6使用參考線

7.3.7重復(fù)構(gòu)圖的實(shí)現(xiàn)

7.3.8對稱構(gòu)圖的實(shí)現(xiàn)7.4習(xí)題7.1版面藝術(shù)

7.1.1什么是版面

7.1.2版面的設(shè)計(jì)意圖7.2版面構(gòu)成

7.2.1什么是版面構(gòu)成