海報(bào)版式設(shè)計(jì)技巧課件.ppt

海報(bào) 文字 圖形圖像 色彩通過版設(shè)設(shè)計(jì) 對這三方面的要素進(jìn)行創(chuàng)造性的組織安排具有獨(dú)立的創(chuàng)意和審美價(jià)值 培訓(xùn)內(nèi)容 中文文字排版版面視覺中心和視覺流程網(wǎng)格系統(tǒng) 文字 一個(gè)字 點(diǎn)一行字 線間距比較大 虛線間距比較小 實(shí)線一段字 面點(diǎn)線面相互轉(zhuǎn)換 文字 左對齊 適宜閱讀 整齊劃一 清晰有序右對齊 每行的起始部分不規(guī)則 適合少量文字 產(chǎn)生特定的視覺效果 中心對齊 莊嚴(yán) 傳統(tǒng) 肅穆 經(jīng)典 自由排版 感性自由 輕松活潑 合適少量文字或標(biāo)題 文字繞圖 視覺中心 版面的視覺中心是指受眾注意的焦點(diǎn) 合理利用人眼視覺重點(diǎn)及順序進(jìn)行整體排版 Discovery健康頻道的頁面 主要線條在九宮格內(nèi) MSOfficeXP宣傳片頭一 強(qiáng)調(diào)XP 經(jīng)驗(yàn) 所以用了個(gè)滄桑的底圖 布局很規(guī)矩 一個(gè)MTV的畫面 分割很精確哦 視覺中心在九宮格左上點(diǎn) 柱子將畫面1 2分 一個(gè)牛奶廣告 講給人帶來的營養(yǎng)等 注意眼鏡的位置 化妝品廣告 干凈穩(wěn)重 字的位置請注意 還是windowsXP宣傳片頭 另一個(gè)風(fēng)格 比較爽快 同樣嚴(yán)謹(jǐn) mazida車的節(jié)目演示板 看看各元素的關(guān)系 這個(gè)圖的結(jié)構(gòu)比較隱蔽 但也很規(guī)矩 這個(gè)廣告說的是一個(gè)瓢蟲爬上去吹蠟燭 真還吹熄了 蠟燭側(cè)線吻合 美寶蓮的廣告 分割精確得沒話說 呵呵 美 來自美寶蓮 嘛 建立視覺流程 視覺習(xí)慣 視覺中心 對比關(guān)系 呼應(yīng)關(guān)系群組關(guān)系 視覺流程種種 單向式 橫向 豎向 縱橫結(jié)合式 斜向式 曲線式 中軸線式 指示導(dǎo)向式 散點(diǎn)式 自由導(dǎo)向式 一 單向視覺流程使頁面的流動線更為簡明 直接地訴求主題內(nèi)容 有簡潔而強(qiáng)烈的視覺效果 直線視覺流程表現(xiàn)為三種形式 豎向視覺流程 給人堅(jiān)定 直觀的感覺 橫向視覺流程 有穩(wěn)定 恬靜之感 斜向視覺流程 以不穩(wěn)定的動勢引起注意 二 曲線視覺流程 曲線視覺流程 是由視覺要素隨弧線或回旋線運(yùn)動而形成的 它不如直線視覺流程直接簡明 但更具流暢的美感 曲線視覺流程的形式微妙而復(fù)雜 可概括為兩種形式 弧線形 C形 視覺流程和回旋形 S形 視覺流程 三 重心視覺流程 以強(qiáng)烈的形象或文字獨(dú)據(jù)版面某個(gè)位置或完全充斥整版 使主題更為鮮明突出 四 反復(fù)視覺流程 指相同或相似的視覺要素作規(guī)律 秩序 節(jié)奏的編排 五 導(dǎo)向視覺流程 導(dǎo)向視覺流程 是通過誘導(dǎo)性視覺元素 主動引導(dǎo)讀者視線向一定方向作順序運(yùn)動 按照由主及次的順序 把頁面各構(gòu)成要素依次串聯(lián)起來 形成一個(gè)有機(jī)整體 導(dǎo)向視覺流程的應(yīng)用也很多見 可以使版面重點(diǎn)突出 條理清晰 發(fā)揮最大的信息傳達(dá)功能 1 文字導(dǎo)向 2 手勢導(dǎo)向 4 視線導(dǎo)向 六 散點(diǎn)視覺流程 散點(diǎn)視覺流程 是指在分散處理視覺元素的編排方式 它強(qiáng)調(diào)感性 自由性 隨機(jī)性 偶合性 其視覺流程為 視線隨各視覺元素作或上或下 或左或右的自由移動 這種視覺流程不如其他視覺流程嚴(yán)謹(jǐn) 快捷 明朗 但生動有趣 給人一種輕松隨意和慢節(jié)奏的感受 此海報(bào)反映的是全球變暖效應(yīng) 畫面上一對在海邊親熱的情侶 由比基尼泳衣和短褲讓人感到這里有沙灘般的熱度 而背后的企鵝卻顯示這里是本該冰天雪地的南極 構(gòu)成了三角形流程 則又構(gòu)成了一個(gè)大三角形 這張海報(bào)極端的反差夸張的表現(xiàn)了全球變暖的嚴(yán)重性 明確的傳達(dá)了主題 2020 4 14 48 可編輯 這張海報(bào)上層是鐵絲網(wǎng)彎成的一眼看上去就扎人的鐵絲圈 顯得拒人于千里之外 下方映出的影子卻是中國傳統(tǒng)中代表吉祥的 如意 構(gòu)成了三角形流程 巧妙留白的運(yùn)用 在畫面中顯得舉足輕重 有虛有實(shí) 主次分明 這種強(qiáng)烈的對比把小面積的圖形和文字成為視覺焦點(diǎn) 視覺流程流暢 于是如意不 如意 這般形成反差的形與影凸顯了作者對理想與現(xiàn)實(shí)差別的反思 畫面簡潔明快 寓意深遠(yuǎn) 恐怖電影宣傳海報(bào) 在怪獸的紅色眼睛中同構(gòu)出兩個(gè)男主角的臉 使海報(bào)乍一看是兇狠的眼睛 再看是兩人的容貌 又表現(xiàn)出兩人被怪獸盯在眼中的危急場景 令人心生寒意 構(gòu)成了回字形 致使整張海報(bào)達(dá)到了統(tǒng)一 均衡的效果從而對于恐怖電影的驚悚感傳達(dá)的很到位 恐怖電影宣傳海報(bào) 從構(gòu)圖上有模仿 大白鯊 電影海報(bào)的痕跡 較之運(yùn)用了更強(qiáng)的光影效果凸顯出湖底鱷魚的神秘恐怖和人的危險(xiǎn)境地 形成了之字形流程 形成了回字形 把構(gòu)成要素融為一體 加強(qiáng)畫面的統(tǒng)一感 陰暗的色調(diào)加重觀者的心理壓力 具有相對較強(qiáng)的震撼力 對電影的主題傳達(dá)的也很到位 恐怖電影 死神蘑菇 宣傳海報(bào) 由三個(gè)蘑菇和洞口的慘白色圓形洞口同構(gòu)成骷髏頭的形態(tài) 充滿設(shè)計(jì)感的同時(shí)也明確表達(dá)了其恐怖的特質(zhì)和主題 構(gòu)成了三角形流程 則構(gòu)成了回字形流程 對主題的統(tǒng)一強(qiáng)調(diào) 從而畫面達(dá)到均衡 最后 陰森沉悶的色調(diào)更突出中央的白色骷髏 令觀者在自己的聯(lián)想中不寒而栗 方形字體輪廓以不改變傳統(tǒng)文字架勢 直接形成了回字形 文字與圖案的混排就更能生動的傳達(dá)和表現(xiàn)出一部作品的風(fēng)格 而這張海報(bào)中 芳香之城 四字通過藍(lán)色石頭肌理 也體現(xiàn)出魔幻的神秘感 從而也就間接地了解電影的風(fēng)格 恐怖片 美版見鬼 影片為我們留下的是幾個(gè)疑問和反思 對于什么才是真實(shí)的 是眼見為實(shí)嗎 那么眼睛能夠看到的東西 真的永遠(yuǎn)都不會誤導(dǎo)我們嗎 我們要如何知道看到的影像 哪一部分才是真正存在的 哪一部分又是幻覺呢 清晰的構(gòu)成了一個(gè)回字形流程 視覺感達(dá)到統(tǒng)一 均衡 運(yùn)用夸張表現(xiàn)是畫面更新穎 奇特 吸引注意力 科幻電影 阿凡達(dá) 主人公杰克 薩利 也就是后來克隆的Na vi 形成了回字形流程 也形成了回字形流程 從整張海報(bào)中就可以看出這部電影講述的是杰克和Na vi族人的聯(lián)系 在人類為牟求經(jīng)濟(jì)利益 不顧原住民意愿而進(jìn)行的拆遷行動中 即少部分的人類拆遷者在深入了解原住民的文化之后產(chǎn)生了身份認(rèn)同 轉(zhuǎn)過來幫助他們對抗拆遷 而他們對拆遷者的了解也為拆遷行動帶來極大的阻力 有時(shí)會使整個(gè)拆遷行動以失敗告終 在潘多拉星球上發(fā)生的 阿凡達(dá)事件 就是一個(gè)典型的例子 喜劇電影 人在囧途 這部 人在冏途 也稱之為 公路電影 兩個(gè) 非同志 的男人 還是讓人覺得夠笑料 形成了回字形 形成了之字形 這張海報(bào)中可以直接從他們兩個(gè)主角的臉上就可以看出這一途中究竟有多囧 戰(zhàn)爭與劇情篇電影 一九四二 形成了回字形流程 形成了之字形流程 個(gè)體感性生命生存權(quán)的尊重和悲憫 個(gè)體感性生命生存權(quán)的尊重和悲憫 是簡單的戰(zhàn)爭片 抗日題材等能概括的 格局更加宏大 整張 一九四二 海報(bào)沒有悲觀 而是相信人性的溫暖 給人往前行進(jìn)的力量 哀而不傷 網(wǎng)格系統(tǒng) 將版面所涉及的一切視覺元素 如正文的布置 插圖的位置 標(biāo)題效果 頁碼和邊注等按照一定的版面分隔風(fēng)格進(jìn)行布局 并將這一格式重讀應(yīng)用的系列設(shè)計(jì)或多頁排版中去 這一同意的版面分割格式稱為網(wǎng)格系統(tǒng) 理性 規(guī)范性 便于形統(tǒng)一的視覺形象 版式網(wǎng)格設(shè)計(jì)網(wǎng)格是版面設(shè)計(jì)中的骨架 是設(shè)計(jì)的輔助工具 網(wǎng)格線在版式中是隱藏的參考線 并非實(shí)體元素 1 軸線是圍繞線進(jìn)行的排版 用線對版面進(jìn)行骨架的設(shè)置是最簡單的一種網(wǎng)格設(shè)計(jì)形式 軸線網(wǎng)格設(shè)計(jì)可分為 垂直軸線 傾斜軸線 折線 弧線軸線等 2 放射線由一個(gè)焦點(diǎn)中心擴(kuò)展 延伸的線的結(jié)構(gòu)我們理解成放射線網(wǎng)格 要將重要的信息內(nèi)容盡量排在易讀的位置放射線網(wǎng)格設(shè)計(jì)可以分為 直線放射 弧線放射 角度放射等 3 膨脹由一組同心圓的部分弧構(gòu)成的結(jié)構(gòu)線是膨脹網(wǎng)格的特點(diǎn) 在這樣的弧線上安排文字或圖形 視覺上有膨脹氣球的感覺 4 矩形分割