當(dāng)前位置:首頁觀點正文

    方塊構(gòu)成的超能量折頁設(shè)計

    http://www.91mx.net 2012年9月5日15:12 博納觀點

     

        在本文中,我們將介紹的這種漂亮及組合式結(jié)合的折頁小冊子是通過將一個較大的設(shè)計主題分散成多個小部分來完成。它通過不同的方塊區(qū)域承載不同的圖片或文字而構(gòu)成版面設(shè)計。你的任務(wù)就是如何安排這些方塊。

        要使整個設(shè)計效果最好的關(guān)鍵之處是方塊內(nèi)的內(nèi)容及文字字?jǐn)?shù)等需要大概相等,這種版式很適合一些多個產(chǎn)品及一些基本相似的主題。我們在本文將分析你在設(shè)計中可能所面臨的一些問題:


    封面:整個折頁的展開圖只是一張標(biāo)準(zhǔn)信紙大小的尺寸,但卻可以給人留下深刻的印象。通過各個方塊元素,你可以輕松地重復(fù)同樣的風(fēng)格進(jìn)行設(shè)計。除了統(tǒng)一的字體及邊距外,其它的元素,顏色及風(fēng)格,你都可以自由發(fā)揮!

     

    兩種方塊:

        這本小冊子有兩種方塊——圖片方塊及文字方塊——就象在玩一個九宮游戲?qū)烧呓M合。圖片及文字可以使用一個方塊或相鄰的多個方塊。

    簡單的網(wǎng)格線:將版面水平及垂直分成九個相同的區(qū)域即可。三折頁的折疊方式可以是風(fēng)琴折或信紙折,我們將這些區(qū)域稱為方塊區(qū)域,雖然嚴(yán)格來說,它不是正方的。

     

     

     四個區(qū)域:

    這本小冊子有三個主要區(qū)域,分別為封面折頁,封底折頁,內(nèi)折頁及由三個折頁構(gòu)成的內(nèi)展開頁。封面折頁中,我們采用一個方塊來應(yīng)用標(biāo)題,另外兩個來應(yīng)用圖片。

     

    圖片占據(jù)兩個方塊:

    設(shè)計應(yīng)該保持簡單。這張圖片占據(jù)了兩個相鄰的方塊,標(biāo)題文字在方塊中的左方,這種構(gòu)成與方塊本身的形狀一致。上圖示意圖中圓形的元素同樣可以與方塊形成良好的搭配,使到整個版面形成漂亮的圓形及長方形的組合構(gòu)成。

    中部區(qū)域變化:

    如果圖片足夠大,可以填充整個封面折頁,標(biāo)題可以考慮放在中間。它使到圖片分開成兩部分,但仍然在視覺上有聯(lián)系,中間形成了一個緩沖區(qū)域。

    兩個設(shè)計方向:

    上圖左,中間的方塊使兩張圖片得到緩沖但仍然產(chǎn)生聯(lián)系(因為它們有著相似的圖案及紋理);中間,如果圖片足夠大,可以將圖片填滿這個封面折頁,雖然中間分開,但在視覺上仍然有延續(xù)性。但有時這樣的分開會給人一種硬生生打斷的感覺,所以要小心處理。

    方塊分開:

    封底折頁有兩個相鄰的文字方塊,為了使到它們產(chǎn)生分離的感覺,將其中一個方塊象圖片一樣應(yīng)用背景顏色,另一個則直接留白,使兩個方塊形成對比。

     

    上圖中,從人物臉部取色,使到圖片與中間的方塊具有相似性及中性的色調(diào),也使到與下方的地址方塊分開。白色方塊上的地址標(biāo)題及具體信息字體及尺寸相同,不同的只是顏色。留意此處文字雖然比我們所設(shè)的方塊面積要小,但其文字與上方的方塊文字仍然是對齊的(見下圖)。

    比例關(guān)系:

    要留意你所使用的圖片與它們各自所處空間的比例關(guān)系。如,本身高的元素就放在高的空間,矮的元素就放在矮的空間,當(dāng)然,除了那些需要剪切的圖片外。

     

    內(nèi)展開頁:

    在內(nèi)頁中,水平放置的圖片與外頁的豎直圖片形成對應(yīng)及互補(bǔ)。對于一些象這些緊密排列的圖片,不需要刻意去關(guān)注比例。

    三行水平放置的圖片:

    面包、檸檬片及咖啡豆都與味道息息相關(guān)!這樣緊密排列的圖片,比例并不重要。圖片可以任意按所需來剪切。


    三個顏色的對比:上圖大圖中,橙色及綠色是二次色對比關(guān)系,都傳達(dá)出一種新鮮的氣息。留意所用的橙色與面包的色調(diào)略有不同,而綠色則與檸檬片的色調(diào)融合,棕色則與咖啡豆和諧搭配,同時與圖片中白色的區(qū)域形成對比。

    上圖示意圖中,各個方塊與圓形的圖片元素能夠形成視覺上的和諧關(guān)系(有著相似的大小及及構(gòu)成都非常簡單),使到這個版面充滿了很多能量!

     

    基本構(gòu)成:

    這個由方塊堆砌而成的版面設(shè)計有很多優(yōu)點,總的方面來說,就是簡單的由水平及垂直構(gòu)成的圖片可以呈現(xiàn)一種非常清晰的視覺效果。

    對比:

    視覺上的對比,可以使設(shè)計產(chǎn)生流動。要確保沒有關(guān)系的方塊之間有足夠的區(qū)別,這樣可以避免你的視線不會打結(jié)。這里只能具體問題具體分析。

    圖片:

    在這個設(shè)計中,真實的攝影圖片比一些插圖效果更好,因為這可以使到在填充方塊中形成一種豐富的調(diào)子感覺。白色背景可與圖片形成漂亮的搭配,但不要過度使用。

    應(yīng)用文字:

    設(shè)計需要有嚴(yán)格的文字應(yīng)用規(guī)則。建立一種樣式——如定下一種字體及大小,然后嚴(yán)格地在每個方塊上重復(fù)應(yīng)用:

    文字樣式:

    要使用一種能夠與方塊風(fēng)格相似的字體樣式才能達(dá)到最佳效果。我們在這里使用的是Helvetica Neue Medium字體,因為它簡單干凈,而且挺拔端莊。

     

     背景顏色:

    如果方塊背景所用的顏色與圖片中的顏色相似及有關(guān)系,則效果最佳。這種關(guān)系,可以是相似色對比,也可以是補(bǔ)色對比,或者明暗色調(diào)的對比。

    審視你的顏色:

    在開始進(jìn)行與顏色有關(guān)的設(shè)計之前,你可以將每個圖片中的各個主色放在色輪上。在這個設(shè)計中,你可以看到這些顏色所處的范圍比較狹窄,從檸檬綠到橙色,大概只占色輪的三分之一區(qū)域。

     

    更多顏色的搭配效果:

    文字顏色:

    通過對文字的設(shè)色,使其與單一顏色的背景形成對比及傳達(dá)更富生命力的效果。這里的顏色規(guī)則同樣適用,可以象圖片一樣選擇顏色搭配。

    在顏色上添加顏色!文字應(yīng)用顏色可以增加深度及層次,細(xì)小的對比可以進(jìn)一步增強(qiáng)方塊與圖片的對比。


     

     

    模板設(shè)置:三折頁小冊子

    尺寸:標(biāo)準(zhǔn)信紙大小(letter-size)11英寸×8.5英寸(約為279.4×215.9mm)

    折疊后尺寸:(約)3.7英寸×8.5英寸

    內(nèi)展開頁:內(nèi)開展頁基本上就是外展開頁的鏡像翻轉(zhuǎn),同時也有一點小小的調(diào)整,在內(nèi)展開頁,按下面所示設(shè)置參考線:

     

    中文字幕亚洲天堂| 久久精品国产亚洲AV天海翼| 亚洲国产AV一区二区三区四区| 亚洲成A∨人片在线观看无码| 国产亚洲精品无码成人| 久久久久亚洲AV成人网人人软件| 无码一区二区三区亚洲人妻| 久久精品国产亚洲AV天海翼| 亚洲AV成人片无码网站| 亚洲欧美成人一区二区三区| 99久久国产亚洲综合精品| 中文文字幕文字幕亚洲色| 亚洲乱码一二三四区国产| 亚洲国产成AV人天堂无码| 亚洲成人黄色在线| 亚洲一区中文字幕在线电影网| 亚洲人成网站在线观看播放青青| 亚洲毛片免费观看| 亚洲午夜精品国产电影在线观看| 亚洲神级电影国语版| 亚洲大尺码专区影院| 亚洲午夜精品在线| 中文字幕亚洲综合久久综合 | 色老板亚洲视频免在线观| 亚洲乱码中文字幕小综合| 亚洲人成77777在线观看网| 亚洲熟女综合一区二区三区| 亚洲成av人片在www鸭子| 日本系列1页亚洲系列| 亚洲国产成人久久精品99| 亚洲成av人片不卡无码久久| 亚洲人成人网站在线观看| 久久久青草青青国产亚洲免观| 亚洲精品无码MV在线观看 | 亚洲av日韩av无码av| 国产成人精品亚洲日本在线| 亚洲欧美日韩综合俺去了| 极品色天使在线婷婷天堂亚洲| 亚洲国产电影av在线网址| 亚洲中文字幕无码不卡电影 | 亚洲国产精品无码专区|