《Photoshop平面設(shè)計與創(chuàng)意案例教程》第11章平面設(shè)計各元素分析

1、Photoshop通過本章的學習，學生能夠深入理解設(shè)計各元素的多種形態(tài)，通過對設(shè)計元素的靈活應(yīng)用來實現(xiàn)對設(shè)計語言的理解與掌握。在平面設(shè)計領(lǐng)域中，設(shè)計元素的整合與分解是設(shè)計師最為重要能力之一，如何在有序與無序之間實現(xiàn)對設(shè)計各元素的恰當處理，是一個設(shè)計從業(yè)人員能力的重要體現(xiàn)。本章的教學目的就是為了學生能夠重視設(shè)計元素的各種形態(tài)，在不同的設(shè)計任務(wù)中，靈活處理相關(guān)元素，來達到和諧的視覺效果。Start Here平面設(shè)計與創(chuàng)意案例教程第11章 平面設(shè)計各元素分析 教學要求：知 識 要 點能 力 要 求相 關(guān) 知 識字符元素分析掌握理解字符元素的多種形態(tài)圖像元素處理掌握掌握圖像處理的各種方法色彩的應(yīng)用掌握

2、理解設(shè)計色彩的搭配原理世界各國文字的歷史有長有短，形式也不盡相同，但世界文字在歷經(jīng)悠久的歷史長河中，逐步形成兩大文字體系，一種是代表華夏文化的漢字體系，另一種是象征西方文明的拉丁字母文字體系。漢字和拉丁字母文字都是起源于圖形符號，各自經(jīng)過幾千年的演化發(fā)展，最終形成了各具特色的文字體系。 如圖11-1所示，漢字仍然保留了象形文字圖畫的感覺，字形外觀規(guī)整為方形，而在筆畫的變化上呈現(xiàn)出無窮含義。每個獨立的漢字都有各自的含義，在這一點上和拉丁字母文字截然不同，因而在漢字元素更重于形意結(jié)合。 以下圖為例 11.1 字符元素分析如圖11-2所示，今天拉丁字母文字是由26個簡單字母組成的完整的語言體系，拉丁

3、字母本身沒有含義，必須以字母組合構(gòu)成詞來表述詞義。其字母外形各異，富于變化，在字體整體設(shè)計上有很好的優(yōu)勢。 在平面設(shè)計中，不管是漢字還是拉丁字母都只是作為設(shè)計元素之一，他們稟賦了各不相同的美學特征。字符作為重要的設(shè)計元素，它們可以作為可讀的文本，也可以成為裝飾性的符號出現(xiàn)，發(fā)揮著不一樣的作用。字符元素的設(shè)計中，首先要根據(jù)對象的體量和設(shè)計環(huán)境的需要來確定設(shè)計的方法。如果字符的體量大，那么字符元素的處理主要是結(jié)合版式設(shè)計來體現(xiàn)，這樣大體量的字符元素主要是用來閱讀，或者是作為裝飾性背景來應(yīng)用。我們來看下面的例子：如圖11-3所示，用來閱讀的文字在版面空間上的分布，首先要保證它的可讀性與易讀性。這類似

4、于形式與功能的命題，在實用藝術(shù)中，滿足功能性的需要，是被排在第一位的。這類型的設(shè)計，在滿足閱讀性之后，要考慮文本在版面空間的位置與大小，體現(xiàn)設(shè)計感。圖11-4所示的情況就大不相同，背景文字不用于閱讀，只是作為裝飾性元素出現(xiàn)，這里的文字其功能已經(jīng)發(fā)生變化，文字所指示的含義已經(jīng)不重要，但是它所體現(xiàn)的大小、疏密、錯落是版面設(shè)計中首先考慮的問題。當然，在這類型的設(shè)計中，背景文字一般還是若影若現(xiàn)的出現(xiàn)，它依舊可以被識別，所以在文本的選擇上盡量靠近與設(shè)計主題相關(guān)的內(nèi)容，這樣有助于它的傳播。盡管電腦字庫的種類在不斷的豐富，可供選擇的字體也越來越多，認真收集字體的設(shè)計師在面對設(shè)計任務(wù)時，能夠輕松的找到合適的字

5、體為自己所用。但是，字體設(shè)計仍然是我們設(shè)計工作中重要的內(nèi)容，在很多時候被應(yīng)用到。如圖11-5所示，常見的黑體字顯然沒有圖11-6中的字體來的有設(shè)計感。漢字字符元素的塑造感非常強，在設(shè)計中應(yīng)該深入研究。單個字符從筆畫到構(gòu)成都是設(shè)計師推陳出新的著眼點，然而文字的可塑性不僅僅在字符本身。離開筆畫和結(jié)構(gòu)，字符形成的外觀形狀、段落、文字方向等都是設(shè)計師進行設(shè)計創(chuàng)造的手段，如圖11-7、圖11-8、圖11-9所示。字符元素的打散與整合是平面設(shè)計的重要方法，整段的文字可以打散為句或者行的形式，整句的文字可以拆解為單個字符。在整合與拆解中需找設(shè)計美學是設(shè)計的長久追求。文字的大小、方向、疏密、肌理等都共同作用于

6、設(shè)計作品的整體效果，如圖圖11-10、圖11-11。我們在設(shè)計工作中，應(yīng)該多嘗試幾種設(shè)計方式，最終選擇較好的方案。一件設(shè)計作品是多種設(shè)計元素互相協(xié)調(diào)后產(chǎn)生的，即使只有一種元素形態(tài)，也會產(chǎn)生各不相同的設(shè)計方法。越是簡約的版面，越需要設(shè)計用心構(gòu)思，取得良好的視覺效果。深入字符的內(nèi)部，就可以更加細致的分解字符元素的設(shè)計空間。不論是拉丁字母還是中國的漢字，都可以把單字符再進行分解為筆畫或者其他的小局部，這種打散后的重組在設(shè)計中有良好的視覺表現(xiàn)，如圖11-12、圖11-13、圖11-14所示。一個單詞可以分解為數(shù)個字母，通過對字母的再創(chuàng)作獲得新的視覺感受，對一個漢字字符的分解則表現(xiàn)為對筆畫的打散。這種化

7、整為零的設(shè)計手段，在制造視覺新感受方面有貢獻，常常給設(shè)計帶來很好的效果。在藝術(shù)設(shè)計中，不僅要將字符元素作為傳達文本信息的符號來對待，而且要把它當作圖像來進行設(shè)計，因為字符對于設(shè)計來說至關(guān)重要。然而字符元素可以創(chuàng)造的形象千變?nèi)f化，筆者無法一一列舉，上述幾種只是字符元素可塑形態(tài)的一些方面，更多的方法需要我們在實際工作深入發(fā)現(xiàn)。11.2 圖像元素分析圖像元素指的是可承載或傳遞印刷視覺信息的基本要素。平面設(shè)計中圖像元素的重要不言而喻，圖像的來源基本是通過攝影與繪畫兩種渠道來獲得，但是直接的攝影或者繪畫圖像常常不能滿足設(shè)計的需要，設(shè)計師對圖像元素的加工對設(shè)計任務(wù)的最后效果有重要作用。在信息量不斷劇增的今

8、天，圖像素材庫的全面與龐大令人興奮，設(shè)計師面對大量的圖像素材首先要做的是選擇。選擇合適的圖像作為設(shè)計元素，是得到良好設(shè)計效果的關(guān)鍵一步。圖像元素與主題是否關(guān)系密切？圖像質(zhì)量是否能夠滿足設(shè)計要求？在吸引受眾注意和視覺沖擊方面是否能有良好的表現(xiàn)？這些都是在確定圖像元素之前設(shè)計師需要認真考慮的問題。在設(shè)計領(lǐng)域，我們需要的是制作自己需要之物，而不是選用現(xiàn)成之物。從這點出發(fā)，我們就應(yīng)該堅持需要什么就去創(chuàng)造什么，并且盡量做到最好。一張無處不見的攝影圖片原原本本的出現(xiàn)在你的設(shè)計作品中，給人的視覺感受只有乏味。設(shè)計師應(yīng)該試著不要依賴現(xiàn)成的素材進行創(chuàng)作，有的時候?qū)υO(shè)計素材的創(chuàng)造只是通過點、線、面等簡單的設(shè)計元素

9、就能實現(xiàn)，幾根線條或者隨性的涂鴉都能成為你設(shè)計素材的來源。不管你畫出的線條或者其它圖形是否光滑與色彩斑斕，都比大量出現(xiàn)在已有傳播媒介上的現(xiàn)成圖像來得有意義。如圖11-15所示，這是最為常見的圖像素材，普通相機拍攝的一座人物雕像，像素不高對調(diào)也不實，這種素材如果原原本本的出現(xiàn)在設(shè)計作品中，那對作品的視覺效果只會起到破壞的作用。只要做簡單的處理就會改變這種不足，如圖11-16所示，只是將雕像的背景去掉，然后對雕像做了紋理化處理，再處理色調(diào)，素材的視覺感受馬上產(chǎn)生很大變化。從這樣一個案例我們可以知道去背景對圖像素材有著非同尋常的一樣，在設(shè)計工作中，我們對圖像元素的需要往往是某些符合或者圖像中的局部，

10、這個時候除了所需對象之外的背景就顯得多余，于是去背景就成為設(shè)計師首先要做的工作。因為去背景的應(yīng)用范圍非常普遍，在各種設(shè)計任務(wù)中，我們都看到用這種方法實現(xiàn)的各種設(shè)計效果，所以說去背景成為制作設(shè)計素材的最關(guān)鍵方式之一。另外一個經(jīng)驗就是，對圖像質(zhì)量不高的素材，可以通過將圖像處理成特殊的視覺感受，如剪影或者Photoshop中的其他濾鏡效果。這不僅僅能夠掩蓋圖像本身的缺陷，同時還增加了圖像的視覺藝術(shù)性，給人新鮮的觀感。這種視覺效果的實現(xiàn)往往是簡單的，只要應(yīng)用鋼筆或者套索工具又或者通過Photoshop中的濾鏡命令就能輕松實現(xiàn)。這兩個經(jīng)驗對類似這種圖像質(zhì)量不高素材有很好的表現(xiàn)意義。設(shè)計師面選定了相關(guān)素材

11、后，對素材的要求有自己的判斷，大部分素材是不能直接使用，修剪和改造是經(jīng)常性工作。在眾多方法中，合成是比較頻繁使用的方式之一。這個方法可以避開特定圖像的缺陷，綜合多張圖像的優(yōu)勢于一身，在視覺效果上有卓著的表現(xiàn)。如圖11-17所示,一大片綠色茶山令人心曠神怡，但是細心的設(shè)計師也許對茶山的天空不太滿意，那么就自己創(chuàng)造一片天空吧。將圖11-18的藍天白云合成到圖11-17當中，得到如圖11-19的效果，這是最簡單的圖像合成技術(shù)，在這個簡單的案例中我們得到這樣一個經(jīng)驗，那就是怎么規(guī)避圖像元素的缺點，讓它更美麗些。對圖像元素的改造除了合成之外，還可以二次創(chuàng)造。一些微小的元素常常啟發(fā)設(shè)計師的創(chuàng)意思維，元素的

12、替換或者修剪都能讓圖像有煥然一新的變化。如圖11-20所示，圖像只是一棵簡化的樹，通過對起葉子的替換，再用一條起伏的線條代表地面，就有了如圖11-21所示的設(shè)計作品，設(shè)計的整個過程簡單而輕松，最終的畫面給人干凈而清爽，在頂部添加上主題，就是一張簡單的招貼設(shè)計。對圖像進行深入分析，結(jié)合環(huán)境來處理圖像作為設(shè)計元素的作用。如圖11-22、圖11-23兩張圖像素材，很普通的攝影圖片，因為圖11-22有很強的方向感，所以在設(shè)計中可以利用這樣一個信號來組織版面，最終得到圖11-24所示的設(shè)計效果。設(shè)計初學者常常把圖像處理理解為豐富的濾鏡效果，在設(shè)計作品中也沉浸于濾鏡的應(yīng)用。濾鏡作為一種特效有其討巧的地方，

13、但是應(yīng)用不當會令人心生厭煩，很容易走向低級趣味化。設(shè)計師面對圖像元素，不管是攝影圖片還是線條色塊，首先想到的應(yīng)該是二次創(chuàng)作，然后才是用一些簡便的方法來實現(xiàn)新的視覺效果，這樣出來的作品才有比較豐富的設(shè)計語言。正如前面所述，設(shè)計師面對圖像元素首先要做的是選擇，這是相對于客戶提供素材的基礎(chǔ)上而言。在很多時候，設(shè)計師還要進入到素材的采集階段，那就是對設(shè)計任務(wù)中涉及到的素材進行拍攝，所以攝影藝術(shù)也是設(shè)計師必修的一門學問。如果你身邊沒有現(xiàn)成的圖片，又不會畫畫，也沒有條件親子采集圖像素材，那也不用一籌莫展。設(shè)計師應(yīng)該具備離開上述手段之外去創(chuàng)造素材能力，而創(chuàng)造這類型的素材常常是通過簡單的圖案或者線條組織而成的

14、抽象的視覺元素。這些抽象的圖像元素，有很強的裝飾效果，如果圖案的造型與主題有些許的關(guān)聯(lián)，那就更能符合設(shè)計的要求。如圖11-17、圖11-18所示，在沒有任何可供選用的圖像元素情況下，線條、色塊是非常好的素材，恰當應(yīng)用這些元素，能夠為設(shè)計帶來新穎且恰如其分的視覺效果。應(yīng)用這些元素的時候，平面構(gòu)成與色彩構(gòu)成方面的知識就得到充分展示，所以對于學生而言，這些基礎(chǔ)課程知識的扎實程度對后期創(chuàng)作有重要影響。圖像元素的處理有更有其無窮的發(fā)揮空間，筆者所能闡述的只能是其中的一小部分。是設(shè)計實踐中，如何嫻熟的應(yīng)用各種方法的串聯(lián)，以實現(xiàn)設(shè)計的目的，需要我們不斷去嘗試和總結(jié)。11.3 色彩的應(yīng)用色彩是造型藝術(shù)的主要手

15、段之一，也是一切造型藝術(shù)的重要基礎(chǔ)。色彩是光線通過物體的反射，作用于人的視覺和大腦的結(jié)果。色彩具有最能打動人類直覺，并且可直接訴諸于感情的力量。色彩作為設(shè)計中重要的形式因素，其應(yīng)用價值和審美價值無庸置疑的。因此，認真學習和研究設(shè)計色彩的基本規(guī)律，熟練的掌握設(shè)計色彩基本理論與表現(xiàn)技巧，對于每一個藝術(shù)設(shè)計專業(yè)的學生來講，顯得尤為重要和必要。色彩在設(shè)計中不僅能通過具體的色相、明度、彩度等有效傳達產(chǎn)品的品格與性質(zhì)，而且還可以利用色彩心理、色彩感情，創(chuàng)造豐富的聯(lián)想，為產(chǎn)品的認知功能、使用功能、審美功能提供最直接的支持。色彩在相當程度上能夠左右人類的情緒乃至改變?nèi)祟惖纳罘绞?。?yōu)秀的設(shè)計一定是自覺地、巧妙

16、地發(fā)揮色彩的魅力與力量，設(shè)計產(chǎn)品不僅能因為色彩而增加自身的附加值，同時還能不斷提升產(chǎn)品本身的審美品位。本節(jié)內(nèi)容主要是圍繞在Photoshop CS5中的一個擴展功能Kuler，它很完美的提供了多種快速配色的方式，讓對對配色頭疼的設(shè)計師帶來便捷的服務(wù)。Kuler面板是訪問由在線設(shè)計人員社區(qū)所創(chuàng)建的顏色組、主題的入口。您可以使用它來瀏覽 Kuler上的數(shù)千個主題，然后下載其中一些主題進行編輯或包括在您自己的項目中。您還可以使用Kuler面板來創(chuàng)建和存儲主題，然后通過上載與Kuler社區(qū)共享這些主題。從Photoshop CS5中選擇“窗口”“擴展功能”“Kuler”，如圖11-27所示，默認情況下

17、，它停留在瀏覽界面，這里有很多已經(jīng)生成配色模式供你選擇，這些配色方案都是經(jīng)過多方驗證并大量用于實踐中產(chǎn)生出來的，如圖11-28所示。在配色選項的下拉菜單中，列有四類配色方案，分別是最高評級、最受歡迎、最新與隨機，如圖11-29所示。在這四種配色類目中你可以迅速解決你在配色上困擾。還有兩組類目是為設(shè)計自己動手配色準備的，一類用于即時配色，一類用于存貯保存過的配色方案。說到這里，我們首先要了解色彩學的一般知識，色彩是在三原色的基礎(chǔ)上產(chǎn)生的，即紅、黃、藍，如圖11-31所示。所有的顏色都可以通過三原色調(diào)配出來，你可以通過黃色和藍色得到綠色，紅色和綠色得到黑色，但是無法綜合其他顏色得到純黃、純藍和純紅

18、。將三原色色輪上相鄰的兩種顏色等量混合調(diào)配就會得到三間色，如圖11-32所示。如果再將空白兩邊的顏色等量混合調(diào)配就得到一個12色的色輪，如圖11-33所示。補色是互相對立的兩種顏色，在色輪上處于相反的位置上，比如紅色和綠色。補色形成強列的對比效果，傳達出活力、能量、興奮等意義，這種色彩之間強烈對比在高純度的情況下會引起色彩的顫動和不穩(wěn)定感，在搭配中一定要處理好這種情況，不然會使得畫面沖突非常嚴重并破壞整體。互補色搭配在正式的設(shè)計中比較少見，主要由于它特殊性和不穩(wěn)定，在各種色相搭配中，互補色搭配無疑是一種最突出的搭配，如果你想讓你的作品特別引人注目，那互補色搭配或許是種不錯的選擇。補色要達到好的

19、效果，一般是其中一種面積比較小，另一種比較大，適用于一種顏色突出另一種顏色。在色盤上變現(xiàn)為如圖11-34、圖11-35所示，在Photoshop里面，補色可以在Kuler里面表現(xiàn)為這樣的形式，如圖11-36所示。有一種能夠給人良好視覺感受的配色方式叫做三色組合，這種色彩搭配方案能使畫面生動活潑，哪怕是使用了低飽和度的色彩。但是在使用三角形搭配的時候一定要選出一種色彩作為主色，另外兩種作為輔助色。這三種顏色在色盤上表現(xiàn)為彼此間相隔的距離是一樣的，在Photoshop里面表現(xiàn)為如圖11-37所示。在色盤上距離較近的色彩被稱為近似色，如圖11-38所示，這種色彩搭配起來給人顯得平靜而舒服。近似色搭配

20、在自然中能夠被經(jīng)常找到，所以對眼睛來說，接受這時種搭配方式比較舒適, 在Photoshop里面表現(xiàn)為如圖11-39所示。在使用近似色搭配的時候，一定要適當加強對比，不然可能使畫面顯得平淡。一種色彩模式既有互補色搭配的優(yōu)點，又避免了互補色搭配的弱點，一般稱之為分裂互補色。它的本質(zhì)是用使三個類似色中的一個用他的互補色來代替。分裂互補色的對比依然非常強烈，但它并不會像互補色搭配那樣產(chǎn)生顫抖和不安的感覺。對初學者來說，這是種非常好用的搭配，一般來說，使用分裂互補色搭配的畫面對比強烈，又不易使色彩產(chǎn)生混亂的感覺，在色盤上如圖11-40所示，在Photoshop里面表現(xiàn)為如圖11-41所示。X型色彩模式，

21、如圖11-42所示，在Photoshop里面表現(xiàn)為如圖11-43所示。這種色彩模式由兩組互補色組成，是互補色搭配的特殊形式，要注意的是兩組色彩的選用是在近似色的范圍內(nèi)。這種方式搭配的色彩非常豐富，能使畫面產(chǎn)生節(jié)奏感。但是在應(yīng)用的時候，需要注意他的冷暖對比。與X型色彩模式想仿的另一種搭配方式是十字形模式，如圖11-44所示，在Photoshop里面表現(xiàn)為如圖11-45所示。兩組補色在色盤中呈垂直的分布，和X型色彩模式一樣有豐富的色彩效果，在應(yīng)用時注意冷暖的對比。在這種色彩模式下，其中一種色彩作為主色，輔助其他三種色彩進行搭配，能取得良好的色彩效果。色彩在實際的應(yīng)用中還涉及很方面的問題，配色的方式要根據(jù)明度、純度、色相、冷暖、比例等情況而定，這些因素的變化，會導致不同的視覺效果，在實踐中要認真總結(jié)與靈活應(yīng)用。