海報(bào)設(shè)計(jì)思路(三)

作者:設(shè)計(jì)小余(余小梅)

本文由 @設(shè)計(jì)小余 原創(chuàng)發(fā)布。未經(jīng)許可,禁止轉(zhuǎn)載。




前面寫了兩篇有關(guān)于海報(bào)設(shè)計(jì)的思路和技巧以及配色,主要是圖文結(jié)合為主,圖片占居重要中心,這一次是以文字為主要設(shè)計(jì)要點(diǎn)!

設(shè)計(jì)軟件:

Adobe Photoshop

Adobe IIIustrator

CINEMA 4D R20

今天給大家?guī)淼氖俏易罱鼘W(xué)習(xí)的一些新的技巧,并且運(yùn)用到海報(bào)的設(shè)計(jì)當(dāng)中,主要以“創(chuàng)新”為主題展開設(shè)計(jì),意思主要是呼吁人們要勇于創(chuàng)新,敢于挑戰(zhàn)新事物,創(chuàng)造出不一樣的設(shè)計(jì)和作品,主要是一種勇于創(chuàng)新的精神所在。

這次的海報(bào)設(shè)計(jì)主要運(yùn)用的技巧是通過對(duì)主題文字展開設(shè)計(jì),延展到不一樣的設(shè)計(jì)形式,運(yùn)用到海報(bào)設(shè)計(jì)當(dāng)中,不一樣的主題風(fēng)格展現(xiàn)的feel也是各有不同,下面我會(huì)一一介紹我的海報(bào)的設(shè)計(jì)思路!

在介紹海報(bào)設(shè)計(jì)的思路的前提我還是先說一下海報(bào)的作用吧:

海報(bào)是作為一種廣告的語言和信息的載體進(jìn)入人類社會(huì)和人們的生活,最開始海報(bào)最多以印刷的形式出現(xiàn)在我們的生活中,原來你會(huì)看到大街小巷都會(huì)貼滿形形色色的海報(bào),但是隨著印刷、科學(xué)技術(shù)的不斷發(fā)展,科技的發(fā)達(dá)和互聯(lián)網(wǎng)的不斷發(fā)展,海報(bào)的表現(xiàn)形式、表現(xiàn)手法的不斷創(chuàng)新,海報(bào)除印刷會(huì)用到,現(xiàn)在絕大多數(shù)都是在我們的電子產(chǎn)品上作為一種廣告宣傳使用,例如:電影封面海報(bào),產(chǎn)品宣傳海報(bào),活動(dòng)推廣海報(bào)等等

其實(shí)在我看來,海報(bào)和banner是有很多相似之處的,這里不妨說出來給大家參考參考,這里我們從海報(bào)和banner主要的構(gòu)成元素做對(duì)比了解一下:


海報(bào)主要組成元素
banner主要組成元素



海報(bào)主要的作用就是達(dá)到宣傳的作用,不管是宣傳什么,我們?cè)谠O(shè)計(jì)海報(bào)之前都要明確海報(bào)的主題和目的,關(guān)于海報(bào)的主題和目在前面《海報(bào)設(shè)計(jì)思路1》我已經(jīng)有做詳細(xì)的描述,這里就不再重復(fù)啦,有需要的和不了解的可以再查看一下哦!

接下來你將會(huì)看到10張“創(chuàng)新”為主題的不同風(fēng)格的海報(bào)的設(shè)計(jì),小文字都是一樣的,只是排版會(huì)有所變化,同樣的主題不同的風(fēng)格和排版呈現(xiàn)出不一樣的視覺效果,前面我會(huì)圍繞上面海報(bào)設(shè)計(jì)的主要元素做詳細(xì)的海報(bào)設(shè)計(jì)思路講解,到后面就不會(huì)重復(fù)的講解啦,希望你們喜歡,歡迎大家留言,一起學(xué)習(xí)一起進(jìn)步!

(01)


第一張:立體英文漸變海報(bào)

首先創(chuàng)新英文字體INNOVATE的效果是在AI中通過混合軸替換得到的效果圖形,這一項(xiàng)也是前段時(shí)間學(xué)到的一種新的技巧,感覺視覺效果還不錯(cuò)的,文字的效果帶有立體的視覺體驗(yàn),并且色彩采用三種顏色做出的漸變效果,顏色都是比較年輕活力的,

因?yàn)橹黝}是“創(chuàng)新”所以另外我參雜的一些概念是年輕活力的一代,我們需要不斷的創(chuàng)新,用我們年輕的朝氣,青春的活力,思維明捷的腦力創(chuàng)造出不一樣的新事物,

背景也是采用和文字同樣的漸變色效果挑戰(zhàn)漸變的角度,以免主題INNOVATE文字會(huì)被背景一樣的漸變色所干擾,只需要做出不一樣的角度的漸變效果,就會(huì)避免這樣的干擾,為什么我會(huì)選擇同樣色彩的漸變效果作為背景色呢?因?yàn)闉榱耸拐麄€(gè)海報(bào)的畫面顯得不會(huì)太多顏色太雜亂,因?yàn)樵局黝}的文字已經(jīng)是三種顏色的漸變效果了,色彩方面已經(jīng)很豐富了,所以在背景的處理上,我們就需要做到避免顏色太雜太亂的效果,且畫面看起來要協(xié)調(diào)統(tǒng)一

如果說我們只是為了做到顏色不雜亂,有人就會(huì)想到用純色做背景不就會(huì)避免顏色太雜的的效果嗎?那么我們就看看用純色做背景看看吧,效果圖如下:

對(duì)比圖

這里只做了兩種純色背景做對(duì)比,其實(shí)一眼看著也還好,但是細(xì)看就會(huì)覺得畫面會(huì)缺少一點(diǎn)青春活力之感,而且會(huì)覺得主題文字和單調(diào)的背景總是有點(diǎn)格格不入,不協(xié)調(diào)的感覺,也會(huì)覺得背景很單調(diào),很平。

所以我們?cè)谧鲈O(shè)計(jì)的時(shí)候一定要多多的嘗試,嘗試不一樣的風(fēng)格和效果,只有動(dòng)手做了你才會(huì)發(fā)現(xiàn)哪一種表現(xiàn)形式才是最適合的,最佳的選擇。

好啦!還是回到我們第一張海報(bào)設(shè)計(jì)思路的分析,色彩和主題文字已經(jīng)簡述了,剩下的就是排版了

第一:我們要明白的是設(shè)計(jì)海報(bào)的主題要明確

那么這張海報(bào)最顯眼最醒目的肯定是又大又占據(jù)中心的主題文字”INNOVATE",人的第一視覺就會(huì)看到我們的主題,

第二:海報(bào)要有一定的視覺沖擊力

前面我們已經(jīng)說過,一張海報(bào)要有它獨(dú)特的地方,要有它吸引用戶眼球的地方,這樣才能贏得用戶的喜愛,以及在他們腦海中中留下一定的影響,這張海報(bào)的設(shè)計(jì)視覺突出之點(diǎn)還是在主題文字上,漸變立體的獨(dú)特的表現(xiàn)形式,青春活力的色彩搭配方式會(huì)給人帶來愉悅感,舒適的漸變效果還有一種治愈的效果呢!

第三:閱讀順序

看完主題后,第二視覺就會(huì)被左邊的文字補(bǔ)丁形式的排版設(shè)計(jì)所吸引,重點(diǎn)的信息我們可以采用文字補(bǔ)丁的形式做突出處理。

這里單獨(dú)講一下“文字補(bǔ)丁”

其實(shí)很簡單,文字補(bǔ)丁我們可以簡單的理解為“色塊+文字”的組合,這樣的設(shè)計(jì)效果是達(dá)到一種搶眼的效果,在畫面中非常突出顯眼,信息層級(jí)也是相當(dāng)?shù)男涯浚瑥亩_(dá)到吸引用戶眼球的效果!

第四:適當(dāng)留白

海報(bào)是給人看的,是需要閱讀的,版面信息不是堆積的越多越好,最主要的是把重點(diǎn)信息體現(xiàn)在海報(bào)的重要位置,讓用戶(讀者)一眼就能看到你設(shè)計(jì)的海報(bào)的重點(diǎn)之處,版面適當(dāng)?shù)牧舭讜?huì)給用戶一樣舒適的感覺,才會(huì)更有心情去看完你的整個(gè)海報(bào)

如果你的海報(bào)一眼就給人一種視覺疲勞厭煩的feel,那么用戶又怎么會(huì)花更多的時(shí)間停留在你的海報(bào)上呢?如果你的文案信息本身就很多,那么就要做到大標(biāo)題小文章的效果,這樣用戶如果對(duì)你的標(biāo)題感興趣才會(huì)緊接著對(duì)你的溫州信息感興趣,

現(xiàn)在網(wǎng)站上很多新聞就是“標(biāo)題黨”,利用獨(dú)特的標(biāo)題吸引用戶點(diǎn)擊,吸取流量,其實(shí)你會(huì)發(fā)現(xiàn)很多標(biāo)題和里面的文章信息完全是牛頭不對(duì)馬嘴,完全是利用標(biāo)題吸引用戶點(diǎn)擊罷了,其實(shí)這樣的操作形式對(duì)于用戶來說是很反感的,但是對(duì)于發(fā)布者來說是有利的,

但是在這里我們并不是做標(biāo)題黨文章發(fā)布,而是在一張海報(bào)上呈現(xiàn)出你所有的信息,我們的大標(biāo)題小文章的意思就是做到標(biāo)題醒目,文章文字適當(dāng)縮小,這樣就能留出不少的空間,給版面一定的呼吸感,但是最好還是選擇一個(gè)能吸引用戶眼球的標(biāo)題,標(biāo)題要和文章信息匹配,做到又有吸引用戶眼球的效果,又要和你下面文章描述的信息一致的作用,不要只做一味的“標(biāo)題黨”

文字的排版我主要還是遵循居中對(duì)齊,左右對(duì)齊的原則,中間標(biāo)題下面你們會(huì)發(fā)現(xiàn)有一些英文字體旋轉(zhuǎn)的效果,這里的設(shè)計(jì)我想要突出的是在創(chuàng)新的人的大腦是活躍的,所以在英文上做了動(dòng)感模糊的效果,讓整個(gè)海報(bào)帶有一種動(dòng)感的視覺效果!

ok!

我們的第一張海報(bào)設(shè)計(jì)思路就講解完畢了,接下來就不會(huì)詳細(xì)的講解重復(fù)的知識(shí)點(diǎn)啦!只簡單的做一下設(shè)計(jì)思路即可,因?yàn)橹貜?fù)的東西你們看了也會(huì)苦惱的

(02)


第二張:大氣質(zhì)感全文字海報(bào)

前面是青春活力的海報(bào),一下又來一個(gè)大氣深色系海報(bào),反差有點(diǎn)大呀!

這張海報(bào)也全是文字的,只是在背景上做了簡單的肌理處理效果,

首先“勇于創(chuàng)新”文字作為海報(bào)的主題設(shè)計(jì)要點(diǎn),人的第一視覺也會(huì)被這四個(gè)大字所吸引,黑色+金色搭配一種大氣高檔的質(zhì)感一下就體現(xiàn)出來了,主題文字的處理主要是對(duì)每個(gè)文字做了層次亮部和暗部相結(jié)合的處理方式,處理很簡單,但是和不做處理的效果做對(duì)比,差距是非常大的,可以看下面不做處理的對(duì)比圖:

對(duì)比圖

沒有對(duì)比就沒有傷害,所以口說無憑,只有拿出實(shí)際的對(duì)比才會(huì)取得信任感和贊同感,可以看到,上面兩張海報(bào)除了主題”勇于創(chuàng)新“文字處理效果不一樣,其它的背景和排版都是一模一樣的,但是給人的感覺,前面處理后的效果圖就會(huì)給人眼前一亮的感覺,并且顯得非常的大氣又有質(zhì)感,高端之氣一下就展現(xiàn)出來了,同樣的后面海報(bào)標(biāo)題不做處理的效果圖就給人一種平平淡淡,沒有亮點(diǎn)的感覺,就達(dá)不到吸引用戶眼球的效果,

其次海報(bào)也因?yàn)榧恿烁吖獾奶幚恚寴?biāo)題文字的質(zhì)感也會(huì)有很明顯的提升

另外要提到的是文字橫排和豎排的規(guī)則

文字橫排:都應(yīng)該遵循從左到右,從上到下,

文字豎排:都應(yīng)該遵循從右到左,從上到下,

自古以來人們的閱讀習(xí)慣已經(jīng)養(yǎng)成,我們做設(shè)計(jì)可以創(chuàng)新,但是不能一味的創(chuàng)新,要符合用戶的習(xí)慣,要讓用戶找得到頭模得到尾,不能給用戶一頭霧水!

(03)


這一張海報(bào)同樣和第二張海報(bào)設(shè)計(jì)的技法是一樣的,帶有科技感的創(chuàng)新海報(bào),就不做講解了,技巧是一樣的,所以只要你學(xué)會(huì)了一種技巧就可以延展到不一樣額場(chǎng)景中使用,學(xué)以致用才能更好的掌握!

(04)


第三張:簡潔空間感創(chuàng)意海報(bào)

這一張海報(bào)可以說是很簡單的一種設(shè)計(jì)方式了,畫面簡潔感覺,但是主題文字“創(chuàng)新”大投影的表現(xiàn)形式給畫面的空間感一下就提升了,使整個(gè)海報(bào)的畫面看起來層級(jí)分明,空間感極強(qiáng),且有吸引力,不會(huì)顯的平淡

同樣文字的排版很醒目的做到了大標(biāo)題小文章的處理方式,文字相對(duì)于來說也是較多的,排列在海報(bào)的下部,因?yàn)橹黝}是突出創(chuàng)新,所以創(chuàng)新文字占居畫面得整個(gè)重要上部的位置,非常醒目可見,輔助文字也是做到重點(diǎn)突出,次要的適當(dāng)縮小,減少干擾和給畫面留出一定的留白,增加呼吸

其實(shí)經(jīng)常說要做到排版主次分明,且版面看起來又要整潔有序,并不是一件只說就能做好的事情,需要自己不斷得練習(xí)排版和實(shí)戰(zhàn)才能正真的體會(huì)到它的不易之處,看著別人做出來的越簡單的版面其實(shí)是越難排版的,難度系數(shù)會(huì)增加很多!所以建議大家一定要?jiǎng)邮謬L試!

(05)


主題和上面(04)得一樣得設(shè)計(jì)原理這里就不做過多的講解啦!

(06)


第四張:文字圖形化創(chuàng)意海報(bào)

首先我在AI中將創(chuàng)新英文做了藝術(shù)圖形處理,圖形看起來是看不出來實(shí)際的英文文案,但是在圖上做了文字得描述,一眼看到也能知道主題,圖形的設(shè)計(jì)讓整個(gè)海報(bào)的視覺沖擊力一下就提升了,加上斜切的文案排版讓整個(gè)海報(bào)的排版不會(huì)顯得單一,重點(diǎn)就在于圖形的設(shè)計(jì)上,所以在一張海報(bào)上至少一定要有一個(gè)亮點(diǎn),吸引用戶眼球的亮點(diǎn),以不一樣的有創(chuàng)意的圖形出現(xiàn)在海報(bào)版面上,雖然識(shí)別性不強(qiáng),但是能博得用戶的吸引力和喜歡,你也就成功了一半

其實(shí)在很多大師級(jí)別的設(shè)計(jì)中,經(jīng)常會(huì)有一些我們看不懂的設(shè)計(jì),但是看上去就是會(huì)給人眼前一亮的新穎的感覺,我們會(huì)不自覺的停留我們的眼光,想要看看他們做的是什么,所以,我這里就是采用的一點(diǎn),雖然我不是大神,但是我借助新穎的圖形吸引用戶,達(dá)到閱讀整個(gè)海報(bào)的作用,這也是一種設(shè)計(jì)表現(xiàn)手法!

(07)


和(06)同理,在圖形上做處理,博取眼球,我這里又采用了另外一種新穎的圖形變形設(shè)計(jì)技巧,加上文字有層次的疊加方式,也會(huì)給人一種眼前一亮的feel,

所以掌握更多的設(shè)計(jì)技巧對(duì)我們的版面設(shè)計(jì)也是有很多幫助的,當(dāng)你找不到合適的圖作為海報(bào)的重點(diǎn)時(shí),主題文字也不知道怎么設(shè)計(jì)才能達(dá)到獨(dú)特新穎的感覺,使用你學(xué)到的技巧,設(shè)計(jì)出不一樣的圖形圖案,同樣能給人眼球一亮,得到用戶的認(rèn)可和喜歡的!

(08)


第五張:創(chuàng)新文字創(chuàng)意海報(bào)

這張海報(bào)整個(gè)給人就是一種科技的感覺,首先色彩上給人第一印象就比較科技化,加上簡單的燈的裝飾,更加展示出一種科技感,

主題文字我做了層次區(qū)分以及亮暗區(qū)分,讓海報(bào)看起來更有空間感和層次感,再就是文字的處理上還做了簡單的裝飾的處理,右邊因?yàn)橛袩舻膱D片裝飾,主題也是關(guān)于“創(chuàng)新思維”的,想到創(chuàng)新我們首先想到的圖就是閃閃發(fā)光的燈,就好像一下子就有一個(gè)好的想法在我們的腦海中閃現(xiàn),

所以借助這一點(diǎn),我就選擇了這個(gè)燈的元素作為裝飾的要點(diǎn),在“創(chuàng)”字眼上做了個(gè)小小的燈的裝飾,同樣也做了發(fā)光的處理,讓燈和文字之間更加融合和協(xié)調(diào)

包括文字一些部位改成其它圖形代替,以及所有文字相連,

對(duì)于文字圖形化處理就需要自己能有一定的想象力,并且要和主題保持同步,不能偏離主題,所以需要不斷的創(chuàng)新

(09)


第六張:虛化文字海報(bào)

海報(bào)的整個(gè)版面都是文字組成,沒有做過多的圖形裝飾,都是在文字本身上做處理,包裹點(diǎn)綴的元素都是從文字本身上采取的,通過明暗對(duì)比,虛實(shí)相結(jié)合,一張簡單的帶有層次感和空間感的海報(bào)就做完啦,

對(duì)于純文字的海報(bào)設(shè)計(jì)要求確實(shí)很高,很多時(shí)候在實(shí)際操作過程當(dāng)中就會(huì)踩到很多的坑,也會(huì)嘗試很多不一樣的排版方式,因?yàn)橐胝麄€(gè)海報(bào)看起來豐富,又有亮點(diǎn),又全是文字,所以還是有一定的難處的,這一點(diǎn)我也是在不斷學(xué)習(xí)中

(10)


第七張:立體勇于創(chuàng)新海報(bào)

其實(shí)這張海報(bào)是最簡單的,對(duì)于小文章的排版我沒有做過多的變化,主要還是著手于“勇于創(chuàng)新”主題文字文字是勇C4D做的簡單的立體效果圖,雖然看起來簡單,其實(shí)在這張海報(bào)上,對(duì)于標(biāo)題文字角度的擺放我也是嘗試過很多不一樣的形式,但是360°的角度我卻很難找到一個(gè)我滿意的角度,最終經(jīng)過不斷的調(diào)整才找到一個(gè)我相對(duì)于其它的比較滿意的角度,

這里也可以給大家看看其它的角度的排版效果,如圖:

對(duì)比圖

左邊一張角度是正對(duì)我們的視覺,看起來整個(gè)畫面就太過于規(guī)整,感覺給人一種很正式,

右邊一張角度是從左下到右上,人的第一視覺看到的是“創(chuàng)新”但是文字的閱讀順序是“從左到右”所以又有點(diǎn)搗亂人們的閱讀習(xí)慣,給人一種不適的感覺

最后我選擇從左上到右下的角度排版,這樣既不會(huì)使整個(gè)畫面看起來很規(guī)整,也遵循的人們閱讀的習(xí)慣!

好啦!今天的海報(bào)設(shè)計(jì)思路就分享到這里啦!

希望你會(huì)喜歡,會(huì)給你帶來幫助,個(gè)人愚見,很多不足,希望大家一起交流一起學(xué)習(xí)一起進(jìn)步!

最后喜歡我的分享就動(dòng)動(dòng)你們寶貴的小指頭為我點(diǎn)個(gè)贊吧




歡迎關(guān)注設(shè)計(jì)小余公眾號(hào)和我一起探尋設(shè)計(jì)之路



最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容