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

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

教學(xué)要求：知識要點能力要求相關(guān)知識字符元素分析掌握理解字符元素的多種形態(tài)圖像元素處理掌握掌握圖像處理的各種方法色彩的應(yīng)用掌握理解設(shè)計色彩的搭配原理世界各國文字的歷史有長有短，形式也不盡相同，但世界文字在歷經(jīng)悠久的歷史長河中，逐步形成兩大文字體系，一種是代表華夏文化的漢字體系，另一種是象征西方文明的拉丁字母文字體系。漢字和拉丁字母文字都是起源于圖形符號，各自經(jīng)過幾千年的演化開展，最終形成了各具特色的文字體系。如圖11-1所示，漢字仍然保存了象形文字圖畫的感覺，字形外觀規(guī)整為方形，而在筆畫的變化上呈現(xiàn)出無窮含義。每個獨立的漢字都有各自的含義，在這一點上和拉丁字母文字截然不同，因而在漢字元素更重于形意結(jié)合。

以以下圖為例11.1字符元素分析如圖11-2所示，今天拉丁字母文字是由26個簡單字母組成的完整的語言體系，拉丁字母本身沒有含義，必須以字母組合構(gòu)成詞來表述詞義。其字母外形各異，富于變化，在字體整體設(shè)計上有很好的優(yōu)勢。盡管電腦字庫的種類在不斷的豐富，可供選擇的字體也越來越多，認(rèn)真收集字體的設(shè)計師在面對設(shè)計任務(wù)時，能夠輕松的找到適宜的字體為自己所用。但是，字體設(shè)計仍然是我們設(shè)計工作中重要的內(nèi)容，在很多時候被應(yīng)用到。如圖11-5所示，常見的黑體字顯然沒有圖11-6中的字體來的有設(shè)計感。漢字字符元素的塑造感非常強，在設(shè)計中應(yīng)該深入研究。單個字符從筆畫到構(gòu)成都是設(shè)計師推陳出新的著眼點，然而文字的可塑性不僅僅在字符本身。離開筆畫和結(jié)構(gòu)，字符形成的外觀形狀、段落、文字方向等都是設(shè)計師進(jìn)行設(shè)計創(chuàng)造的手段，如圖11-7、圖11-8、圖11-9所示。字符元素的打散與整合是平面設(shè)計的重要方法，整段的文字可以打散為句或者行的形式，整句的文字可以拆解為單個字符。在整合與拆解中需找設(shè)計美學(xué)是設(shè)計的長久追求。文字的大小、方向、疏密、肌理等都共同作用于設(shè)計作品的整體效果，如圖圖11-10、圖11-11。我們在設(shè)計工作中，應(yīng)該多嘗試幾種設(shè)計方式，最終選擇較好的方案。一件設(shè)計作品是多種設(shè)計元素互相協(xié)調(diào)后產(chǎn)生的，即使只有一種元素形態(tài)，也會產(chǎn)生各不相同的設(shè)計方法。越是簡約的版面，越需要設(shè)計用心構(gòu)思，取得良好的視覺效果。11.2圖像元素分析圖像元素指的是可承載或傳遞印刷視覺信息的根本要素。平面設(shè)計中圖像元素的重要不言而喻，圖像的來源根本是通過攝影與繪畫兩種渠道來獲得，但是直接的攝影或者繪畫圖像常常不能滿足設(shè)計的需要，設(shè)計師對圖像元素的加工對設(shè)計任務(wù)的最后效果有重要作用。在信息量不斷劇增的今天，圖像素材庫的全面與龐大令人興奮，設(shè)計師面對大量的圖像素材首先要做的是選擇。選擇適宜的圖像作為設(shè)計元素，是得到良好設(shè)計效果的關(guān)鍵一步。圖像元素與主題是否關(guān)系密切？圖像質(zhì)量是否能夠滿足設(shè)計要求？在吸引受眾注意和視覺沖擊方面是否能有良好的表現(xiàn)？這些都是在確定圖像元素之前設(shè)計師需要認(rèn)真考慮的問題。在設(shè)計領(lǐng)域，我們需要的是制作自己需要之物，而不是選用現(xiàn)成之物。從這點出發(fā)，我們就應(yīng)該堅持需要什么就去創(chuàng)造什么，并且盡量做到最好。一張無處不見的攝影圖片原原本本的出現(xiàn)在你的設(shè)計作品中，給人的視覺感受只有乏味。設(shè)計師應(yīng)該試著不要依賴現(xiàn)成的素材進(jìn)行創(chuàng)作，有的時候?qū)υO(shè)計素材的創(chuàng)造只是通過點、線、面等簡單的設(shè)計元素就能實現(xiàn)，幾根線條或者隨性的涂鴉都能成為你設(shè)計素材的來源。不管你畫出的線條或者其它圖形是否光滑與色彩斑斕，都比大量出現(xiàn)在已有傳播媒介上的現(xiàn)成圖像來得有意義。如圖11-15所示，這是最為常見的圖像素材，普通相機拍攝的一座人物雕像，像素不高對調(diào)也不實，這種素材如果原原本本的出現(xiàn)在設(shè)計作品中，那對作品的視覺效果只會起到破壞的作用。只要做簡單的處理就會改變這種缺乏，如圖11-16所示，只是將雕像的背景去掉，然后對雕像做了紋理化處理，再處理色調(diào)，素材的視覺感受馬上產(chǎn)生很大變化。對圖像元素的改造除了合成之外，還可以二次創(chuàng)造。一些微小的元素常常啟發(fā)設(shè)計師的創(chuàng)意思維，元素的替換或者修剪都能讓圖像有煥然一新的變化。如圖11-20所示，圖像只是一棵簡化的樹，通過對起葉子的替換，再用一條起伏的線條代表地面，就有了如圖11-21所示的設(shè)計作品，設(shè)計的整個過程簡單而輕松，最終的畫面給人干凈而清爽，在頂部添加上主題，就是一張簡單的招貼設(shè)計。對圖像進(jìn)行深入分析，結(jié)合環(huán)境來處理圖像作為設(shè)計元素的作用。如圖11-22、圖11-23兩張圖像素材，很普通的攝影圖片，因為圖11-22有很強的方向感，所以在設(shè)計中可以利用這樣一個信號來組織版面，最終得到圖11-24所示的設(shè)計效果。設(shè)計初學(xué)者常常把圖像處理理解為豐富的濾鏡效果，在設(shè)計作品中也沉浸于濾鏡的應(yīng)用。濾鏡作為一種特效有其討巧的地方，但是應(yīng)用不當(dāng)會令人心生厭煩，很容易走向低級趣味化。設(shè)計師面對圖像元素，不管是攝影圖片還是線條色塊，首先想到的應(yīng)該是二次創(chuàng)作，然后才是用一些簡便的方法來實現(xiàn)新的視覺效果，這樣出來的作品才有比較豐富的設(shè)計語言。如圖11-17、圖11-18所示，在沒有任何可供選用的圖像元素情況下，線條、色塊是非常好的素材，恰當(dāng)應(yīng)用這些元素，能夠為設(shè)計帶來新穎且恰如其分的視覺效果。應(yīng)用這些元素的時候，平面構(gòu)成與色彩構(gòu)成方面的知識就得到充分展示，所以對于學(xué)生而言，這些根底課程知識的扎實程度對后期創(chuàng)作有重要影響。圖像元素的處理有更有其無窮的發(fā)揮空間，筆者所能闡述的只能是其中的一小局部。是設(shè)計實踐中，如何嫻熟的應(yīng)用各種方法的串聯(lián)，以實現(xiàn)設(shè)計的目的，需要我們不斷去嘗試和總結(jié)。11.3色彩的應(yīng)用本節(jié)內(nèi)容主要是圍繞在PhotoshopCS5中的一個擴(kuò)展功能Kuler，它很完美的提供了多種快速配色的方式，讓對對配色頭疼的設(shè)計師帶來便捷的效勞。Kuler面板是訪問由在線設(shè)計人員社區(qū)所創(chuàng)立的顏色組、主題的入口。您可以使用它來瀏覽Kuler上的數(shù)千個主題，然后下載其中一些主題進(jìn)行編輯或包括在您自己的工程中。您還可以使用Kuler面板來創(chuàng)立和存儲主題，然后通過上載與Kuler社區(qū)共享這些主題。從PhotoshopCS5中選擇“窗口〞>“擴(kuò)展功能〞>“Kuler〞，如圖11-27所示，默認(rèn)情況下，它停留在瀏覽界面，這里有很多已經(jīng)生成配色模式供你選擇，這些配色方案都是經(jīng)過多方驗證并大量用于實踐中產(chǎn)生出來的，如圖11-28所示。在配色選項的下拉菜單中，列有四類配色方案，分別是最高評級、最受歡送、最新與隨機，如圖11-29所示。在這四種配色類目中你可以迅速解決你在配色上困擾。還有兩組類目是為設(shè)計自己動手配色準(zhǔn)備的，一類用于即時配色，一類用于存貯保存過的配色方案。說到這里，我們首先要了解色彩學(xué)的一般知識，色彩是在三原色的根底上產(chǎn)生的，即紅、黃、藍(lán)，如圖11-31所示。所有的顏色都可以通過三原色調(diào)配出來，你可以通過黃色和藍(lán)色得到綠色，紅色和綠色得到黑色，但是無法綜合其他顏色得到純黃、純藍(lán)和純紅。將三原色色輪上相鄰的兩種顏色等量混合調(diào)配就會得到三間色，如圖11-32所示。如果再將空白兩邊的顏色等量混合調(diào)配就得到一個12色的色輪，如圖11-33所示。補色是互相對立的兩種顏色，在色輪上處于相反的位置上，比方紅色和綠色。補色形成強列的比照效果，傳達(dá)出活力、能量、興奮等意義，這種色彩之間強烈比照在高純度的情況下會引起色彩的顫抖和不穩(wěn)定感，在搭配中一定要處理好這種情況，不然會使得畫面沖突非常嚴(yán)重并破壞整體。互補色搭配在正式的設(shè)計中比較少見，主要由于它特殊性和不穩(wěn)定，，在各種色相搭配中，互補色搭配無疑是一種最突出的搭配，如果你想讓你的作品特別引人注目，那互補色搭配或許是種不錯的選擇。補色要到達(dá)好的效果，一般是其中一種面積比較小，另一種比較大，適用于一種顏色突出另一種顏色。在色盤上變現(xiàn)為如圖11-34、圖11-35所示，在Photoshop里面，補色可以在Kuler里面表現(xiàn)為這樣的形式，如圖11-36所示。有一種能夠給人良好視覺感受的配色方式叫做三色組合，這種色彩搭配方案能使畫面生動活潑，哪怕是使用了低飽和度的色彩。但是在使用三角形搭配的時候一定要選出一種色彩作為主色，另外兩種作為輔助色。這三種顏色在色盤上表現(xiàn)為彼此間相隔的距離是一樣的，在Photoshop里面表現(xiàn)為如圖11-37所示。在色盤上距離較近的色彩被稱為近似色，如圖11-38所示，這種色彩搭配起來給人顯得平靜而舒服。近似色搭配在自然中能夠被經(jīng)常找到，所以對眼睛來說，接受這時種搭配方式比較舒適,在Photoshop里面表現(xiàn)為如圖11-39所示。在使用近似色搭配的時候，一定要適當(dāng)加強比照，不然可能使畫面顯得平淡。一種色彩模式既有互補色搭配的優(yōu)點，又防止了互補色搭配的弱點，一般稱之為分裂互補色。它的本質(zhì)是用使三個類似色中的一個用他的互補色來代替。分裂互補色的比照依然非常強烈，但它并不會像互補色搭配那樣產(chǎn)生顫抖和不安的感覺。對初學(xué)者來說，這是種非常好用的搭配，一般來說，使用分裂互補色搭配的畫面比照強烈，又不易使色彩產(chǎn)生混亂的感覺，在色盤上如圖11-40所示，在Photoshop里面表現(xiàn)為如圖11-41所示。X型色彩模式，如圖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)用時注意冷暖的比照。在這種色彩模式下，其中一種色彩作為主色，輔助其他三種色彩進(jìn)行搭配，能取得良好的色彩效果。色彩在實際的應(yīng)用中還涉及很方面的問題，配色的方式要根據(jù)明度、純度、色相、冷暖、比例等情況而定，這些因素的變化，會導(dǎo)致不同的視覺效果，在實踐中要認(rèn)真總結(jié)與靈活應(yīng)用。11.4本章小結(jié)在平面設(shè)計設(shè)計中，對設(shè)計元素的研究有著非常重要的意義，元素的處理是設(shè)計關(guān)鍵問題，只有將設(shè)計元素的問題解決了，設(shè)計的效果才能比較好的保障。不管是字符還是圖像，對設(shè)計效果都有非常的影響，另外色彩的搭配也是設(shè)計師的重要課題，配色是否恰當(dāng)對設(shè)計作品的成敗往往有決定性的作用。所以，在設(shè)計工作中，要處理還設(shè)計各元素之間的關(guān)系，這樣才能順利完成設(shè)計工作。接下來我們以幾個例子來簡單的小結(jié)本章的問題。如圖11-46所示，以三色組合為主要色彩模式的文字版面設(shè)計，突出主題，頁面整潔清爽。如圖11-47所示，以補色為主要色彩模式的圖文信息版面，各種姿態(tài)的人物剪影安排在文字的恰當(dāng)位置，使得圖文形成一種關(guān)聯(lián)，這種生動的圖文互動可以讓設(shè)計富有趣味性。如圖11-48所示，以近