如何設(shè)計(jì)一張高品位高水準(zhǔn)的海報(bào)三

2018-01-26 1619 0
編者按:授人以漁的教程來(lái)了!今天@木東__  的教程從零開始梳理了海報(bào)的設(shè)計(jì)思路,從信息歸納到版式、字體、配色方案等,都有相應(yīng)的方法可借鑒,力求幫同學(xué)們學(xué)到海報(bào)設(shè)計(jì)的深層功夫,以不變應(yīng)萬(wàn)變 >>> 前兩期教程:
  1. 《設(shè)計(jì)易容術(shù)!如何設(shè)計(jì)一張高品位高水準(zhǔn)的海報(bào)?》
一、信息整理 制作海報(bào)的第一步是整理海報(bào)的文字信息,這一點(diǎn)很重要。比如當(dāng)我們?cè)诳匆粍t新聞的時(shí)候,我們首先是看到標(biāo)題、然后是副標(biāo)題、最后是正文。這是新聞在排版的時(shí)候已經(jīng)為我們預(yù)設(shè)好的閱讀順序,方便我們看新聞。這樣的例子同樣在報(bào)紙上,頭條會(huì)首先吸引你的注意,然后才是其他的新聞。一張海報(bào)和報(bào)紙的文案都一樣,都先要有重要的內(nèi)容先給我們看到,然后再依次看其他的信息,本質(zhì)上就是要迎合人們?cè)陂喿x上的習(xí)慣。
信息整理主要分成三步 全部列出 : 先把所有的文字列出來(lái)(要敲定,不要海報(bào)做到一半又加字進(jìn)來(lái)) 排列順序 : 哪些是你想讓我們最先看到,然后是哪些內(nèi)容是被我第二看到的。然后 排列出順序來(lái)。 我整理了一下原先那張海報(bào)的文案,分成主要、次要內(nèi)容和四個(gè)小塊。(見 圖1) 主要內(nèi)容,次要內(nèi)容
  1. 標(biāo)題
  2. 活動(dòng)簡(jiǎn)介
  3. 聯(lián)系方式
  4. 主辦承辦
元素歸納 : 把文案歸納成“點(diǎn)、線、面”的形式。
hb201503259
二、重心軸線 重心與軸線是版面的核心,它們決定了一張的海報(bào)最后出來(lái)的樣式。版面的三個(gè)主要元素“點(diǎn)、線、面”圍繞著軸線與重心排版。 什么是“點(diǎn)、線、面”? 點(diǎn) : 通常是指重點(diǎn)內(nèi)容(通常會(huì)被優(yōu)先看見) 它可以是一個(gè)字或者符號(hào) 線 : 通常是一條單獨(dú)的內(nèi)容 例如一串電話號(hào)碼 一個(gè)標(biāo)題 一句話 面 : 一大段文字或一張圖片 它們通常是版面的重心 “點(diǎn)、線、面”是人們視覺(jué)上概括文字信息的方法,好的排版就是運(yùn)用這一方法進(jìn)行歸納。好的歸納可以使得我們閱讀地非常方便,相反就會(huì)變得各種閱讀困難 以下是舉例:
hb201503258
hb201503256
通過(guò)上面的舉例大家應(yīng)該明白了“點(diǎn)、線、面”的用法了吧?《寫給大家看的設(shè)計(jì)書》提到是一種“對(duì)比”的原則,實(shí)際上在排版叫做“區(qū)分元素”;就是兩個(gè)相同的元素,轉(zhuǎn)換其中一個(gè)元素,使之與另一元素區(qū)分開來(lái),達(dá)到“對(duì)比”的效果。 所有的文字都可以歸納成“點(diǎn)、線、面”三種元素,這個(gè)在“整理信息”這一步驟就已經(jīng)歸納好了(見上圖),文字的組織和思路便一目了然。 什么是重心和軸線? 重心 : 是一塊大小占據(jù)版面四成以上規(guī)則或不規(guī)則的“面” 是海報(bào)是視覺(jué)中心 軸線 : 分主軸和副軸 把某一類文字信息聯(lián)系在一條線 (可以成為“文字軸”) 注意: 要分清楚參考線和軸線的區(qū)別,它們的功能一個(gè)是對(duì)齊,一個(gè)是聯(lián)系 以下是對(duì)軸線的舉例說(shuō)明: hb201503257 這個(gè)簡(jiǎn)單的例子是說(shuō)明當(dāng)你看到某一類文字全部對(duì)齊在某一條線上面時(shí),你會(huì)自然把他們聯(lián)系起來(lái)看成是一個(gè)整體。當(dāng)這類文字有一部分都離開這條軸線時(shí),在你的視覺(jué)變成了有兩條軸線,自然就看成了兩個(gè)沒(méi)有聯(lián)系的內(nèi)容。 兩個(gè)重要的步驟就講完,現(xiàn)在開始制作。
hb201503255 首先明確海報(bào)的視覺(jué)中心,我用了一個(gè)黑色塊壓住了版面 然后設(shè)立一條清晰的主軸,還有副軸。
hb201503254 現(xiàn)在整理好的文案可以往上面放了,把主要內(nèi)容的三塊從上往下 從左到右(迎合大多數(shù)人的閱讀習(xí)慣)在主軸上排列,標(biāo)題是最重要的內(nèi)容,所以我放在了視覺(jué)中心里。次要內(nèi)容在副軸上排列。
三、3種就好 當(dāng)你做一張海報(bào)時(shí),字體的種類太多,就會(huì)顯得亂。但是太少或只有一種,又會(huì)讓人覺(jué)得單調(diào)。我個(gè)人覺(jué)得,無(wú)論是字體、顏色、字號(hào)、字距都控制在三種之內(nèi)就好,但必須用心謹(jǐn)慎地去選擇。任何選擇都要迎合海報(bào)主題的需要! 我個(gè)人的選擇如下: hb201503253 標(biāo)題 : 方正清刻本悅宋簡(jiǎn)體 標(biāo)題是最重要的,又在視覺(jué)中心,所以這個(gè)字體只用在標(biāo)題。這個(gè)字體字重大,有韻味,適合這張海報(bào)的標(biāo)題。 副標(biāo)題 : 方正正纖黑簡(jiǎn)體 由于海報(bào)受眾的主體是學(xué)生,所以我選擇一種比較受年輕人喜歡的字體做副標(biāo)題。 正文 : 仿宋 易讀性強(qiáng)的字體,于是我用在正文里。 顏色 : 白色 黑色 天藍(lán)色 白底、黑塊已經(jīng)占了兩個(gè)顏色了。這次主題是與風(fēng)箏有關(guān),我加上一個(gè)天藍(lán)色。 附配色方法指南:《色彩搭配速成!3個(gè)實(shí)用方法幫你全面搞定配色》 以上就是文字的排版做完了,最后可以把黑色塊換成圖片。 我百度了一張關(guān)于風(fēng)箏的圖片,代替了黑色塊(為突出標(biāo)題,標(biāo)題字體換成了白色) 最后與原來(lái)的海報(bào)比對(duì),你們感受一下: hb201503252
我開始使用黑色塊而沒(méi)有直接上圖片,是因?yàn)槲蚁胱尨蠹抑乐匦牡闹匾V匦暮洼S線是版面的核心是絕對(duì)不可以沒(méi)有的! 最后附上海報(bào)的大圖: hb201503251 
17
評(píng)論區(qū)(0)
正在加載評(píng)論...