使用拼圖來(lái)做設(shè)計(jì)原來(lái)這么簡(jiǎn)單！

時(shí)間：2023-07-20 08:24:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-07-20 08:24:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

使用拼圖來(lái)做設(shè)計(jì)原來(lái)這么簡(jiǎn)單！：









使用拼圖來(lái)做設(shè)計(jì)，原來(lái)這么簡(jiǎn)單！












拼圖源于“COLLAGE”一詞，指的是在一張圖片中添加多張圖片組合成獨(dú)特的風(fēng)格版面的形式。它經(jīng)常被運(yùn)用在制作剪貼的相冊(cè)，而你也會(huì)發(fā)現(xiàn)在很多的網(wǎng)頁(yè)或紙質(zhì)版面設(shè)計(jì)中，它也無(wú)處不在。

現(xiàn)代拼圖設(shè)計(jì)的流行讓很多新興的工具也發(fā)展起來(lái)，本帖總結(jié)了20個(gè)分類(lèi)下，一系列手工或在線(xiàn)拼圖的現(xiàn)代拼圖版面。







Ⅰ. 雜志版面設(shè)計(jì)——視覺(jué)組合

在雜志的編輯上，更多傾向于如何更好地提供高閱讀性的圖片文字排版，才能更好地吸引讀者。因此，雜志編輯并不會(huì)在文字本身方面花很多的精力。

1.圖片與文本相結(jié)合

Dash Magazine 雜志封面憑借著創(chuàng)造性的圖片文字組合，一直在時(shí)尚界引領(lǐng)潮流。其設(shè)計(jì)師Ashkan Honarvar 將電腦制作的文字因素和模特圖片結(jié)合起來(lái)，巧妙地實(shí)現(xiàn)了時(shí)尚的現(xiàn)代拼圖設(shè)計(jì)。

2.方格的靈活運(yùn)用

Pam & Jenny 的此幅現(xiàn)代編輯設(shè)計(jì)巧妙地運(yùn)用了方格這一傳統(tǒng)元素。雖然整個(gè)版面都建立在格子拼接的基礎(chǔ)中，設(shè)計(jì)師將文字跨越方格邊界，疊加在其他格中，也使得整個(gè)版面形成了一個(gè)整體性的組合。在圖片的拼接上，這種風(fēng)格可以很好的吸引讀者的眼球。

3.粗體印刷風(fēng)格與壓迫感圖片所相組合

盡管這是一個(gè)網(wǎng)頁(yè)版面，但Fleischmarkt 這座藝術(shù)新興殿堂的這幅設(shè)計(jì)完美的詮釋了，如何將雜志編輯版面風(fēng)格運(yùn)用在其他現(xiàn)代設(shè)計(jì)中，來(lái)達(dá)到杰出的視覺(jué)效果。運(yùn)用一系列工具和軟件，可以輕松制作像這樣擁有創(chuàng)意圖片排版和獨(dú)特印刷字體設(shè)計(jì)。在Fotor DESIGN 就可以很好地實(shí)現(xiàn)這樣的效果。

4.運(yùn)用凸顯的顏色來(lái)實(shí)現(xiàn)強(qiáng)烈的對(duì)比

F5雜志的這張篇幅中的排版充滿(mǎn)了現(xiàn)代感和色彩感，是當(dāng)代電子制作拼圖運(yùn)用于編輯設(shè)計(jì)領(lǐng)域的杰出典范，整個(gè)版面既能很好的吸引讀者注意力，也可以讓他們更輕松容易地進(jìn)行閱讀。黑白照片與強(qiáng)烈的紅色元素引人矚目，也使讀者有更多的想象空間。

5.結(jié)合框架組合多個(gè)元素進(jìn)行排版

盡管從嚴(yán)格意義上，Chase Matt的這幅設(shè)計(jì)并不能被算作為是雜志編輯領(lǐng)域的，但它看起來(lái)卻十分相似。原因是因?yàn)樗说呐虐媲擅畹貙⒁唤M圖片整合為一體，讓它成功地詮釋了雜志編輯風(fēng)格如何融入于其他的設(shè)計(jì)分支。不仔細(xì)看，或許會(huì)覺(jué)得每一幅圖片都是隨機(jī)地排在整個(gè)頁(yè)面里的，然而事實(shí)上他們是運(yùn)用一個(gè)隱形的框架，讓整個(gè)排版顯得干凈清爽，利于讀者閱讀。所有的圖片都完美地和圓潤(rùn)的字體搭配起來(lái)，并且白色的空隙使得版面主題部分更加凸顯。

Ⅱ.季刊版面設(shè)計(jì)——杰出示例

季刊作為商品廣告的重要工具之一，它需要更好地吸引讀者注意力并且展示出產(chǎn)品最好的一面。以下五個(gè)設(shè)計(jì)便可以告訴你，如何讓報(bào)紙上的版面設(shè)計(jì)更加符合讀者的興趣。

1.運(yùn)用平面攝影

Loeffler Randall的這幅季刊廣告設(shè)計(jì)便展示出了當(dāng)代產(chǎn)品潮流，結(jié)合平面攝影和格子框架排列，并運(yùn)用白色的背景作為產(chǎn)品之間的間隔，形成了每個(gè)產(chǎn)品間的對(duì)比，也給標(biāo)題留出了醒目的空間，更好地吸引讀者。

2.給每張圖片獨(dú)立的空間

分別將四張圖片放置在一張圖的四個(gè)角落，可以更高地顯示其間的對(duì)比，而B(niǎo)HLDN便運(yùn)用了這一方法。他完美地制作了這幅拼圖，使得潮流風(fēng)格充分地顯示出來(lái)。

3.靈活運(yùn)用透視技巧進(jìn)行設(shè)計(jì)

The Karen Walkersunglasses眼鏡系列讓圖片組合更加具有統(tǒng)一性，使得整個(gè)版面擁有極簡(jiǎn)抽象藝術(shù)風(fēng)格。同時(shí)，整個(gè)版面主要以白色為背景，文字和眼鏡保持一致的3D角度，使得產(chǎn)品都擁有足夠的展示空間。

4.運(yùn)用Z字型排版準(zhǔn)則

多種樣式、不同大小的圖片與手繪元素的組合，可以使整個(gè)報(bào)紙排版拼圖更加更夠吸引讀者。Z字形排版準(zhǔn)則，主要是依據(jù)讀者進(jìn)行閱讀時(shí)眼球的運(yùn)動(dòng)軌跡，進(jìn)行的模擬。Banana Republic的這則季刊廣告充分地運(yùn)用了該準(zhǔn)則，并完美地展現(xiàn)了極簡(jiǎn)約主義在現(xiàn)代季刊設(shè)計(jì)中創(chuàng)意的設(shè)計(jì)。

5.文字和圖片的交換使用

Net-a-Porter 的這幅季刊設(shè)計(jì)極具視覺(jué)沖擊性，它巧妙地運(yùn)用了電子拼圖設(shè)計(jì)，通過(guò)給訂閱讀者發(fā)送季刊郵件，使得產(chǎn)品得以更好的展示。其間，文字和圖片交換使用讓各個(gè)部分都分隔出來(lái)，副標(biāo)題也更加顯目。










Ⅲ.宣傳冊(cè)的版面設(shè)計(jì)靈感——激起讀者興趣

宣傳冊(cè)設(shè)計(jì)旨于充分展現(xiàn)設(shè)計(jì)質(zhì)量和有價(jià)值的產(chǎn)品信息。下面五個(gè)宣傳冊(cè)設(shè)計(jì)，都具有極高的閱讀性、并且引人注目。

1.建立明顯具有對(duì)比性的版面

Silo Theatre 宣傳冊(cè)上保留古色古香的風(fēng)格，細(xì)微的背景顏色和擁有強(qiáng)烈對(duì)比的圖片組合，以及引人注目的字體設(shè)計(jì)都很好的吸引了讀者。在整個(gè)布置中，與表演相關(guān)的肢體動(dòng)作展示出Silo Theater 大劇院具有挑戰(zhàn)性且極具觀看性的演出。

2.運(yùn)用圖片的布置來(lái)講述故事

該宣傳冊(cè)來(lái)源于第500屆澳大利亞Reconciliation Action Plan(RAP)活動(dòng)，該活動(dòng)旨于宣傳、提高人民意識(shí)，認(rèn)識(shí)到澳大利大土著居民生活中所收到的不公平。通過(guò)對(duì)土著藝術(shù)品的展示，以及聯(lián)合起來(lái)故事的講述，該設(shè)計(jì)作品完美地表現(xiàn)了土著文化的藝術(shù)價(jià)值。

3.在設(shè)計(jì)拼圖中運(yùn)用幾何元素

Aleix Artigal 是一名擁有創(chuàng)造性的圖片設(shè)計(jì)師，她希望她的此幅作品能夠很好的引導(dǎo)旅游者參觀世界上最大的Nouveau 藝術(shù)長(zhǎng)廊。該作品運(yùn)用了極具魅力風(fēng)格的電子拼圖，幾何元素的運(yùn)用使得每個(gè)部分的內(nèi)容都得到未完整的實(shí)現(xiàn)，整個(gè)圖片都可以勾起讀者對(duì)于Nouveau 藝術(shù)長(zhǎng)廊的好奇心。

4.運(yùn)用宣傳冊(cè)的不同頁(yè)面來(lái)建立整個(gè)構(gòu)圖框架

Open Helsinki宣傳冊(cè)的簡(jiǎn)約設(shè)計(jì)風(fēng)格讓所有的圖片都可以很好地引導(dǎo)讀者去相應(yīng)的旅游頁(yè)面。文字和圖片組合都完美地與宣傳冊(cè)不同頁(yè)面相契合。

5.建立多幅圖片的對(duì)稱(chēng)排列

宣傳冊(cè)上的每一版圖片都講述了全新的故事和多樣的內(nèi)容，并且運(yùn)用不同的色彩表現(xiàn)出獨(dú)特的視覺(jué)效果。然而，整個(gè)宣傳冊(cè)作為一個(gè)整體，建立了多幅圖片的對(duì)稱(chēng)排列。










Ⅳ.唱片封面設(shè)計(jì)——音樂(lè)韻感與圖片設(shè)計(jì)的融合

CD封面設(shè)計(jì)主要是要通過(guò)視覺(jué)效果反映出整個(gè)音樂(lè)氛圍，而以下5則設(shè)計(jì)都很好的詮釋了該點(diǎn)。

1.運(yùn)用不同質(zhì)感的圖片拼圖

Anna Katrin Karlsson 是以為以光學(xué)設(shè)計(jì)為主要方向的設(shè)計(jì)師，由她設(shè)計(jì)的這幅CD封面結(jié)合了多種材質(zhì)且互相具有強(qiáng)烈對(duì)比的圖片素材。色彩感豐富的圖片與簡(jiǎn)約的標(biāo)題形成強(qiáng)烈的反差，十分吸引眼球。

2.破碎鏡面風(fēng)格的拼圖

這張復(fù)古Tegan and Sara的唱片封面可以用FOTOR的拼圖功能輕松制作。將主圖片和背景圖片疊加起來(lái)，并進(jìn)行裁剪，使其擁有不同的圖片大小、對(duì)比度等參數(shù)，從不同的角度展示同一個(gè)主體。

3.運(yùn)用圖片組合模板來(lái)達(dá)到抽象拼圖排版

像這樣一張極簡(jiǎn)約主義風(fēng)格的唱片封面也可運(yùn)用FOTOR 拼圖模板進(jìn)行制作。運(yùn)用不同的圖形組合來(lái)制作出抽象的視覺(jué)效果。

4.大膽運(yùn)用撞色和抽象元素

Studio Pilote 運(yùn)用大膽的糖果色和黑白撞色效果拼接，設(shè)計(jì)出復(fù)古、抽象的作品，這樣的作品能夠最大程度上吸引讀者注意力。

5.將顯目大膽的圖紋與簡(jiǎn)約主義相結(jié)合

經(jīng)常位于最熱賣(mài)榜的專(zhuān)輯，封面都采用了多樣的色彩和強(qiáng)烈對(duì)比的圖紋來(lái)制作出整個(gè)震撼性的設(shè)計(jì)。Akatre Studio巧妙地運(yùn)用沒(méi)有任何裝飾的字體以及多樣的圖片相結(jié)合，打造了一張完美的CD封面。

看了以上20個(gè)拼圖設(shè)計(jì)案例，你有沒(méi)有g(shù)et到新的設(shè)計(jì)靈感呢？快來(lái)與我們一起分享吧~設(shè)計(jì)愉快~