素材不夠用?來看版式設(shè)計(jì)高手怎么解決這個(gè)難題(附案例)

編者按:做版式設(shè)計(jì)的同學(xué),經(jīng)常會(huì)遇到客戶給的素材不夠,信息不夠,圖太少,今天@南征南征?用工作中的一個(gè)實(shí)戰(zhàn)案例,幫你用版式設(shè)計(jì)的方法解決這個(gè)難題,來收!

創(chuàng)作背景:

企業(yè)畫冊(cè)中行業(yè)速覽版塊,客戶在設(shè)計(jì)中希望把世博會(huì)中國館作為設(shè)計(jì)的核心,并且希望看到多個(gè)角度的變化。這個(gè)項(xiàng)目我認(rèn)為特別適合作為教程出現(xiàn),幫助年輕設(shè)計(jì)師在版式變化上能有更多的思路。

真正明白版式變化不在于“形”(不僅是文字圖片互相更換位置而已)而在于“意”(更注重設(shè)計(jì)時(shí)客戶訴求,思維切入點(diǎn),當(dāng)我們有不同的切入點(diǎn),素材信息的關(guān)系不同時(shí),版面會(huì)完全不同,所謂的版式自然也就形成了不同)。

我們講解的核心在于,并非為了客戶,而是借此訓(xùn)練自己,讓自己的思路徹底打開。通過此項(xiàng)目我們從最初的文字開始,分解客戶信息,文字背后的感受,通過文字理解訴求,展現(xiàn)表達(dá)對(duì)象。這時(shí)你會(huì)發(fā)現(xiàn)之前自己在設(shè)計(jì)時(shí)更注重形式感消失了,你會(huì)更加關(guān)注信息本身,愿意去了解它,清楚的明白信息的目的后,主次后,自然就完成了畫面。

設(shè)計(jì)的形式感是基于信息本身的,依托這些關(guān)系,再配合設(shè)計(jì)信息的組合,利用局部強(qiáng)調(diào)對(duì)比等關(guān)系,完成這個(gè)項(xiàng)目。

我們先從基礎(chǔ)版面開始,上面只有客戶提供的文字和信息,然后我們根據(jù)客戶訴求,來展示這些可能。我們可以從不同角度尋找解讀項(xiàng)目的方向,從具象與抽象之間尋找,具象內(nèi)借物喻物,用局部表達(dá)整體。用另外一個(gè)物體隱喻的表達(dá)對(duì)象的氣質(zhì)(如紅色就具備中國這個(gè)概念)榫卯的結(jié)構(gòu)就是用局部表達(dá)了整體。

很多設(shè)計(jì)師也很關(guān)心具體的形式,我們也可以考慮這些方向:重復(fù)交錯(cuò)、節(jié)奏韻律、對(duì)稱均衡、對(duì)比調(diào)和、比例適度、變異秩序、虛實(shí)留白、變化統(tǒng)一。

有了這些變化,就可以讓自己的知識(shí)庫更加完善,從而更加輕松的面對(duì)客戶。

素材不夠用?來看版式設(shè)計(jì)高手怎么解決這個(gè)難題(附案例)

這是基礎(chǔ)文字和客戶基本訴求素材(中國館的建筑照片)這時(shí)很多設(shè)計(jì)師第一時(shí)間,關(guān)心的問題是,信息太少,圖太差。然后會(huì)抱怨客戶提供的素材不夠完整,很多時(shí)候我們經(jīng)常會(huì)遇到這類字少,圖少的問題,今天我們就來用這個(gè)案例來講解,字少的時(shí)候如何設(shè)計(jì)。

素材不夠用?來看版式設(shè)計(jì)高手怎么解決這個(gè)難題(附案例)

素材單一是我們要優(yōu)先解決的問題,在缺少信息和素材的時(shí)候我們需要主動(dòng)去尋找素材,所以設(shè)計(jì)師找到了這些新的素材(下方視頻中會(huì)詳細(xì)講解)每個(gè)素材特征不同,有的設(shè)計(jì)師認(rèn)為1,2最難利用,我們這次教程就從最難的入手。

素材不夠用?來看版式設(shè)計(jì)高手怎么解決這個(gè)難題(附案例)

素材一,是中國館的結(jié)構(gòu)圖。根據(jù)客戶訴求是前提,客戶需要中國館,我們可以把中國館拆解開,通過結(jié)構(gòu)的形式表達(dá)客戶概念。

素材不夠用?來看版式設(shè)計(jì)高手怎么解決這個(gè)難題(附案例)

1. 榫卯結(jié)構(gòu)代表了傳統(tǒng)特征;2. 中國紅是我們國家視覺特征;3. 極具中國特色的“東方之冠”的外形設(shè)計(jì);4. 篆字的二十四節(jié)氣印于其上:5. 屋頂花園,“新九州清冕”初露風(fēng)采。

現(xiàn)在我們畫面的信息會(huì)比之前豐富了很多,我們以客戶信息素材為核心,向外擴(kuò)展除了建筑設(shè)計(jì)的概念,建筑的內(nèi)在結(jié)構(gòu)。很多項(xiàng)目都可以如此,客戶對(duì)設(shè)計(jì)是不夠了解的他所提供的僅僅是他們做理解的信息范圍,所以需要設(shè)計(jì)師幫助客戶一起策劃,一起對(duì)設(shè)計(jì)內(nèi)容進(jìn)行補(bǔ)充。很多時(shí)候我們抱怨客戶不提供,而是客戶不知道要提供什么,所以才付費(fèi)給我們,讓我們?cè)O(shè)計(jì)師來創(chuàng)造新的形象。

每一本畫冊(cè)我都當(dāng)做一個(gè)全新的品牌來做,重新規(guī)范,增補(bǔ)客戶的需求,考慮保留的,傳承的和需要剔除的。

素材不夠用?來看版式設(shè)計(jì)高手怎么解決這個(gè)難題(附案例)

有了以上這些,我們認(rèn)為還不夠,還可以更多信息,比如場館位置,造型特征,建筑面積主題等等。

這是第一種設(shè)計(jì)形式,我們把它成為拆分式。

素材不夠用?來看版式設(shè)計(jì)高手怎么解決這個(gè)難題(附案例)

同樣是對(duì)信息的拆解,這次不僅是把建筑的結(jié)構(gòu)拆解開,還把平面構(gòu)成的方式和素材進(jìn)行了結(jié)合,素材和色塊的前后關(guān)系,3x3的結(jié)構(gòu)讓可以讓畫面更加豐富(視頻中有更詳細(xì)的設(shè)計(jì)概念)

素材不夠用?來看版式設(shè)計(jì)高手怎么解決這個(gè)難題(附案例)

設(shè)計(jì)方式大致相同,唯一區(qū)別在于標(biāo)題一個(gè)是書法一個(gè)中英文對(duì)照。

平時(shí)客戶的一個(gè)建議可能只需要改動(dòng)細(xì)節(jié)即可,也許不需要太大動(dòng)干戈,就可以滿足客戶訴求。

素材不夠用?來看版式設(shè)計(jì)高手怎么解決這個(gè)難題(附案例)

素材二,不同的素材就是不同的切入點(diǎn),每次調(diào)整思路不見得是大刀闊斧,也許一個(gè)小細(xì)節(jié)的利用就可以讓內(nèi)容方向大不相同。

我們用的是中國館的抽象外形,這個(gè)外形體積不夠龐大,很難樹立畫面的氣勢(shì)感,所以我們反其道而行之,用了大面積的紅色,通過反白讓這個(gè)圖形變得更得搶眼,并且文字信息改用,中國館設(shè)計(jì)師的信息,并且利用其一句文案讓畫面變得更加具有人文氣息。(所有的這些變化都是基于前面我們對(duì)信息開發(fā)的這個(gè)思路,只是后面我們開發(fā)了不同的方向和小細(xì)節(jié)而已)

素材不夠用?來看版式設(shè)計(jì)高手怎么解決這個(gè)難題(附案例)
素材不夠用?來看版式設(shè)計(jì)高手怎么解決這個(gè)難題(附案例)

在同樣的基礎(chǔ)變化中,添加了結(jié)構(gòu)變化的分解圖,每一個(gè)畫面的小調(diào)整都是思路的豐富與刪減。

我們?cè)诖蟾膭?dòng)時(shí)也要具備微調(diào)的能力。

素材不夠用?來看版式設(shè)計(jì)高手怎么解決這個(gè)難題(附案例)
素材不夠用?來看版式設(shè)計(jì)高手怎么解決這個(gè)難題(附案例)
素材不夠用?來看版式設(shè)計(jì)高手怎么解決這個(gè)難題(附案例)

素材三,用大面積的紅色,反襯出建筑,我們回憶中國館最初的圖片素材,太過樸實(shí),現(xiàn)在我們換個(gè)角度,在建筑周圍連帶一些環(huán)境,讓整體的更具有透視性,大面積的紅色,有人會(huì)擔(dān)心過度搶眼,在整本畫冊(cè)中偶爾出現(xiàn)一頁如此搶眼的內(nèi)容,將會(huì)很好的記憶點(diǎn)(有時(shí)候設(shè)計(jì)師可以嘗試一些變化,不用過度保守,另外每個(gè)客戶喜好訴求不同,不能一概而論,各自客戶習(xí)慣不同,望各位不要用自己的客戶經(jīng)驗(yàn)來判斷,畢竟千人千面,感謝)

素材不夠用?來看版式設(shè)計(jì)高手怎么解決這個(gè)難題(附案例)

這個(gè)案例是我個(gè)人比較喜歡的,第一用了傳統(tǒng)和現(xiàn)代的碰撞,上方是現(xiàn)代的中國館,下方是傳統(tǒng)的建筑的飛檐斗拱。非常能夠說明兩者的傳承關(guān)系。但是,因?yàn)橹黝}已經(jīng)很明確的情況下,周圍信息太過龐雜,所以影響了主體,比較可惜,但依然是一個(gè)好想法,值得保留。

素材不夠用?來看版式設(shè)計(jì)高手怎么解決這個(gè)難題(附案例)

這里是一些設(shè)計(jì)的好想法,但是細(xì)節(jié)還可以有很大提升的案例,比如左側(cè)扇子和建筑的結(jié)合,及其巧妙,右側(cè)扇子和餅狀圖改變很好,但是在設(shè)計(jì)上結(jié)合度相對(duì)較低。

素材不夠用?來看版式設(shè)計(jì)高手怎么解決這個(gè)難題(附案例)

同樣是二者結(jié)合,這位設(shè)計(jì)師用的在建筑外形上進(jìn)行組合。

素材不夠用?來看版式設(shè)計(jì)高手怎么解決這個(gè)難題(附案例)

平庸的建筑,但是因?yàn)橛辛说仄骄€,和背后的信息,讓畫面充滿了空間感。

素材不夠用?來看版式設(shè)計(jì)高手怎么解決這個(gè)難題(附案例)

入選的原因在于,有別于其他設(shè)計(jì)師的思路,當(dāng)我們思維進(jìn)入瓶頸和習(xí)慣的時(shí)候,需要不同的聲音。

素材不夠用?來看版式設(shè)計(jì)高手怎么解決這個(gè)難題(附案例)

從這里開始不再是之前素材的應(yīng)用,更多是地理,文化,環(huán)境背景的展現(xiàn)。

文字當(dāng)中把,篆,九,冠,紅提煉出來,有別于之前比較現(xiàn)代的設(shè)計(jì)形式。

素材不夠用?來看版式設(shè)計(jì)高手怎么解決這個(gè)難題(附案例)

我們考慮目標(biāo)對(duì)象(建筑外形,中國文化(在中國文化中水墨是一個(gè)顯著特點(diǎn)之一),從水墨有了第一步的延展,筆觸是水墨的延展形態(tài),從這個(gè)地方可以塑造出更多的造型和元素。

壓軸大戲,傳統(tǒng),現(xiàn)代二者結(jié)合,現(xiàn)代的建筑,傳統(tǒng)的水墨,在配合一點(diǎn)點(diǎn)的光影效果把強(qiáng)烈的時(shí)空感受展現(xiàn)出現(xiàn),功能上,對(duì)場館有介紹,特征有提取,地圖有重新繪制,建筑圖等信息一一配合,從多個(gè)方面表現(xiàn)出客戶的訴求。

素材不夠用?來看版式設(shè)計(jì)高手怎么解決這個(gè)難題(附案例)

兩個(gè)方案,不同的裝訂方式,中縫如果夠平展,我們可以考慮這樣的形象畫面,紅、冠、篆、宴。

素材不夠用?來看版式設(shè)計(jì)高手怎么解決這個(gè)難題(附案例)
素材不夠用?來看版式設(shè)計(jì)高手怎么解決這個(gè)難題(附案例)
素材不夠用?來看版式設(shè)計(jì)高手怎么解決這個(gè)難題(附案例)
素材不夠用?來看版式設(shè)計(jì)高手怎么解決這個(gè)難題(附案例)
素材不夠用?來看版式設(shè)計(jì)高手怎么解決這個(gè)難題(附案例)
素材不夠用?來看版式設(shè)計(jì)高手怎么解決這個(gè)難題(附案例)

「近距離感受專業(yè)設(shè)計(jì)師的教程」

一秒讓文本變身的實(shí)用方法!
《經(jīng)驗(yàn)分享!超實(shí)用的文本處理技巧》

平面排版苦手必備!方法簡單有效!
《平面排版時(shí),教你突出中文美感的幾種方法》

圖文排版的年度最佳教程!木有之一!
《超全面教程!給照片添加文字有哪10個(gè)高大上的方法?》

投稿者:@南征南征

素材不夠用?來看版式設(shè)計(jì)高手怎么解決這個(gè)難題(附案例)

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái),專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書:史上最全的設(shè)計(jì)師圖書導(dǎo)航:http://hao.uisdc.com/book/
設(shè)計(jì)微博:擁有粉絲量104萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com

收藏 58
點(diǎn)贊 6

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。