平面設計基礎知識培訓課件.ppt
下載文檔
上傳人:十二
編號:910624
2024-03-28
52頁
4.73MB
1、9:06 AM,1,平面設計基礎知識,9:06 AM,2,1平面設計簡介1.平面設計及類型2.平面設計的元素3.平面設計的過程4.平面設計的工具2圖像的基本概念1.圖像種類2.像素和分辨率3.常用文件格式4.常見的顏色模式,3色彩的配搭1.十種基本的配色設計2.六種配色理念,9:06 AM,3,平面設計plane design/graphic design,以“視覺”作為溝通和表現的方式,透過多種方式來創造或結合符號、圖片和文字,借此作出用來傳達想法或訊息的視覺表現。從范圍來講用來印刷的都和平面設計有關,從功能來講稱之為視覺傳達,即用視覺語言進行傳遞信息和表達觀點。目前常見的平面設計項目,包括2、以下幾類:網頁設計、包裝設計、DM廣告設計、海報設計、平面媒體廣告設計、書籍設計、刊物設計、VI設計等。,9:06 AM,4,平面設計的類型,1.字體設計,9:06 AM,5,2.標志設計,9:06 AM,6,3.書籍設計,9:06 AM,7,4.包裝設計,9:06 AM,8,5.廣告設計,9:06 AM,9,6.企業形象設計,9:06 AM,10,7.網頁設計,9:06 AM,11,8.海報設計,9:06 AM,12,平面設計的元素,1.概念元素:所謂概念元素是那些不實際存在的,不可見的,但人們的意識又能感覺到的東西。例如我們看到尖角的圖形,感到上面有點,物體的輪廓上有邊緣線。概念元素包括:3、點、線、面。2.視覺元素:概念元素不在實際的設計中加以體現,它將是沒有意義的。概念元素通常是通過視覺元素體現的,視覺元素包括圖形的大小、形狀、色彩等。3.關系元素:視覺元素在畫面上如何組織、排列,是靠關系元素來決定的。包括:方向、位置、空間、重心等。4.實用元素:指設計所表達的含義、內容、設計的目的及功能。,9:06 AM,13,平面設計的過程是有計劃有步驟的漸進式不斷完善的過程,設計的成功與否很大程度上取決于理念是否準確,考慮是否完善。設計之美永無止境,完善取決于態度。1、調查 調查是了解事物的過程,設計需要的是有目的和完整的調查。背景、市場調查、行業調查(關于品牌、受眾、產品)、關于定位、4、表現手法、調查是設計的開始和基礎(背景知識)。2、內容 內容分為主題和具體內容兩部分,這是設計師在進行設計前的基本材料。3、理念 構思立意是設計的第一步,在設計中思路比一切更重要。理念一向獨立于設計之上。也許在你的視覺作品中傳達出理念是最難的一件事。,平面設計的過程,9:06 AM,14,4、調動視覺元素 在設計中基本元素相當于你作品的構件,每一個元素都要有傳遞和加強傳遞信息的目的。在一個版面之中,構成元素可以根據類別來進行劃分,如可以分為:標題、內文、背景、色調、主體圖形、留白、視覺中心等等。平面設計版面就是把不同元素進行有機結合的過程。,9:06 AM,15,5、選擇表現手法 手法即是技巧5、,在視覺產品泛濫的今天要想把受眾打動以并非易事,更多的視覺作品已被人們的眼睛自動的忽略掉了。在三大構成中很多種圖形的處理和表現手法,如對比、類比、夸張、對稱、主次、明暗、變異、重復、矛盾、放射、節奏、粗細、冷暖、面積等形式。另外還有從圖形處理的效果上又有手繪類效果,如油畫、鉛筆、水彩、版畫、蠟筆、涂鴉還有其他的如攝影、老照片、等等。,9:06 AM,16,6、平衡 平衡能帶來視覺及心理的滿足,設計師要解決畫面當中力場的平衡,前后銜接的平衡,平衡與不平衡是相對的,以是否達到主題要求為標準。平衡分為對稱平衡和不對稱平衡,包括點、線、面、色、空間的平衡。7、出彩 記住,你要創造出視覺興奮點來升華你的6、作品。8、關于風格 作為設計師,固定風格的形成意味著自我的僵死,但風格同時又是一個設計師性格、喜好、閱歷、修養的反映,也是設計師成熟的標志,以為了解大同,才能獨走邊緣。9、制作 檢查項目包括:圖形、字體、內文、色彩、編排、比例 要求:視覺的想象力和效果要賞心悅目,而更重要的是被受眾理解!,9:06 AM,17,平面設計的工具,平面設計的工具可劃分為圖像繪制和圖像處理兩個部分,下面簡單介紹這方面一些常用軟件:Adobe Photoshop這款美國Adobe公司的軟件一直是圖像處理領域的巨無霸,在出版印刷、廣告設計、美術創意、圖像編輯等領域得到了極為廣泛的應用。,9:06 AM,18,Adobe 7、Illustrator Adobe Illustrator是美國ADOBE(奧多比)公司推出的專業矢量繪圖工具,是出版、多媒體和在線圖像的工業標準矢量插畫軟件。Illustrator 不僅僅是一個藝術產品工具,其能適合大部分小型設計到大型的復雜項目。CorelDraw CorelDraw是Corel公司推出的集矢量圖形設計、印刷排版、文字編輯處理和圖形高品質輸出于一體的平面設計軟件,深受廣大平面設計人員的喜愛,目前主要在廣告制作、圖書出版等方面得到廣泛的應用,功能與其類似的軟件有Illustrator、Freehand。,9:06 AM,19,CorelDraw,Maya,9:06 AM,208、,Adobe Photoshop,Maya,9:06 AM,21,Freehand,Maya,9:06 AM,22,Adobe Illustrator,Maya,9:06 AM,23,Maya,Maya,9:06 AM,24,page maker,Maya,9:06 AM,25,Adobe Indesign PageMaker Freehand QuarkXPress Fireworks Flash,9:06 AM,26,圖像的基本概念,圖像種類1.矢量圖形(Vector):矢量又稱“向量”,矢量圖形中的圖形元素(點和線段)稱為對象,每個對象都是單獨的個體,它具有大小、方向、輪廓、顏色和屏幕位9、置等屬性。矢量圖形就是用數學的方法通過計算機語言來繪制矩形等而成。,9:06 AM,27,2.位圖圖像(Bitmap):位圖又稱為點陣圖、像素圖或柵格圖像,是由稱作像素(柵格)的單個點組成。這些點可以進行不同的排列和染色以構成圖樣。,9:06 AM,28,矢量圖特點:能重現清晰的輪廓,線條非常光滑、且具有良好的縮放性;圖形、文字編輯能力強;與位圖相比,在顯示和打印方面都快的多。但圖形不真實生動,顏色不豐富,無法像照片一樣真實地再現這個世界的景色。常用的矢量繪圖軟件:Illustrator、CorelDraw、FreeHand、AutoCAD、Flash等。位圖特點:位圖圖像善于重現顏色的細微層10、次,能夠制作出色彩和亮度變化豐富的圖像,可逼真地再現這個世界。文件龐大,不能隨意縮放;打印和輸出的精度是有限的;常用的位圖軟件:Photoshop、Photo Painter、Photo Impact、Paint Shop Pro、Painter等。,9:06 AM,29,像素與分辨率,像素:像素是構成圖像的最基本元素,它實際上一個個獨立的小方格,每個像素都能記錄它所在的位置和顏色信息。右圖中每一個小方格就是一個像素點,它記載著圖像的各種信息。,9:06 AM,30,圖像分辨率:是指組成一幅圖像的像素密度的度量方法。同樣的圖,圖像像素數目越多,圖像的分辨率越高,看起來就越逼真。反之,圖像顯得越11、粗糙。,分辨率:單位長度內(通常是一英寸)像素點的數量多少。針對不同的輸出要求對分辨率的大小也不一樣,如常用的屏幕分辨率為72像素/英寸,而普通印刷的分辨率為300像素/英寸。,9:06 AM,31,一張72 ppi分辨率11英寸的圖像(像素數為7272=5184)和一張尺寸同為11英寸但分辨率為300ppi的圖像(像素數為300300=90000),在同樣放大200%時,可以看到分辨率為300 ppi的明顯比72ppi的清晰,如圖所示。,9:06 AM,32,常用文件格式:,PSD:Photoshop存儲的默認格式,支持PS處理的任何內容(如圖層、通道、色彩信息、文字等)、支持無損壓縮。唯一12、能夠支持全部圖像色彩模式的格式。可合并層來減少圖像大小。在壓縮圖像方面強于TIFF格式。在應用軟件中After Effects和Corel Photo-paint支持。EPS(Encapsulated PostScript):是一種通用的行業標準格式,應用于繪圖、排版和印刷,最大優點是可以在軟件中以低分辨率預覽,將插入的文件進行編輯排版,而在打印或出膠片時則以高分辨率輸出,做到工作效率與圖像輸出質量兩不誤。JPEG(Join Photographic Experts Group):是最常用的一種圖像格式,也是一種壓縮(有損的)方法,用于圖像壓縮的一種工業標準文件格式。支持RGB模式、索引模式、13、灰度模式和位圖色彩模式,但不支持通道。,9:06 AM,33,GIF(Graphic Information Format):是一種使用LZW(Lempel Ziv Welch)的無損壓縮。常用于WEB上使用的圖像,只能表達256級色彩。PNG(Portable Network Graphics):是專門為Web創造的,將GIF和JPEG最好的特性結合起來。和GIF格式不同的是,PNG格式并不限于256色,可支持24位圖像,通過保存一個Alpha 通道來定義透明區域,產生沒有鋸齒邊緣的透明區域。支持灰度、索引顏色和RGB模式。TIFF(Tagged Image File Format):具有跨14、平臺的兼容性。在排版上廣泛的應用且是圖像處理程序中所支持的最通用文件格式。保存剪貼路徑、圖層、Alpha和專色通道、注釋及其他一些選項。最大優點是圖像不受操作平臺的限制。主要是為了便于應用軟件之間進行圖像數據交換。大多數掃描儀都輸出TIFF格式的圖像文件。,9:06 AM,34,CDR:CorelDRAW專用的矢量圖形格式。與其他軟件、圖形格式的交流不是很好,但有許多獨特的性質,保存了CorelDRAW文件中的全部素材,使得CDR文件格式在很多行業中非常流行,應用非常廣泛。AI:Adobe Illustrator采用的標準矢量圖形格式,用于記錄不同的線條組成的圖像文件,與PageMaker之間15、的兼容性非常好,也可兼容CorelDRAW、Flash等軟件。常用于出版印刷行業,所保存的信息比WMF多。,9:06 AM,35,常見顏色模式,配制顏色的方式。顏色模式用于確定圖像中顯示的顏色數量外,還影響通道數和圖像的文件大小。不同的顏色模式,表示圖像中像素點采用的不同顏色描述方法。灰度模式:灰度圖可以表現從黑到白的整個系列灰色色調。可產生28=256級灰度(0表示純白,256為純黑),灰度圖就是用這256級灰度值來表現圖片內容的。RGB顏色:源于色光三原色,是一種發光屏幕的加色模式,所有其他顏色都通過紅、綠、藍三種顏色疊加而形成。是PS默認的色彩模式。R(Red)紅色、G(Green)綠色16、B(Blue)藍色,值分別為0255。將紅、綠、藍3種顏色的光混合起來產生顏色,稱為加色法。加色法中,沒有光線存在時的顏色是黑色(R、G、B值都為0);所有的光都為最大 值(255)時的顏色是白色。,9:06 AM,36,CMY模式 這種模式是通過吸收白光中的某些顏色,而反射其他的色光而表現顏色的,所以也稱為減色法。RGB和CMY是互逆的。CMYK模式 CMYK模式除用來表現色彩的CMY三色以外,為了增強印刷效果的逼真度,增加了一種顏色黑色。青(Cyan)、洋紅(Magenta)、黃(Yellow)、黑(Black)。在Photoshop中,CMYK的圖像是通過4個通道來體現的,它比相同幅面17、的RGB圖像文件大33%,且正好是灰度圖文件的4倍。印刷中使用的是減色法,因此決定了不能印刷RGB色,,因此在印刷時,常要進行RGB色到CMYK色的轉換。,9:06 AM,37,9:06 AM,38,9:06 AM,39,9:06 AM,40,9:06 AM,41,9:06 AM,42,9:06 AM,43,9:06 AM,44,9:06 AM,45,9:06 AM,46,色彩的配搭,在平面設計中,色彩永遠是最重要的一環。一個顏色的效果是由多種因素來決定的:反射的光,周邊搭配的色彩,或是觀看者的欣賞角度。當我們距離一份平面設計作品較遠的時候,我們看到的不是優美的版式或者是美麗的圖片,而是色彩。18、關于色彩的原理有許多,在此我不可能一一闡述,大家可以看看相關設計書籍,有利于系統地理解。下面是一些配色的小技巧。,9:06 AM,47,十種基本的配色設計,9:06 AM,48,9:06 AM,49,六種配色理念,基本配色強烈 最有力的色彩組合是充滿刺激的快感和支配的欲念,不管顏色是怎么組合,紅色絕對是少不了的。紅色是最終力量來源強烈、大膽、極端。力量的色彩組合象征人類最激烈的感情:愛、恨、情、仇,表現情感的充分發泄。基本配色豐富 要表現色彩里的濃烈、富足感可藉由組合一個有力的色彩和它暗下來的補色。例如,深白蘭地酒紅色就是在紅色中加了黑色,就像產自法國葡萄園里陳年純美的葡萄酒,象征財富。白蘭地19、酒紅色和深森林綠如果和金色一起使用可表現富裕。這些深色、華麗的色彩用在各式各樣的織料上,如皮革和波紋皺絲等等,可創造出戲劇性、難以忘懷的效果。這些色彩會給人一種財富和地位的感覺。,9:06 AM,50,基本配色浪漫 粉紅代表浪漫。粉紅色是把數量不一的白色加在紅色里面,造成一種明亮的紅。象紅色一樣,粉紅色會引起人的興趣與快感,但是比較柔和、寧靜的方式進行。浪漫色彩設計,藉由使用粉紅、淡紫和桃紅(略帶鮮艷的粉紅色),會令人覺得 柔和、典雅。和其它明亮的粉彩配合起來,紅色會讓想起夢幻般的6月天和滿滿一束 夏日炎炎下嬌柔的花朵。基本配色奔放 藉由使用象朱紅色這種一般最令人熟知的色彩,或是它眾多的明色和20、暗色中的一個,都能在一般設計和平面設計上展現活力與熱忱。中央為紅橙色的色彩組合最能輕易創造出有活力、充滿溫暖的感覺。這種色彩組合讓人有青春、朝氣、活潑、頑皮 的感覺,常常出現在廣告中,展示精力充沛的個性與生活方式。把紅橙和它的補色藍綠色搭 配組合起來,就具有親近、隨和、活潑、主動的效果,每當應用在織品、廣告和包裝上,都是非常有效。,9:06 AM,51,基本配色土性 深色、鮮明的紅橙色叫赤土色。我們常用它來組合、設計出鮮艷、溫暖、充滿活力與土地味的色 彩。這種色彩有種淡淡的溫暖,就像經過琢磨、潤 飾的銅器。和白色搭配起來,就會象散發出自然燦爛的光。土性的色彩有年輕人愛笑、愛鬧的個性,令人聯想到悠閑,舒適的生活。因為是類比設計的一部分,這種溫馨、土味的色調會產生有趣的色彩組合。例如出現在美國西部的裝潢設計。基本配色友善 配色設計要想表達友善之意時,常會使用到橙色。這種色彩組合,開放、隨和,又有一切表現能量和動力的素質。能夠創造出平等、有序氣氛,卻沒有強勢和支配的霸氣。橙色和它鄰近的幾個色彩常應用在快餐廳,因為這類色彩會散發出食物品質好、價錢公道等誘人的訊息。橙色有耀眼、活力的特質,所以被選為在危險地區的國際安全色。橙色的救生筏和救生設備(例如救生衣等)可以讓人輕易地在藍色和灰色的大海里發現蹤跡。,9:06 AM,52,Thank you!,