海報版式設(shè)計技巧

1、海報：文字、圖形圖像、色彩通過版設(shè)設(shè)計,對這三方面的要 素進(jìn)行創(chuàng)造性的組織安排具有獨立的創(chuàng)意和審美價值亍5®培訓(xùn)內(nèi)容：中文文字排版版面視覺中心和視覺流程網(wǎng)格系統(tǒng)文字：一個字點行字-線間距比較大T虛線間距比較小實線|段字-面點線面相互轉(zhuǎn)換平構(gòu)立構(gòu) 結(jié)構(gòu) 當(dāng)它們和KT板相遇，會發(fā)生什么？_g分割成若干塊10月24日14:20-17:40eM< - 拼合成你認(rèn)為承重最多的形式養(yǎng) 盡可能的讓它的平面饕 分割成為T牛漂亮的平面構(gòu)成作品或比賽說明： 二曲卿各機邃RWMMimuif刀.尺子.t«j>.出一個年衛(wèi)構(gòu)徹痢時WW 晌HWA邈 "MM NJEhBI 仏心&q

2、uot; .帕#逞折分Wg?n滋FWJtfJWT利弓 5£創(chuàng)2片神謐 (併IWIWTMHKWKWMJUW&仍神 I W»W# 丹刊誡計分ZE*«.從弘胡韻10KG. 1WG. RKG <WM版"力il男給恂如* 3弼fl眶上滋丄期M文*說附!«稱5分 環(huán)劃 wxie. zwKic. awxve. "人pwts. “畑必圻可ew«a&wiii*H報名說明: u呦闿:2oioeiofl2iB«iaei : LiUGkBiOW E15WZ人 2jiMba心町臥亀人林.邊7號nmmw 口肌WWlffl

3、 ； 2Ol(WlOfl240142O-174O ： <XA»WMiriiOURA SheMI M619MO3 104Z31H 159B747Ue *»0f 14 時術(shù) MUM*5f 住L:軻姙伏他廉.學(xué)生合 和:ttim®®.學(xué)生合& 庫笛登曲田芙豈*孕*un r >艮丫刃，> K"不了等待禮物的孩孑如右能的荃健老人。 但畏莊27,不再只有天育的孩子可Z縛 圣艇帰書（圣艇老久不再是白胡孑際0 的胖谷苔.男主們（要有一定可行性哦?。懺谠S禺韋違面.朕系電潔寫在背面。12月20日開始，你可敢從二十七門廳的2«W

4、±chO0se 丙工可弦生們的慝望了-快怏取下倉主們的原堀 聲助現(xiàn)， 你的辛苦勞動會倍你帶案一年的雙樂，還有極壬女主的驚喜水回疇。想實擬你的圣健應(yīng)望嗎？想做二+七的一名藝健使考嗚?快耒奏如圣健昔許馬謝括動, 來一金甜邀的禮粉交換吧。文字：左對齊：適宜閱讀,整齊劃一, 清晰有序右對齊：每行的起始部分不規(guī)則, 適合少量文字,產(chǎn)生特定的視覺 效果。中心對齊：莊嚴(yán)、傳統(tǒng)、肅穆、 經(jīng)典。自由排版:感性自由、輕松活潑、 合適少量文字或標(biāo)題。立立癢醫(yī)174-視覺中心：版面的視覺中心是指受眾注意的 隹占合理利用人眼視覺重點及順序進(jìn) 行整體排版。 Discovery健康頻道的 頁面，主要線條在九 宮格

5、內(nèi)。 MS Office XP宣傳片頭一,強調(diào)XP（經(jīng)驗），所以用 了個滄桑的底圖。布局很 規(guī)矩 一個MTV的畫面，分割很 精確哦！視覺中心在九宮 格左上點。柱子將畫面 1/2分 一個牛奶廣告，講給 人帶來的營養(yǎng)等，注 意眼鏡的位置化妝品廣告，干凈穩(wěn) 重，字的位置請注意 還是windows XP宣傳 片頭，另一個風(fēng)格， 比較爽快，同樣嚴(yán)謹(jǐn) mazida車的節(jié)目演示板，看 看各元素的關(guān)系這個圖的結(jié)構(gòu)比較 隱蔽，但也很規(guī)矩why?這個廣告說的是一個 瓢蟲爬上去吹蠟燭. 真還吹熄了！蠟燭側(cè) 線吻合美寶蓮的廣告，分割 精確得沒話說，呵呵 “美，來自美寶蓮” 嘛！33%28%23% 16%53%56%

6、44%50%23% -8%FL Dv椚W電二<OALF0r»c»w<urfrxLA* 1>m!L L I nA ir r咄8/細(xì)$p：討建立視覺流程：視覺習(xí)慣、視覺中心、對比關(guān)系、呼應(yīng)關(guān)系群組關(guān)系視覺流程種種:單向式（橫向、豎向）、縱橫結(jié) 合式、斜向式、曲線式、中軸線 式、指示導(dǎo)向式、散點式、自由 導(dǎo)向式一、單向視覺流程使頁面的流動線更為簡明,直接地訴求主題內(nèi)容,有簡潔而強烈的視覺效果。直線視覺流程表現(xiàn)為三種形式:豎向視覺流程：給人堅定、直觀的感覺；橫向視覺流程：有穩(wěn)定、恬靜之感；斜向視覺流程：以不穩(wěn)定的動勢引起注意。GODIVAOKI AN1M3 WHA

7、fS. NEW MY MtgKl4TO*tLGCJBKKAIVEh1% CfWCCUtrr DUM ChlAlOd tolDf 1CMDCARM EOm 言 I tfl K UGhGF<Mlva. IrtfcMruC-wiji SflnS丿i.：*»a. j &»： | < l Id. i'.丄C#* nU&-9XK>OIVA1*64 "iiK< Imu* *w二、曲線視覺流程曲線視覺流程，是由視覺 要素隨弧線或回旋線運動而形 成的。它不如直線視覺流程直 接簡明，但更具流暢的美感。 曲線視覺流程的形式微妙而復(fù) 雜，可

8、概括為兩種形式：弧線 形（C形）視覺流程和回旋形 （S形）視覺流程/心I, T_HAMRIYAH FREE ZONELaw* IStateowntUMful Unks5harteti PomShsrl>h "»M«“go * United Arab Emiratcsz ShorjoK Z，.Xvnt IXssMtUlI bxebo | 泌 I 偸tt»“ MI SntMwn | Ouq+b I Aroku 邙Qmvr$I MbfiluXWtffitDJ! ghJfJti l 2®“心| SaLJti Pu LLtf<£IU

9、W Igtu LT»« I FAD I mnctlK | Mm | " Wllr | Jd," DE S"I7二4三、重心視覺流程： 以強烈的形象或文字 獨據(jù)版面某個位置或 完全充斥整版，使主 題更為鮮明突出。i*BB& shGhIr _* r纖 蠹I|IW»JF V魯心<羨IF ffr*.vjjuaJf四、反復(fù)視覺流程： 指相同或相似的視覺 要素作規(guī)律、秩序、 節(jié)奏的編排。八F-I6I The Israeli Future Fighter五、導(dǎo)向視覺流程導(dǎo)向視覺流程，是通過 誘導(dǎo)性視覺元素，主動引導(dǎo) 讀者視線向一定方向

10、作順序 運動，按照由主及次的順序, 把頁面各構(gòu)成要素依次串聯(lián) 起來，形成一個有機整體。 導(dǎo)向視覺流程的應(yīng)用也很多 見，可以使版面重點突岀、 條理清晰，發(fā)揮最大的信息 傳達(dá)功能。沖利4(0目2.手勢導(dǎo)向CoewMOZHorw*? opcmp m r>««<a: 81KMM«6> KX : 8)XS*e9% EM«<: gr0w»rgnx>?«»r>g rc4.視線導(dǎo)向 CAWOGNi Mt migmcEigfl.C.Mmmd frw: 31M<f MMiMtau «ncVt&

11、#187;yr«i WK*tl (TTrIM ( CommaM 帕的 W.WSVU rrtl i.tav CftfW WWJilLildi+x蘭十呼sm m 麗酬理蹈|工ar>3 Cr»«r«WVM. tsc<<re»M MCQ<oif<P六、散點視覺流程散點視覺流程，是指 在分散處理視覺元素的編 排方式。它強調(diào)感性、自 由性、隨機性、偶合性。 其視覺流程為：視線隨各 視覺元素作或上或下、或 左或右的自由移動。這種 視覺流程不如其他視覺流 程嚴(yán)謹(jǐn)、快捷、明朗，但 生動有趣，給人一種輕松 隨意和慢節(jié)奏的感受。Fibe

12、rmateWtM 片 9£4.5卜NtWCVgrWMT TTWDH0IMllNSTWrWJOY »8eMAVtyw roiMUiMEH '如川rm JBiiwxn何/0|但/紅。|電旦盧汙 o«fi“屮致.廠GOWW4BS WW?BMkBCg"斗 乂上氣yjTOWhfg.NLUE STUDICNORDMUNGFB riSUELLE K0MMUNIKA.T10NCROSSS IMFORUATIONVIRANSTALTUNGHF 6 bFtNSAtM SCHLdSiTRASE 3! eeciNN io；oo uhr 08.11QULA全邊比讓灘后里的

13、成 T反全，題 是海由褲沙背這地構(gòu)成。的了性主 的。在，短有而示雪程構(gòu)形端現(xiàn)重了 映應(yīng)對侶和里。顯天常又角極表嚴(yán)達(dá) 反效一情衣這毒冰形則三報的的傳 報暖上的泳到熱鵝該。角發(fā)海張暖的 海變面熱尼感的企本極三象張夸變確 此球畫親基人般的是南了一這差球明。IS彎的里卻的成殻82在有種:這的點。用重。積焦層上得映中漕運輕明面覺這顯別， ，凸差快 ”影實明 一意與現(xiàn)潔 -如形與簡 “的想面海一圈，國土番留得主比第如成者思深張的絲外中如三妙顯，對養(yǎng)是形作反意這成鐵之是“ 了巧中實的常于般了的寓扌冃II顯sliklir命§1畫込恐怖電影宣傳海報。在怪獸的紅色眼睛中同 構(gòu)出兩個男主角的臉， 使海報乍

14、一看是兇狠的 眼睛，再看是兩人的容 貌，又表現(xiàn)出兩人被怪 獸盯在眼中的危急場景, 令人心生寒意。構(gòu)成了回 字形。致使整張海報達(dá) 到了統(tǒng)一、均衡的效果 從而對于恐怖電影的驚 悚感傳達(dá)的很到位。U G fc> JrEPrey&8M i cOKTHE OSTandthe% ； DARKNESSCONCTFUAlTHEGH(OinTWMRm$S *S£!_gSHllINMIRUyCKSUNWIN$T(M «8GRANTHIU 勰汕 I ML DOUG血師而麗頑減WM； ntfttxn a DOUGUSHJTHnt nocucnon a SHPH EN HOW ； NS

15、 nw MICHAU. DOUGIAS VALKI1MER WTHE*5S3£SWWZEl 咋ROBKTBRC戰(zhàn) SSSVIlAtoSZSIGMONDY 一一一 ：HMlDO«；lASAM)mVMRWm0 r； WllUAM G0u>Wi IJJ 叫型 HUMX MUI RADIN AND A 口 MiN HO r? STEPHEN HOCK1NS 屍亠心“八qjlMER 1996 吧畔叱聽蘭"2：15>ROGUEWELCOME TO THE FEHfrORTORYm u：«u畑儀扌図網(wǎng)凋/ 骷澈膈OMI以is昭wvmAM > 3WWk

16、s> 8»iJMS tsarai竝詼闕型狐炯眾鋼KMottiwcKamiU啊加斶 眥沁9MPD處ilKCB o»sai®A» isnwM rasa IllUWaJi anfieswsE. Him O&Himg【理h如* IK1鑽湍？5亟呂冃護脅白，影的境 。大跡光魚險 報纟痕的鱷危 海仿的強底的 傳模報更湖人 宣有海了出和 影上影用顯怖形成素的字形要面之緩畫了隔強成把加形；的較的。 者對餐 觀相電到 重有對很 加具，也。字一感的壓霜 怖構(gòu)滬之果秘。程回為一暗理的題 恐從鯊較效嘔流了慶陰心璽電圖電運凸恐形體。色力接LP.l.*sdo AISH

17、USTCZ矗2 ZLINDSEY j HAUN ；)GET READ角)GET WASTED恐怖電影死神蘑菇宣傳海報。O由三個蘑菇和洞口的慘白色 形洞口同構(gòu)成骷髏頭的形 態(tài)，充滿設(shè)計感的同時也明 確表達(dá)了其恐怖的特質(zhì)和主 題。構(gòu)成了三角形流程則構(gòu)成了回字形流程 對主題的統(tǒng)一強調(diào)，從而 畫面達(dá)到均禽。最后，陰森沉悶的色調(diào)更突 出中央的白色骷髏，令觀者 在自己的聯(lián)想中不寒而栗O幻“阪街主演：未宙扎曹劇%:'右宀“陋/ -.O.-腋合主漬；李子*悵達(dá)刖張型文范紐以®t色厶總監(jiān)“；"三平伍聒3山人:二.靜如陽H片人.稀第厳MM. 4*出品皴位：羽丘廈飛頭電厲忤公司云慫，方形

18、字體輪廓以不改變傳統(tǒng)文字架勢直接形成了回字形?！备幌銍?yán)翩需翻文字與圖案的混排就更能生動的傳達(dá)和表現(xiàn)出一部作品的 風(fēng)格！而這張海報中，理也體現(xiàn)出魔幻的神秘感。從而也就間接地了解電影的 風(fēng)格。XA X0r#3ts漸姆克金斯昵再現(xiàn)驚悚巨作恐怖片美版見鬼O影片為我們留下的是幾個疑問和反思：對于什么才是真實的？是眼見為實嗎？那么眼睛能夠看到的東西，真的永遠(yuǎn)都不會誤導(dǎo)我們嗎？我們要如何知道看到的影像,哪一部分才是真正存在的, 哪一部分又是幻覺呢？清晰的構(gòu)成了一個回字形流程。視覺感達(dá)至0統(tǒng)一、均衡。運用夸張表現(xiàn)是畫面更新穎，奇特，吸 引注意力?？苹秒娪鞍⒎策_(dá)。畫薜蠶臨叱也就隔形成了E1字形流遷行動帶來極大的

19、阻力，有 時會使整個拆遷行動以失敗 告終。在潘多拉星球上發(fā) 生的“阿凡達(dá)事件”就是一 個典型的例子蘿也形成了讎麟黠麴編出這 Na、i簇人的聯(lián)索。在人類為牟求經(jīng)濟利益，不 顧原住民意愿而進(jìn)行的拆遷 行動中，即少都分的人類拆 遷者在深入了會原住民的文 化之后產(chǎn)生了身份認(rèn)同，轉(zhuǎn) 過來幫助他們對抗拆遷；而 他們對拆遷者的了解也為拆喜劇電影人在冏途。這部人在冏途也稱之 為“公路電影”。兩個“非同志”的男人，還是 讓人覺得夠笑料。形成了回字形。形成了之字形 這張海報中可以直接從他們兩個主角的臉上就可以看出這一途中究竟有多iRNiZ .字寫趾馮誠粧 KM布満總 晞縛*P夫餓. a ninBeMi i rve

20、MMi i ter 9% ir imD * . f o_*e- 1 x < M «.三 ut 一 .Mfaauita aara w *ru *. wt八 r 4tst *4 mbm ttmiu rt _va 一K 一«eo .at> 一 .br .e戰(zhàn)爭與劇情篇電影一 九四二。形成了回字 形流程。形成了之字形 流程。個體感性生命生存權(quán)的 尊重和悲憫，個體感性 生命生存權(quán)的尊重和悲憫,是簡單的戰(zhàn)爭片,抗日題材等能概括的,格局更加宏大。整張一九四二海報沒有悲觀，而是相信人 性的溫暖，給人往前行 進(jìn)的力量，哀而不傷。"和氏璧化：17 全國咼校環(huán)?？萍?創(chuàng)意設(shè)

21、計大賽 National Universities Environmental protection Technology Creativity Design Competition華南理工大學(xué)化學(xué)與化工學(xué)院宣丄I作品展超T m綠色環(huán)保L. I I 9:OOAM-5:OOPMJune Worksadd：逸夫人文館前廣場Exhibition壬m r&fiDQ亞eiffWImai 35砂ifiEVh afnrfI9!lHfi£: xxxxKflfB: xxxx外OrientationiySouthSchool o1ina University of Technology emis

22、try and Chemical Engineering2010Freshma n華南理工大學(xué)化學(xué)與化工學(xué)院Orientation你的加入，是我們的壯 大,也是你自我提升的 平臺.更多精彩盡在 化學(xué)與化工學(xué)院團委學(xué) 生會！0廈時問：10冃24日報函阿可：10冃19-23日（E員比員貝血B寸問地點臺有£人邇知） 報名方）2: 1.g肓傳躺佢換場報名2.18811回収到北2與酉3綾管處3廚上 16S：背B擊 卞截JB宙丟儲 頂田肓垃崖呈395608814（§）qqcomSI: IS團委承d:華南理工X學(xué)H團聯(lián)臺臺 W：吉他融蓿W1會稠憾潮: 卿tSHINDO畫理四大理由ISea

23、son Four 毗鄰港澳、道達(dá)爾國際化課程為你 提供擴展國際化視野機會;專業(yè)競 賽平臺：全國高校環(huán)保科技創(chuàng)意設(shè) 計大賽( )等 為你提供素質(zhì)拓展平臺ason Three 地處改革開放前沿陣地，廣東化工大 省規(guī)劃、四大產(chǎn)業(yè)帶、大用化工名企 為你提供優(yōu)秀就業(yè)機會so£h China University of Techno-ogySchool of Chemistry and Chemical Engineeing點的更點學(xué)科.學(xué)科實力與清華.天津大 學(xué)為同一梯隊.學(xué)科誹名全國胡八相信嗎？百度一下？華南理工大學(xué)化學(xué)與化工學(xué)院歡迎你！ II,:I網(wǎng)格系統(tǒng)：將版面所涉及的一切視覺元素, 如

24、正文的布置、插圖的位置、標(biāo) 題效果、頁碼和邊注等按照一定 的版面分隔風(fēng)格進(jìn)行布局,并將 這一格式重讀應(yīng)用的系列設(shè)計或 多頁排版中去,這一同意的脫血 分割格式稱為網(wǎng)格系統(tǒng)。理性、規(guī)范性、便于形統(tǒng)一的視 覺形象。*IMUlrica Libertine 嚴(yán)印jy二AnrtrJMMBipcf ；f klMB. HMMugB 已*T二M12«*LuLLi If Sea Ghertine1 M «XA| U* M -J.,hi二一22»/Lnriuninwi*-*»»«_ « %r叱亠三r一 £kv«L二一一thET

25、reG ofLiiJ - " OMINC SQQNW«5-r rew AND Din EC mo wv TERRENCE M A L I C K r9BRADPITT .SEAN-.PENNADOMIOMIthwTreof LifeOMIWWITTKN AW,T E R R E hHDinecreo »v E M A L I G KOMIOMINOTHING 9AMDS STILLOMIOMIA.OMIi版式網(wǎng)格設(shè)計網(wǎng)格是版面設(shè)計中的骨架，是設(shè)計 的輔助工具。網(wǎng)格線在版式中是隱藏的參考線, 并非實體元素。1、軸線是圍繞線進(jìn)行的排版，用線對版面 進(jìn)行骨架的設(shè)置是最簡

26、單的一種網(wǎng) 格設(shè)計形式。軸線網(wǎng)格設(shè)計可分為：匝門軸線、 傾斜軸線、折線、弧線軸線等wsstellumc? W i A®IGNf'NSDESIGN 1£ 1HbFINALE. DiPLOMARBErr；N INDUS® _ 曲沁甬 -2FFNUNG 3o. BERbu -.EUN|, 辰產(chǎn)/、42. 放射線由一個黒點中心擴展、延伸的線的結(jié)構(gòu)我們理解成放射線網(wǎng)格。要將重要的信息內(nèi)容盡量排在易讀的位置放射線網(wǎng)格設(shè)計可以分為：直線放射、弧線放射、角度放射等Film WEI21.13 783. 膨脹由一組同心圓的部分弧構(gòu)成的結(jié)構(gòu)線是膨脹網(wǎng)格的特點。在這樣的弧線上安排

27、文字或圖形，視覺上有膨脹氣球的感覺4 矩形分割矩形分割是最經(jīng)典的網(wǎng)格設(shè)計。在版面中，設(shè)計水平線和垂直線使他們交織 形成分割，以此來組織、約束文字、圖形、形成恰當(dāng)比例的空白，使頁面主 次分明、經(jīng)緯清晰、層次多樣。7海報欣賞PAR L E R 迄 ALISATEUR D E “TITANIC”ENTREZ DANS LE MONDExWWWAVATAK-LtfllMCCXMAVATAKLE 16 DECEMBRExWWWAVATAK-LtfllMCCXMIN DIGITAL4OFJUIYRATJOHNDEHIS mk QUEENROMANO LEGUIZAMO LEARY LATIFAHSOME GUYS JUST CAN'T HANDLE VEGASHAN&£ 12戀 仮T最高0 UOB護 haibaZ C500)H(DttV-wx