案例二:圖字疊壓「字疊圖」

第二個案例的組合數量比第一個少了兩組,其中最后一個組合,我幾乎將所有的賣點信息都匯聚在了一起。而這一大塊信息我會放在腰封處,最后大家會看到一個有疏密對比的版面。

圖字疊壓適合圖片少時使用,所以圖片素材我會用標藍的這兩個。

頁邊距跟上一個案例一樣還是 6mm,版心定下來后接著將網格繪制出來,腰封我選擇占橫向上的雙欄網格暫且用藍色塊代替。

第一步還是先將標題編排出來,然后在對角處編排第二個組合,組合 2 與標題做對角呼應。組合 2 內部的組間距參考的是英文翻譯的行距。這也是我之前沒有提到的,在沒有小字號的情況下可以試試用行距來作為參考。

右上與左下角編排完成后,接著將左上與右下角的信息給編排出來。基本上所有的組合,都是按照網格來進行布局的,包括圖中標藍的文字組,它對齊的是隱藏網格。

這個隱藏網格就在橫向第一欄的四分之三處,我用藍線標出的位置。

接著把組合 3 編排在版面上方最吸引眼球的地方,因為組合 3 是一個很重要的賣點信息,我打算著重強調一下。它的位置關系是和賣點 3 作底部對齊的,到此整個書封的上方部分也就編排完成了。

剩下的就是將腰封處編排出來,也就是組合 7 整個賣點部分。這個大組合內部的組間距設置,參考了賣點 2 信息的字高。文字信息編排的差不多了,接下來我們將作為底紋的圖片素材置入進版面中。

現在看著發現文字的識別性有點差,而且整個圖片素材因面積和色彩的關系,顯得非常跳躍很是搶眼必須要削弱它。

解決的方法就是給背景填充一個與圖片色彩同屬于同色系的顏色。

再把腰封標出來,恢復腰封處文字的識別性。最后在版面的上方挑選一些信息填充上白色,與腰封的色彩做一個呼應,而腰封處也要挑選一些信息填充上橙紅色,與書封整體的顏色作一個呼應。最后的最后將書脊編排出來第二個案例也就完成了。

案例三:文字疊壓「正片疊底」

最后一個分組的方式跟之前那兩個案例不同,只分了三組。

頁邊距以及網格依然沿用第二個案例,唯一不同的是我將腰封的位置往上提了半格,因為腰封處我打算編排更多的內容。

第一步,先創造出視覺焦點,對標題與標題的翻譯使用正片疊底的手法。將組合 3 也就是裝飾信息編排在標題組合的負空間處,右側再添加一個賣點信息用于完善標題組合,使標題組合更豐滿一些。

接著將剩余的賣點 3 以及作者譯者等信息,分別編排在標題組合的上方與下方后,整個標題組合才算是刻畫完成了。

我們來看看整個標題組合內部的組間距是怎么設定的:賣點 3 與作者譯者信息,跟標題之間的間隔距離為一個字高的大小。

給腰封填充上橙紅色,讓暖色成為主色調。因為這是一本關于肉類的書籍,在沒有圖片素材的情況下,我想通過色彩來喚起讀者對肉類的想象。

換完色彩后,將腰封處的信息都給編排出來,而整個腰封組合內部的組間距,則參考了賣點 2 信息的字高。

最后還是老套路,挑選一些重要的信息換上色彩作呼應,再將書脊編排出來,最后一個案例也就編排完成了。

以上就是這篇教程的所有內容了,希望大家能夠熟練掌握,并靈活運用。好了,那本期的教程就到這里了,我們下期再見,拜拜~
歡迎關注研習設的微信公眾號:「Yanxishe2017」

情非得已
3個平面設計技巧學會動態字體海報2020-07-09
如何設計出優秀的文字類海報排版2020-04-02
7個有效提升傳達率折頁設計技巧2020-03-19
設計師如何解決作品視覺缺少層次感2020-03-14
詳細解析平面設計中元素的使用技巧2020-03-13
設計師必須要學習的平面設計配色技巧2020-03-11
解析設計師常用的6大構圖方法2020-03-11
3個幫你快速掌握字體搭配思路2020-03-10
設計師如何設計出中國風主題LOGO2019-10-21
詳解如何讓板式海報設計變得簡單2019-10-21
4個配色技巧幫助您解決色彩問題2021-03-10
設計師需要掌握的平面設計技巧2021-03-10
詳細解析插畫類海報的繪制思路和方法2021-03-09
詳細解析設計師必須掌握的色彩知識2021-03-09
設計師必須要學習的高級配色技法2021-03-10
設計師必須要學習的幾個排版小技巧2021-03-10
詳細解析UI設計中終極配色寶典2021-03-11
詳解如何把產品和背景融合到一起2021-03-11
淺談設計師必看的圖標和ICON設計指南
相關文章3642020-09-26
實例解析如何設計點擊量高的Banner
相關文章3142020-03-18
詳細解析板式設計中的對比原則
相關文章4352020-03-14
3個設計方法快速提高版面的活躍度
相關文章2222020-03-11
9個非常實用的排版設計小技巧
相關文章3202020-03-11
詳細解析板式設計的基本設計流程
相關文章5112018-11-25
詳細解析板式設計中的點有什么作用
相關文章2972018-10-07
詳細解析板式設計中的面有什么作用
相關文章4802018-10-07
