平面設(shè)計培訓(xùn)課件

平面設(shè)計基礎(chǔ)知識2/1/202311?平面設(shè)計簡介1.平面設(shè)計及類型2.平面設(shè)計的元素3.平面設(shè)計的過程4.平面設(shè)計的工具2?圖像的基本概念

1.圖像種類2.像素和分辨率3.常用文件格式4.常見的顏色模式3?色彩的配搭1.十種基本的配色設(shè)計2.六種配色理念2/1/20232平面設(shè)計[planedesign/graphicdesign],以“視覺”作為溝通和表現(xiàn)的方式，透過多種方式來創(chuàng)造或結(jié)合符號、圖片和文字，借此作出用來傳達(dá)想法或訊息的視覺表現(xiàn)。

從范圍來講用來印刷的都和平面設(shè)計有關(guān)，從功能來講稱之為視覺傳達(dá)，即用視覺語言進(jìn)行傳遞信息和表達(dá)觀點。

目前常見的平面設(shè)計項目，包括以下幾類：網(wǎng)頁設(shè)計、包裝設(shè)計、DM廣告設(shè)計、海報設(shè)計、平面媒體廣告設(shè)計、書籍設(shè)計、刊物設(shè)計、VI設(shè)計等。2/1/20233

平面設(shè)計的類型1.字體設(shè)計2/1/202342.標(biāo)志設(shè)計2/1/202353.書籍設(shè)計2/1/202364.包裝設(shè)計2/1/202375.廣告設(shè)計2/1/202386.企業(yè)形象設(shè)計2/1/202397.網(wǎng)頁設(shè)計2/1/2023108.海報設(shè)計2/1/202311平面設(shè)計的元素

1.概念元素：所謂概念元素是那些不實際存在的，不可見的，但人們的意識又能感覺到的東西。例如我們看到尖角的圖形，感到上面有點，物體的輪廓上有邊緣線。概念元素包括：點、線、面。

2.視覺元素：概念元素不在實際的設(shè)計中加以體現(xiàn)，它將是沒有意義的。概念元素通常是通過視覺元素體現(xiàn)的，視覺元素包括圖形的大小、形狀、色彩等。

3.關(guān)系元素：視覺元素在畫面上如何組織、排列，是靠關(guān)系元素來決定的。包括：方向、位置、空間、重心等。

4.實用元素：指設(shè)計所表達(dá)的含義、內(nèi)容、設(shè)計的目的及功能。2/1/202312平面設(shè)計的過程是有計劃有步驟的漸進(jìn)式不斷完善的過程，設(shè)計的成功與否很大程度上取決于理念是否準(zhǔn)確，考慮是否完善。設(shè)計之美永無止境，完善取決于態(tài)度。

1、調(diào)查

調(diào)查是了解事物的過程，設(shè)計需要的是有目的和完整的調(diào)查。背景、市場調(diào)查、行業(yè)調(diào)查（關(guān)于品牌、受眾、產(chǎn)品……）、關(guān)于定位、表現(xiàn)手法、……調(diào)查是設(shè)計的開始和基礎(chǔ)（背景知識）。

2、內(nèi)容

內(nèi)容分為主題和具體內(nèi)容兩部分，這是設(shè)計師在進(jìn)行設(shè)計前的基本材料。

3、理念

構(gòu)思立意是設(shè)計的第一步，在設(shè)計中思路比一切更重要。理念一向獨立于設(shè)計之上。也許在你的視覺作品中傳達(dá)出理念是最難的一件事。平面設(shè)計的過程2/1/202313

4、調(diào)動視覺元素

在設(shè)計中基本元素相當(dāng)于你作品的構(gòu)件，每一個元素都要有傳遞和加強(qiáng)傳遞信息的目的。在一個版面之中，構(gòu)成元素可以根據(jù)類別來進(jìn)行劃分，如可以分為：

標(biāo)題、內(nèi)文、背景、色調(diào)、主體圖形、留白、視覺中心等等。平面設(shè)計版面就是把不同元素進(jìn)行有機(jī)結(jié)合的過程。

2/1/202314

5、選擇表現(xiàn)手法

手法即是技巧，在視覺產(chǎn)品泛濫的今天要想把受眾打動以并非易事，更多的視覺作品已被人們的眼睛自動的忽略掉了。在三大構(gòu)成中很多種圖形的處理和表現(xiàn)手法，如對比、類比、夸張、對稱、主次、明暗、變異、重復(fù)、矛盾、放射、節(jié)奏、粗細(xì)、冷暖、面積等形式。另外還有從圖形處理的效果上又有手繪類效果，如油畫、鉛筆、水彩、版畫、蠟筆、涂鴉……還有其他的如攝影、老照片、等等。2/1/2023156、平衡

平衡能帶來視覺及心理的滿足，設(shè)計師要解決畫面當(dāng)中力場的平衡，前后銜接的平衡，平衡與不平衡是相對的，以是否達(dá)到主題要求為標(biāo)準(zhǔn)。平衡分為對稱平衡和不對稱平衡，包括點、線、面、色、空間的平衡。

7、出彩

記住，你要創(chuàng)造出視覺興奮點來升華你的作品。

8、關(guān)于風(fēng)格

作為設(shè)計師，固定風(fēng)格的形成意味著自我的僵死，但風(fēng)格同時又是一個設(shè)計師性格、喜好、閱歷、修養(yǎng)的反映，也是設(shè)計師成熟的標(biāo)志，以為"了解大同，才能獨走邊緣"。

9、制作檢查項目包括：圖形、字體、內(nèi)文、色彩、編排、比例……

要求：視覺的想象力和效果要賞心悅目，而更重要的是被受眾理解！2/1/202316平面設(shè)計的工具平面設(shè)計的工具可劃分為圖像繪制和圖像處理兩個部分，下面簡單介紹這方面一些常用軟件：AdobePhotoshop這款美國Adobe公司的軟件一直是圖像處理領(lǐng)域的巨無霸,在出版印刷、廣告設(shè)計、美術(shù)創(chuàng)意、圖像編輯等領(lǐng)域得到了極為廣泛的應(yīng)用。2/1/202317AdobeIllustratorAdobeIllustrator是美國ADOBE(奧多比)公司推出的專業(yè)矢量繪圖工具，是出版、多媒體和在線圖像的工業(yè)標(biāo)準(zhǔn)矢量插畫軟件。Illustrator不僅僅是一個藝術(shù)產(chǎn)品工具，其能適合大部分小型設(shè)計到大型的復(fù)雜項目。CorelDrawCorelDraw是Corel公司推出的集矢量圖形設(shè)計、印刷排版、文字編輯處理和圖形高品質(zhì)輸出于一體的平面設(shè)計軟件，深受廣大平面設(shè)計人員的喜愛，目前主要在廣告制作、圖書出版等方面得到廣泛的應(yīng)用，功能與其類似的軟件有Illustrator、Freehand。2/1/202318——CorelDraw

——Maya2/1/202319——AdobePhotoshop

——Maya2/1/202320——Freehand

——Maya2/1/202321——AdobeIllustrator

——Maya2/1/202322——Maya

——Maya2/1/202323——pagemaker

——Maya2/1/202324AdobeIndesign

PageMakerFreehandQuarkXPressFireworksFlash2/1/202325

圖像的基本概念圖像種類1.矢量圖形（Vector）：

矢量又稱“向量”，矢量圖形中的圖形元素（點和

線段）稱為對象，每個對象都是單獨的個體，它具

有大小、方向、輪廓、顏色和屏幕位置等屬性。矢量圖形就是用數(shù)學(xué)的方法通過計算機(jī)語言來繪制矩形等而成。2/1/2023262.位圖圖像（Bitmap）：

位圖又稱為點陣圖、像素圖或柵格圖像，是由稱作像素（柵格）的單個點組成。這些點可以進(jìn)行不同的排列和染色以構(gòu)成圖樣。2/1/202327

矢量圖特點：能重現(xiàn)清晰的輪廓，線條非常光滑、且具有良好的縮放性；圖形、文字編輯能力強(qiáng)；與位圖相比，在顯示和打印方面都快的多。但圖形不真實生動，顏色不豐富，無法像照片一樣真實地再現(xiàn)這個世界的景色。

常用的矢量繪圖軟件：Illustrator、CorelDraw、FreeHand、AutoCAD、Flash等。

位圖特點：位圖圖像善于重現(xiàn)顏色的細(xì)微層次，能夠制作出色彩和亮度變化豐富的圖像，可逼真地再現(xiàn)這個世界。文件龐大，不能隨意縮放；打印和輸出的精度是有限的；

常用的位圖軟件：Photoshop、PhotoPainter、PhotoImpact、PaintShopPro、Painter等。2/1/202328像素與分辨率

像素：像素是構(gòu)成圖像的最基本元素，它實際上一個個獨立的小方格，每個像素都能記錄它所在的位置和顏色信息。

右圖中每一個小方格就是一個像素點，它記載著圖像的各種信息。2/1/202329

圖像分辨率：是指組成一幅圖像的像素密度

的度量方法。同樣的圖，圖像像素數(shù)目越多，圖

像的分辨率越高，看起來就越逼真。反之，圖像顯得越粗糙。

分辨率：單位長度內(nèi)(通常是一英寸)像素點的

數(shù)量多少。針對不同的輸出要求對分辨率的大小也不一樣，如常用的屏幕分辨率為72像素/英寸，而普通印刷的分辨率為300像素/英寸。

2/1/202330一張72ppi分辨率1×1英寸的圖像（像素數(shù)為72×72=5184）和一張尺寸同為1×1英寸但分辨率為300ppi的圖像（像素數(shù)為300×300=90000），在同樣放大200%時，可以看到分辨率為300ppi的明顯比72ppi的清晰，如圖所示。2/1/202331常用文件格式：PSD：Photoshop存儲的默認(rèn)格式，支持PS處理的任何內(nèi)容（如圖層、通道、色彩信息、文字等）、支持無損壓縮。唯一能夠支持全部圖像色彩模式的格式?？珊喜觼頊p少圖像大小。在壓縮圖像方面強(qiáng)于TIFF格式。在應(yīng)用軟件中AfterEffects和CorelPhoto-paint支持。EPS（EncapsulatedPostScript）：是一種通用的行業(yè)標(biāo)準(zhǔn)格式，應(yīng)用于繪圖、排版和印刷，最大優(yōu)點是可以在軟件中以低分辨率預(yù)覽，將插入的文件進(jìn)行編輯排版，而在打印或出膠片時則以高分辨率輸出，做到工作效率與圖像輸出質(zhì)量兩不誤。JPEG（JoinPhotographicExpertsGroup）：是最常用的一種圖像格式，也是一種壓縮（有損的）方法，用于圖像壓縮的一種工業(yè)標(biāo)準(zhǔn)文件格式。支持RGB模式、索引模式、灰度模式和位圖色彩模式，但不支持通道。2/1/202332GIF（GraphicInformationFormat）：是一種使用LZW（LempelZivWelch）的無損壓縮。常用于WEB上使用的圖像，只能表達(dá)256級色彩。PNG（PortableNetworkGraphics）：是專門為Web創(chuàng)造的，將GIF和JPEG最好的特性結(jié)合起來。和GIF格式不同的是，PNG格式并不限于256色，可支持24位圖像，通過保存一個Alpha通道來定義透明區(qū)域，產(chǎn)生沒有鋸齒邊緣的透明區(qū)域。支持灰度、索引顏色和RGB模式。TIFF（TaggedImageFileFormat）：具有跨平臺的兼容性。在排版上廣泛的應(yīng)用且是圖像處理程序中所支持的最通用文件格式。保存剪貼路徑、圖層、Alpha和專色通道、注釋及其他一些選項。最大優(yōu)點是圖像不受操作平臺的限制。主要是為了便于應(yīng)

用軟件之間進(jìn)行圖像數(shù)據(jù)交換。大多數(shù)掃描儀都

輸出TIFF格式的圖像文件。2/1/202333

CDR：CorelDRAW專用的矢量圖形格式。與其他軟件、圖形格式的交流不是很好，但有許多獨特的性質(zhì)，保存了CorelDRAW文件中的全部素材，使得CDR文件格式在很多

行業(yè)中非常流行，應(yīng)用非常廣泛。

AI：AdobeIllustrator采用的標(biāo)準(zhǔn)矢量圖形格式，用于記錄不同的線條組成的圖像文件，與PageMaker之間的兼容性非常好，也可兼容CorelDRAW、Flash等軟件。常用于出版印刷行業(yè)，所保存的信息比WMF多。2/1/202334常見顏色模式配制顏色的方式。顏色模式用于確定圖像中顯示的顏色數(shù)量外，還影響通道數(shù)和圖像的文件大小。不同的顏色模式，表示圖像中像素點采用的不同顏色描述方法?；叶饶Ｊ剑夯叶葓D可以表現(xiàn)從黑到白的整個系列灰色色調(diào)?？僧a(chǎn)生28=256級灰度（0表示純白，256為純黑），灰度圖就是用這256級灰度值來表現(xiàn)圖片內(nèi)容的。

RGB顏色：

源于色光三原色，是一種發(fā)光屏幕的加色模式，所有其他顏色都通過紅、綠、藍(lán)三種顏色疊加而形成。是PS默認(rèn)的色彩模式。R（Red）紅色、G（Green）綠色、B（Blue）藍(lán)色，值分別為0~255。將紅、綠、藍(lán)3種顏色的光混合起來產(chǎn)生顏色，稱為加色法。

加色法中，沒有光線存在時的顏色是黑色

（R、G、B值都為0）；所有的光都為最大

值（255）時的顏色是白色。2/1/202335

CMY模式這種模式是通過吸收白光中的某些顏色，而反射其他的色光而表現(xiàn)顏色的，所以也稱為減色法。RGB和CMY是互逆的。CMYK模式

CMYK模式除用來表現(xiàn)色彩的CMY三色以外，

為了增強(qiáng)印刷效果的逼真度，增加了一種顏色——黑色。青（Cyan）、洋紅（Magenta）、黃（Yellow）、黑（Black）。在Photoshop中，CMYK的圖像是通過4個通道來體現(xiàn)的，它比相同幅面的RGB圖像文件大33%，且正好是灰度圖文件的4倍。印刷中使用的是減色法，因此決定了不能印刷RGB色,，因此在印刷時，常要進(jìn)行RGB色到CMYK色的轉(zhuǎn)換。2/1/2023362/1/2023372/1/2023382/1/2023392/1/2023402/1/2023412/1/2023422/1/2023432/1/2023442/1/202345色彩的配搭在平面設(shè)計中，色彩永遠(yuǎn)是最重要的一環(huán)。一個顏色的效果是由多種因素來決定的：反射的光，周邊搭配的色彩，或是觀看者的欣賞角度。當(dāng)我們距離一份平面設(shè)計作品較遠(yuǎn)的時候，我們看到的不是優(yōu)美的版式或者是美麗的圖片，而是色彩。關(guān)于色彩的原理有許多，在此我不可能一一闡述，大家可以看看相關(guān)設(shè)計書籍，有利于系統(tǒng)地理解。下面是一些配色的小技巧。2/1/202346十種基本的配色設(shè)計2/1/2023472/1/202348六種配色理念基本配色——強(qiáng)烈

最有力的色彩組合是充滿刺激的快感和支配的欲念，不管顏色是怎么組合，紅色絕對是少不了的。紅色是最終

力量來源——強(qiáng)烈、大膽、極端。力量的色彩組合

象征人類最激烈的感情：愛、恨、情、仇，表現(xiàn)情感

的充分發(fā)泄。

基本配色——豐富

要表現(xiàn)色彩里的濃烈、富足感可藉由組合一個有力的色彩和它暗下來的補(bǔ)色。例如，深白蘭地酒紅色就是在紅色中加了黑色，就像產(chǎn)自法國葡萄園里陳年純美的葡萄酒，象征財富。白蘭地酒紅色和深森林綠如果和金色一起使用可表現(xiàn)富裕。這些深色、華麗的色彩用在各式各樣的織料上，如皮革和

波紋皺絲等等，可創(chuàng)造出戲劇性、難以忘懷的效果。

這些色彩會給人一種財富和地位的感覺。

2/1/202349

基本配色——浪漫

粉紅代表浪漫。粉紅色是把數(shù)量不一的白色加在紅色里面，造成一種明亮的紅。象紅色一樣，粉紅色會引起人的興趣與快感，但是比較柔和、寧靜的方式進(jìn)行。浪漫色彩設(shè)計，藉由使用粉紅、淡紫和桃紅（略帶鮮艷的粉紅色），會令人覺得柔和、典雅。和其它明亮的粉彩

配合起來，紅色會讓想起夢幻般的6月天和滿滿一束

夏日炎炎下嬌柔的花朵。