過稿利器!有哪些快速改變版式設(shè)計(jì)的思路可遵循?

編者按:今天分享@南征南征?的一篇設(shè)計(jì)項(xiàng)目實(shí)戰(zhàn)文,看高手如何將平淡無奇的版式風(fēng)格變成高端國際范兒,三個(gè)案例,個(gè)個(gè)有料有亮點(diǎn) >>>

這篇是畫冊(cè)的實(shí)戰(zhàn)案例,想學(xué)海報(bào)的同學(xué)來看:

  1. 《設(shè)計(jì)易容術(shù)!如何設(shè)計(jì)一張高品位高水準(zhǔn)的海報(bào)?》
  2. 《設(shè)計(jì)易容術(shù)!如何設(shè)計(jì)一張高品位高水準(zhǔn)的海報(bào)(二)》

單純的版式總結(jié)對(duì)設(shè)計(jì)師平時(shí)工作提供的幫助可能不夠,所以這次我以版式的快速變化的操作和思路為基礎(chǔ),作為快速產(chǎn)生畫面的方式來盡量減少我們的加班時(shí)間。

在哪些地方入手呢,更換圖片,顏色,網(wǎng)格,設(shè)計(jì)元素等方式,改變畫面的構(gòu)成方式,從而解決,一個(gè)信息內(nèi)容多個(gè)視覺變化的結(jié)果,這個(gè)結(jié)果不是為了解決客戶要多稿而產(chǎn)生的,而是為了我們自己能夠打開思路,展現(xiàn)出更加準(zhǔn)確的設(shè)計(jì)思路。

在一個(gè)畫面中我們用不同的元素和方法切入,這樣我們?cè)谔岚傅倪^程中可以多一些選擇,不論是面對(duì)客戶還是自己內(nèi)容篩選,都可以讓我們自己的設(shè)計(jì)更加嚴(yán)謹(jǐn)。(之前看蘋果公司內(nèi)部比稿有感)

案例一

過稿利器!有哪些快速改變版式設(shè)計(jì)的思路可遵循?

這是設(shè)計(jì)師的初稿,我們來分析下畫面上要表達(dá)的內(nèi)容,然后才能做畫面的變化。

我們畫面構(gòu)成是上下形式,上半部分設(shè)計(jì)師希望用圖加信息點(diǎn)的方式組合出現(xiàn),但是顯然,圖太大,信息文字太大,顯的整個(gè)畫面過于擁擠,配圖:有CEO介紹的人像后,再用人像表達(dá)企業(yè)的提成在視覺上不僅重復(fù),而且還搶奪了CEO的視覺焦點(diǎn),人臉出現(xiàn)的太多,容易讓焦點(diǎn)失衡,右側(cè)的藍(lán)色塊和信息的出現(xiàn),內(nèi)容上不是遞進(jìn)關(guān)系,所以我們可以考慮讓他們平行出現(xiàn)。

過稿利器!有哪些快速改變版式設(shè)計(jì)的思路可遵循?

透過之前的分析,我們讓右側(cè)的圖片變成建筑,我們企業(yè)是建筑類型,所以用建筑本身來作為意向圖企業(yè)會(huì)有較強(qiáng)的認(rèn)同感,再加上之前提到的信息元素,我們平行出現(xiàn),配合圖形讓每組信息的對(duì)應(yīng)性更強(qiáng)(導(dǎo)圖時(shí)不小心拖動(dòng)了一個(gè)圓點(diǎn),壓在中線上)

過稿利器!有哪些快速改變版式設(shè)計(jì)的思路可遵循?

用如此簡(jiǎn)單的,主圖位移和大小的變化,還有圓形元素的大小改變,信息出現(xiàn)位置的調(diào)整就能快速改變畫面的印象。

過稿利器!有哪些快速改變版式設(shè)計(jì)的思路可遵循?

當(dāng)然,我們也可以他們更加精煉。

過稿利器!有哪些快速改變版式設(shè)計(jì)的思路可遵循?

我們還可以用整體氛圍來做設(shè)計(jì)。使用文字中,追逐夢(mèng)想的語境來實(shí)現(xiàn)畫面。條條大路通羅馬,不是一個(gè)設(shè)計(jì)版式可以適應(yīng)所有的客戶需求,也不是一個(gè)風(fēng)格所有客戶都會(huì)接受。多種方式我們都可以嘗試,可以再版面微調(diào),也可以從”立意“上徹底顛覆。前提是符合客戶前期溝通需求。

過稿利器!有哪些快速改變版式設(shè)計(jì)的思路可遵循?

卷首語也可以這樣,不用情景,利用圖形制造”特征“讓這個(gè)特征延續(xù),就是整本畫冊(cè)的延續(xù)。

過稿利器!有哪些快速改變版式設(shè)計(jì)的思路可遵循?

思路簡(jiǎn)單轉(zhuǎn)換,左右兩欄和圖片的組合,再添加鮮亮的顏色,讓畫面的記憶點(diǎn)換個(gè)形式出現(xiàn),并且保持信息的層級(jí)關(guān)系。

過稿利器!有哪些快速改變版式設(shè)計(jì)的思路可遵循?

在兩欄使用的同時(shí),我們左側(cè)信息相對(duì)更加豐富之后(有小圖片和信息介紹)再使用過于鮮亮的顏色,就會(huì)讓畫面變得有些混亂,所以我們?cè)谡掌倪x擇和色塊的選擇上,讓他們更加低調(diào)。

案例二

初稿:

特別傳統(tǒng)的企業(yè)動(dòng)態(tài)設(shè)計(jì)手法,對(duì)信息沒有分類,信息過多,導(dǎo)致閱讀時(shí)候過于疲勞,所以能夠完全讀完的機(jī)會(huì)并不多,很多時(shí)候內(nèi)刊加P是比較容易的我們可以建議客戶,讓內(nèi)刊的信息簡(jiǎn)化一下,把信息進(jìn)行分類,并且做到“有圖有真相”

過稿利器!有哪些快速改變版式設(shè)計(jì)的思路可遵循?

我們從信息不同的方向切入,這個(gè)畫面就是總覽式,畫面主副圖片體現(xiàn)動(dòng)態(tài)的規(guī)劃性。不僅可以通過文圖一一對(duì)應(yīng)的方式,也可以考慮把重點(diǎn)信息使用意向圖作為主體總覽的方式出現(xiàn),這樣就大大改變了信息的機(jī)構(gòu)方式,讓整本內(nèi)容看起來變化更加豐富。

過稿利器!有哪些快速改變版式設(shè)計(jì)的思路可遵循?

兩欄的基礎(chǔ)用法,但是有了不同體量的色塊就很容易的區(qū)隔開對(duì)等的平衡性了。在對(duì)比傳統(tǒng)的設(shè)計(jì)手法中,我們發(fā)現(xiàn)動(dòng)態(tài)信息文字的柵欄寬度發(fā)生了改變閱讀也更加容易,并且通過色塊讓他們有了多次的視覺分割。

過稿利器!有哪些快速改變版式設(shè)計(jì)的思路可遵循?

體現(xiàn)動(dòng)態(tài)本身,不同信息的概念。展示和國外項(xiàng)目的合作,所以多個(gè)類型圖和英文的組合分類出現(xiàn),從視覺上從左右不對(duì)等到左右平均的前兩者變化,延伸到局部變化。

過稿利器!有哪些快速改變版式設(shè)計(jì)的思路可遵循?

同理,但是畫面核心是釘子組成的圖表,這些元素的出現(xiàn)是讓畫面變得“不同”。

過稿利器!有哪些快速改變版式設(shè)計(jì)的思路可遵循?

除了之前相對(duì)“工整”的設(shè)計(jì)我們還可以讓顏色和圖片在構(gòu)成上形成“特異“的視覺結(jié)果,前提是整體風(fēng)格要保證。

案例三

過稿利器!有哪些快速改變版式設(shè)計(jì)的思路可遵循?

初稿:這是設(shè)計(jì)師上課時(shí)候第一次設(shè)計(jì)的內(nèi)容,相對(duì)比較簡(jiǎn)單,對(duì)圖片的利用考慮的不夠全面。下面我們嘗試做一些修改和變化。

過稿利器!有哪些快速改變版式設(shè)計(jì)的思路可遵循?

在行業(yè)速覽中描繪世博會(huì)場(chǎng)館,我們通過建筑的顏色和信息的提煉,讓內(nèi)容更加豐富,并且大面積的”中國紅“建筑的色相結(jié)合,在相對(duì)”燜"的組合中利用反白的地圖讓畫面變得”透氣“而右側(cè)信息通過網(wǎng)格,可以讓少量信息占據(jù)更多的畫面。

過稿利器!有哪些快速改變版式設(shè)計(jì)的思路可遵循?

左右發(fā)生變化,地圖,文字信息,建筑的位置發(fā)生少許變化,很快你的畫面就會(huì)有明顯的“不同”。

過稿利器!有哪些快速改變版式設(shè)計(jì)的思路可遵循?

當(dāng)場(chǎng)館原始圖片大小,氣勢(shì)欠佳的時(shí)候,可以嘗試和多個(gè)元素(地圖,文字信息,數(shù)字)組合。創(chuàng)造出新的畫面,并且消弱場(chǎng)館原始圖片的影響。

過稿利器!有哪些快速改變版式設(shè)計(jì)的思路可遵循?

有了上一個(gè)設(shè)計(jì)概念,那這里我們就要改變思維方式去表現(xiàn),同樣的場(chǎng)館我們換張圖片,使用建筑外形的特征,結(jié)合”線“的概念讓這個(gè)建筑的視覺由矩形的圖片延伸到畫面之外。

過稿利器!有哪些快速改變版式設(shè)計(jì)的思路可遵循?

反白的使用是打破沉悶的一種極好的方法。

看了之前的這些設(shè)計(jì)變化,我們看一組使用一個(gè)”特征“的畫面,這個(gè)”特征“很容易讓設(shè)計(jì)師制造處”統(tǒng)一“的視覺效果。

過稿利器!有哪些快速改變版式設(shè)計(jì)的思路可遵循?

過稿利器!有哪些快速改變版式設(shè)計(jì)的思路可遵循?

過稿利器!有哪些快速改變版式設(shè)計(jì)的思路可遵循?

設(shè)計(jì)師這組作品雖然還稍有瑕疵,但是通過創(chuàng)造這個(gè)“特征”讓整體性得到非常好的延續(xù)是很好的方法。

和案例三相比我們使用同樣的圖片,同樣的大小,但是因?yàn)橛辛烁訃?yán)謹(jǐn)?shù)脑O(shè)計(jì)元素和網(wǎng)格的支撐,信息的層級(jí)依然很豐富,并且因?yàn)榻y(tǒng)一的設(shè)計(jì)元素讓整體翻閱起來更加具有統(tǒng)一性。

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

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

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

圖文排版的年度最佳教程!木有之一!
《超全面教程!給照片添加文字有哪10個(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ì)微博:擁有粉絲量92萬的人氣微博@優(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
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎?
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號(hào):【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加:

過稿利器!有哪些快速改變版式設(shè)計(jì)的思路可遵循?

收藏 10
點(diǎn)贊 1

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