http://www.e-lan.cc 2012年9月5日15:12 博納觀點(diǎn)
在本文中,我們將介紹的這種漂亮及組合式結(jié)合的折頁(yè)小冊(cè)子是通過(guò)將一個(gè)較大的設(shè)計(jì)主題分散成多個(gè)小部分來(lái)完成。它通過(guò)不同的方塊區(qū)域承載不同的圖片或文字而構(gòu)成版面設(shè)計(jì)。你的任務(wù)就是如何安排這些方塊。
要使整個(gè)設(shè)計(jì)效果最好的關(guān)鍵之處是方塊內(nèi)的內(nèi)容及文字字?jǐn)?shù)等需要大概相等,這種版式很適合一些多個(gè)產(chǎn)品及一些基本相似的主題。我們?cè)诒疚膶⒎治瞿阍谠O(shè)計(jì)中可能所面臨的一些問(wèn)題:
封面:整個(gè)折頁(yè)的展開圖只是一張標(biāo)準(zhǔn)信紙大小的尺寸,但卻可以給人留下深刻的印象。通過(guò)各個(gè)方塊元素,你可以輕松地重復(fù)同樣的風(fēng)格進(jìn)行設(shè)計(jì)。除了統(tǒng)一的字體及邊距外,其它的元素,顏色及風(fēng)格,你都可以自由發(fā)揮!
兩種方塊:
這本小冊(cè)子有兩種方塊——圖片方塊及文字方塊——就象在玩一個(gè)九宮游戲?qū)烧呓M合。圖片及文字可以使用一個(gè)方塊或相鄰的多個(gè)方塊。
簡(jiǎn)單的網(wǎng)格線:將版面水平及垂直分成九個(gè)相同的區(qū)域即可。三折頁(yè)的折疊方式可以是風(fēng)琴折或信紙折,我們將這些區(qū)域稱為方塊區(qū)域,雖然嚴(yán)格來(lái)說(shuō),它不是正方的。
四個(gè)區(qū)域:
這本小冊(cè)子有三個(gè)主要區(qū)域,分別為封面折頁(yè),封底折頁(yè),內(nèi)折頁(yè)及由三個(gè)折頁(yè)構(gòu)成的內(nèi)展開頁(yè)。封面折頁(yè)中,我們采用一個(gè)方塊來(lái)應(yīng)用標(biāo)題,另外兩個(gè)來(lái)應(yīng)用圖片。
圖片占據(jù)兩個(gè)方塊:
設(shè)計(jì)應(yīng)該保持簡(jiǎn)單。這張圖片占據(jù)了兩個(gè)相鄰的方塊,標(biāo)題文字在方塊中的左方,這種構(gòu)成與方塊本身的形狀一致。上圖示意圖中圓形的元素同樣可以與方塊形成良好的搭配,使到整個(gè)版面形成漂亮的圓形及長(zhǎng)方形的組合構(gòu)成。
中部區(qū)域變化:
如果圖片足夠大,可以填充整個(gè)封面折頁(yè),標(biāo)題可以考慮放在中間。它使到圖片分開成兩部分,但仍然在視覺上有聯(lián)系,中間形成了一個(gè)緩沖區(qū)域。
兩個(gè)設(shè)計(jì)方向:
上圖左,中間的方塊使兩張圖片得到緩沖但仍然產(chǎn)生聯(lián)系(因?yàn)樗鼈冇兄嗨频膱D案及紋理);中間,如果圖片足夠大,可以將圖片填滿這個(gè)封面折頁(yè),雖然中間分開,但在視覺上仍然有延續(xù)性。但有時(shí)這樣的分開會(huì)給人一種硬生生打斷的感覺,所以要小心處理。
方塊分開:
封底折頁(yè)有兩個(gè)相鄰的文字方塊,為了使到它們產(chǎn)生分離的感覺,將其中一個(gè)方塊象圖片一樣應(yīng)用背景顏色,另一個(gè)則直接留白,使兩個(gè)方塊形成對(duì)比。
上圖中,從人物臉部取色,使到圖片與中間的方塊具有相似性及中性的色調(diào),也使到與下方的地址方塊分開。白色方塊上的地址標(biāo)題及具體信息字體及尺寸相同,不同的只是顏色。留意此處文字雖然比我們所設(shè)的方塊面積要小,但其文字與上方的方塊文字仍然是對(duì)齊的(見下圖)。
比例關(guān)系:
要留意你所使用的圖片與它們各自所處空間的比例關(guān)系。如,本身高的元素就放在高的空間,矮的元素就放在矮的空間,當(dāng)然,除了那些需要剪切的圖片外。
內(nèi)展開頁(yè):
在內(nèi)頁(yè)中,水平放置的圖片與外頁(yè)的豎直圖片形成對(duì)應(yīng)及互補(bǔ)。對(duì)于一些象這些緊密排列的圖片,不需要刻意去關(guān)注比例。
三行水平放置的圖片:
面包、檸檬片及咖啡豆都與味道息息相關(guān)!這樣緊密排列的圖片,比例并不重要。圖片可以任意按所需來(lái)剪切。
三個(gè)顏色的對(duì)比:上圖大圖中,橙色及綠色是二次色對(duì)比關(guān)系,都傳達(dá)出一種新鮮的氣息。留意所用的橙色與面包的色調(diào)略有不同,而綠色則與檸檬片的色調(diào)融合,棕色則與咖啡豆和諧搭配,同時(shí)與圖片中白色的區(qū)域形成對(duì)比。
上圖示意圖中,各個(gè)方塊與圓形的圖片元素能夠形成視覺上的和諧關(guān)系(有著相似的大小及及構(gòu)成都非常簡(jiǎn)單),使到這個(gè)版面充滿了很多能量!
基本構(gòu)成:
這個(gè)由方塊堆砌而成的版面設(shè)計(jì)有很多優(yōu)點(diǎn),總的方面來(lái)說(shuō),就是簡(jiǎn)單的由水平及垂直構(gòu)成的圖片可以呈現(xiàn)一種非常清晰的視覺效果。
對(duì)比:
視覺上的對(duì)比,可以使設(shè)計(jì)產(chǎn)生流動(dòng)。要確保沒有關(guān)系的方塊之間有足夠的區(qū)別,這樣可以避免你的視線不會(huì)“打結(jié)”。這里只能具體問(wèn)題具體分析。
圖片:
在這個(gè)設(shè)計(jì)中,真實(shí)的攝影圖片比一些插圖效果更好,因?yàn)檫@可以使到在填充方塊中形成一種豐富的調(diào)子感覺。白色背景可與圖片形成漂亮的搭配,但不要過(guò)度使用。
應(yīng)用文字:
設(shè)計(jì)需要有嚴(yán)格的文字應(yīng)用規(guī)則。建立一種樣式——如定下一種字體及大小,然后嚴(yán)格地在每個(gè)方塊上重復(fù)應(yīng)用:
文字樣式:
要使用一種能夠與方塊風(fēng)格相似的字體樣式才能達(dá)到最佳效果。我們?cè)谶@里使用的是Helvetica Neue Medium字體,因?yàn)樗?jiǎn)單干凈,而且挺拔端莊。
背景顏色:
如果方塊背景所用的顏色與圖片中的顏色相似及有關(guān)系,則效果最佳。這種關(guān)系,可以是相似色對(duì)比,也可以是補(bǔ)色對(duì)比,或者明暗色調(diào)的對(duì)比。
審視你的顏色:
在開始進(jìn)行與顏色有關(guān)的設(shè)計(jì)之前,你可以將每個(gè)圖片中的各個(gè)主色放在色輪上。在這個(gè)設(shè)計(jì)中,你可以看到這些顏色所處的范圍比較狹窄,從檸檬綠到橙色,大概只占色輪的三分之一區(qū)域。
更多顏色的搭配效果:
文字顏色:
通過(guò)對(duì)文字的設(shè)色,使其與單一顏色的背景形成對(duì)比及傳達(dá)更富生命力的效果。這里的顏色規(guī)則同樣適用,可以象圖片一樣選擇顏色搭配。
在顏色上添加顏色!文字應(yīng)用顏色可以增加深度及層次,細(xì)小的對(duì)比可以進(jìn)一步增強(qiáng)方塊與圖片的對(duì)比。
模板設(shè)置:三折頁(yè)小冊(cè)子
尺寸:標(biāo)準(zhǔn)信紙大小(letter-size),11英寸×8.5英寸(約為279.4×215.9mm);
折疊后尺寸:(約)3.7英寸×8.5英寸
內(nèi)展開頁(yè):內(nèi)開展頁(yè)基本上就是外展開頁(yè)的鏡像翻轉(zhuǎn),同時(shí)也有一點(diǎn)小小的調(diào)整,在內(nèi)展開頁(yè),按下面所示設(shè)置參考線: