Hello,大家好,我是小醒目。
今天想給大家分享一種最近比較火熱的設(shè)計(jì)趨勢(shì)——孟菲斯風(fēng)格。
也許有很多童鞋多多少少接觸過孟菲斯風(fēng)格的設(shè)計(jì)作品,但并不知道原來這叫做孟菲斯風(fēng)格,也不知道具體是什么玩意。
在我接觸孟菲斯風(fēng)格的這段時(shí)間,我發(fā)現(xiàn)孟菲斯風(fēng)格的適用性非常廣闊,我們不僅能利用它做出精美的海報(bào):
還能做出獨(dú)具一格的人物海報(bào):
甚至還能做活動(dòng)Banner:
怎么樣?
相信有不少人看到這些作品有種感覺:哦,原來這就是孟菲斯風(fēng)格。
是的,孟菲斯風(fēng)格在實(shí)際中運(yùn)用非常廣泛,掌握孟菲斯風(fēng)格你也可以輕松做出上面案例的效果。
重點(diǎn)來了!這種風(fēng)格可以用PPT擼出來!
當(dāng)然,在介紹怎么用PPT擼孟菲斯風(fēng)格之前,我們還是要具體學(xué)習(xí)孟菲斯風(fēng)格的設(shè)計(jì)原理。
孟菲斯不是一個(gè)設(shè)計(jì)師,也不是城市,也不是NBA灰熊隊(duì)。
孟菲斯風(fēng)格誕生于20世紀(jì)70年代后期,由一群意大利籍家具設(shè)計(jì)師摸索出的一種裝飾風(fēng)格。
孟菲斯風(fēng)格注重幾何元素的美感表現(xiàn)以及從波普藝術(shù)延伸出來的大膽配色,喜歡用一些明快、彩度高的色調(diào)去打破普通的配色規(guī)律,它具有以下特點(diǎn):
1.?幾何元素的大量填充和運(yùn)用
2.?明亮配色的任意組合
3.?隨機(jī)線條和圖案的風(fēng)趣搭配
可能光文字還不足以理解孟菲斯風(fēng)格,我們結(jié)合一個(gè)設(shè)計(jì)案例來具體分析孟菲斯風(fēng)格:
在上面這個(gè)案例中,收入眼底第一感覺就是有大量的幾何元素,例如矩形、圓形、梯形、三角形、半圓形、圓環(huán),甚至一些不常見的L形、加號(hào)等任意多邊形,通過這些元素的自由搭配組成了畫面感豐富的海報(bào)。
此外,我們還看到了在這些元素中有大量的圖案填充,關(guān)于圖案填充知識(shí),我會(huì)在后文詳細(xì)講解。
除了幾何元素外,接著看到的就是它的配色了,在這里我整理了案例中的部分配色:
RGB我相信不用我去詳細(xì)說大家也知道這是什么顏色模式,這種顏色模式是通過R(Red紅色)G(Green綠色)B(Blue藍(lán)色)三種顏色通道的變化及其相互疊加得到各式各樣的色彩。
從整理出來的配色看到,每種顏色基本上都有一個(gè)數(shù)值大于200,說明孟菲斯風(fēng)格在配色上喜歡用突出的顏色去進(jìn)行搭配。
在上圖中我還給出了這些顏色的HSL值,可能有很多童鞋沒有了解過在PPT中還有另外一種配色方法,就是HSL,在PPT中調(diào)出HSL色板是這樣的:
H(色調(diào)),色調(diào)的調(diào)整在色板上的體現(xiàn)是水平方向上的左右移動(dòng),改變色調(diào)會(huì)使顏色色系發(fā)生轉(zhuǎn)變,即:
S(飽和度),飽和度的調(diào)整在色板上的體現(xiàn)是垂直方向上的上下移動(dòng),飽和度越高,該色系顏色著色越強(qiáng),即:
L(亮度),亮度的調(diào)整是在色板右側(cè)的滑條上體現(xiàn)的,亮度越高,顏色越偏向白色,反之則偏向黑色,即:
對(duì)HSL色彩模式簡單了解后,我們看到孟菲斯風(fēng)格的配色在飽和度以及亮度上有顯著體現(xiàn),所以在制作孟菲斯風(fēng)格海報(bào)中,我建議童鞋們更多使用HSL去調(diào)色。
繼幾何元素和明亮配色之后,隨機(jī)線條也是孟菲斯風(fēng)格的一大特點(diǎn),從設(shè)計(jì)案例中我們不難發(fā)現(xiàn),各種直線、折線、波浪線等任意搭配,對(duì)幾何元素起到很好的輔助作用。
那么,在學(xué)習(xí)完孟菲斯風(fēng)格的特點(diǎn)之后,接下來就是實(shí)際操作了(相信很多童鞋多多少少已經(jīng)get到怎么做了),在這里我會(huì)簡單介紹下關(guān)于圖案填充的幾種辦法。
首先是簡單版的。
我們看到案例中的幾何元素不僅填充了明亮的顏色,有的還填充了一層圖案,那么這些圖案填充是從哪里來的呢?
在PPT中,除了我們熟知的純色填充和漸變填充之外,還有三個(gè)堪稱變態(tài)級(jí)別填充方式,分別是圖片或紋理填充、圖案填充以及幻燈片背景填充:
既然是簡單版的,那么我們先來了解一下圖案填充,我們把填充方式改為圖案填充后,會(huì)出現(xiàn)圖案選擇:
可以看到,PPT中自帶的圖案填充共有48種,有點(diǎn)狀、線條、網(wǎng)格等類型,我們可以選擇不同的圖案填充去任意搭配。
同時(shí),通過改變前景色和背景色,可去達(dá)到圖案和純色雙疊加的效果。
但是PPT自帶的圖案填充有一個(gè)致命缺點(diǎn)就是圖案偏向密集且不能設(shè)置圖案的大小比例,雖然孟菲斯風(fēng)格也是圖案的拼接為主,但圖案密度過于密集反而會(huì)讓人容易產(chǎn)生眩暈的感覺。
那是不是說圖案填充就不能用呢?
肯定不是啦(如果是的話我還介紹來干嘛啊),在這里我介紹幾個(gè)比較OK的圖案填充:
上面這幾個(gè)密集程度算是不太高的了,同時(shí)這種圖案填充的形狀一般放在純色填充的形狀斜下方45°,形成一個(gè)像這樣的偽立體效果:
上文提到,由于PPT自帶的圖案填充偏向密集且不能設(shè)置大小比例,因此我們需要另辟蹊徑,所以接下來的就是進(jìn)階版的圖案填充了!
上文提到還有另外一種填充方式,就是圖片或紋理填充,點(diǎn)擊這個(gè)填充方式,會(huì)看到圖形被草紙紋理填充了(默認(rèn)):
紋理填充和圖案填充很相似,都是提供軟件提供固定的樣式,不能更改(而且紋理質(zhì)量都比較差…),所以在實(shí)際用途中用處不大。
圖片填充則具有非常高的靈活性,我們可以通過插入文件,或者通過復(fù)制圖片后在剪貼板剪貼達(dá)到我們想要的任意填充(類似于PS和AI中的剪貼蒙版)。
既然思路是這樣,那么我們也可以通過自己制作紋理——變成圖片——通過剪貼板剪貼達(dá)到好看圖案填充效果。
話不多說,接著操作。
我們先對(duì)紋理進(jìn)行簡單分析,紋理無非就是有規(guī)律的圖形排列,要快速做到這種圖形排列,就要借用一個(gè)神奇的快捷鍵:F4
F4在部分軟件(比如微軟公司的“御三家”)的操作含義是重復(fù)上一步操作。
比如,你上一步操作了粘貼,此時(shí)你再按一次F4,PPT就會(huì)重復(fù)一次“粘貼”操作,如:
(看著和Ctrl+V沒有區(qū)別,因?yàn)檎迟N默認(rèn)是斜右下方45°粘貼的)
既然F4連粘貼方向都算在粘貼這一步操作里面,我們就可以通過橫向復(fù)制來達(dá)到紋理的效果了:
用F4去復(fù)制最大的好處就是粘貼出來的形狀是等距的,免了我們復(fù)制粘貼之后再用對(duì)齊工具這一步。
橫向操作完畢之后,縱向操作我就不多說了(提示:橫向操作完畢后組合再進(jìn)行縱向操作會(huì)事半功倍哦),最后做出來的紋理是這樣子的:
(其他圖形紋理的操作原理都一樣哦)
做好了紋理之后,我們對(duì)一排一排的紋理進(jìn)行右鍵組合,然后對(duì)它進(jìn)行復(fù)制操作,并粘貼為圖片,再對(duì)該圖片進(jìn)行復(fù)制,然后選中我們需要填充的形狀——圖片或紋理填充——剪貼板,即可完成圖案填充效果:
后面還需要處理的就是關(guān)于圖片填充效果的一些參數(shù),比如是否平鋪為紋理、偏移量、對(duì)齊方式等,在這里就不一細(xì)細(xì)講解了,童鞋們可以自行去嘗試。
重復(fù)以上這樣的操作,加上適當(dāng)?shù)呐虐娲钆洌戏扑癸L(fēng)格在排版上的要求并沒有其他設(shè)計(jì)風(fēng)格那么高,比較自由),一張精美的孟菲斯風(fēng)格海報(bào)就誕生喇。
如果對(duì)紋理制作沒有思路或者不想自己動(dòng)手慢慢做紋理的話怎么辦呢?在這里我也推薦幾個(gè)孟菲斯風(fēng)格素材比較好的網(wǎng)站給大家:
1. 站酷海洛:http://www.hellorf.com/
這個(gè)網(wǎng)站的素材可以說是灰常好看了,不過呢就是要購買,摸著良心說,還是值得這個(gè)價(jià)錢的。
2.千圖網(wǎng):http://www.58pic.com/
千圖網(wǎng)我想是設(shè)計(jì)必備的網(wǎng)站之一了,它每天都有免費(fèi)下載次數(shù),童鞋們可以利用好這個(gè)去下載些好看的素材哦。
3.花瓣網(wǎng):http://huaban.com/
這個(gè)就不是素材下載網(wǎng)站了,而是一個(gè)欣賞網(wǎng)站,在這里搜到的孟菲斯風(fēng)格作品也是非常可以的。
最后的最后,建議大家在做孟菲斯風(fēng)格的時(shí)候,把自己制作出來的紋理保留一份,說不定以后會(huì)用到呢?
這期的分享就到這里了,希望對(duì)大家有所啟發(fā)。