滿版構圖”是將圖片、文案和設計元素等充滿整個版面,營造出豐富的畫面效果,具有極強的代入感以及視覺感受,傳遞的情感也更加豐沛。為了讓大家加深對“滿版構圖”的理解,運用上一期知識點進行一則敦煌旅游海報實操演示。

上期回顧:

內容太多如何設計?來看「滿版構圖」實操演示!

方案一

尋找敦煌景點具有代表性的飛天人物壁畫圖片,將圖片放大鋪滿整個版面。

內容太多如何設計?來看「滿版構圖」實操演示!

根據人物的動作將放置文字的空間劃分為上下兩部分。

內容太多如何設計?來看「滿版構圖」實操演示!

版面上部分的空間放置信息為敦煌的景點介紹。選擇具有歷史文化感的篆書、隸書和宋體字形進行搭配;其他閱讀性文字選擇識別性較好的思源黑體。

內容太多如何設計?來看「滿版構圖」實操演示!

根據版面上部分留出的空間,使用頂對齊的豎排形式,排版時注意調整文字下端錯落起伏的節奏感;再加入線條來劃分信息和豐富視覺效果。

內容太多如何設計?來看「滿版構圖」實操演示!

下半部分放置報名信息,也根據留版面空間重新進行排版優化:

內容太多如何設計?來看「滿版構圖」實操演示!

把刻畫好的文字信息放置在圖像空白處,要注意保證文字的識別性和圖片的完整性。

內容太多如何設計?來看「滿版構圖」實操演示!

在PS中使用「圖層樣式」給標題文字分別加入“漸變疊加”、“描邊”和“斜面浮雕”效果,參考數值如下:

內容太多如何設計?來看「滿版構圖」實操演示!

最后在背景加入祥云元素,讓版面視覺效果飽滿而豐富,設計完成:

內容太多如何設計?來看「滿版構圖」實操演示!

方案二

方案二使用圖文混合排版進行設計,關鍵是找到圖片的“空白區”,安排文字穿插排版。

選擇兩張圖片,把佛像圖片“圖層混合模式”改為”柔光”疊加在背景上。

內容太多如何設計?來看「滿版構圖」實操演示!

標題使用錯位排版,文字交錯移動位置,在缺口的地方加入圖標裝飾,讓細節更豐富。

內容太多如何設計?來看「滿版構圖」實操演示!

景點介紹文字采取兩端對齊形式,加入景點圖片進行穿插排版:

內容太多如何設計?來看「滿版構圖」實操演示!

把編排好的信息放置在背景圖片上,不要影響文字和圖片的識別性,報名信息放置在最下方,設計完成:

內容太多如何設計?來看「滿版構圖」實操演示!

方案三

重新選擇兩張圖片,將風景圖片旋轉90度,獲得嶄新的視角,佛像圖片“圖層混合模式”改為“柔光”疊加在背景上。

內容太多如何設計?來看「滿版構圖」實操演示!

根據滿版圖片留出的左右空白空間,進行文字信息重新排版:

內容太多如何設計?來看「滿版構圖」實操演示!

把刻畫好的文字信息疊壓在圖片上方,注意保證文字的識別性。

內容太多如何設計?來看「滿版構圖」實操演示!

方案四

方案四使用文字滿版形式進行設計。放大“敦煌”二字(字體選用字魂48號-半天云魅黑手書 ),其他文字放置在版面空白處,占據版面所有空間,讓視覺效果飽滿而豐富。

內容太多如何設計?來看「滿版構圖」實操演示!

調整配色,使用深色底金色字,營造古樸和厚重的氛圍。

內容太多如何設計?來看「滿版構圖」實操演示!

繼續加強畫面古樸的歷史文化感。在Ps中,把“壁畫”和“金箔”素材放置在“敦煌”二字圖層上方使用剪切蒙版(Ctrl+alt+g)功能疊加紋理,調整兩個紋理的圖層透明度,得到如下效果:

內容太多如何設計?來看「滿版構圖」實操演示!

使用純文字的編排畫面顯得比較單調,加入背景紋理和飛天壁畫人物素材豐富畫面,設計完成:

內容太多如何設計?來看「滿版構圖」實操演示!

總結

通過本期案例實操可以看到“滿版構圖”可以營造出豐富的畫面效果,具有極強的代入感以及視覺感受,傳遞的情感也更加豐沛?!皾M版構圖”具有良好的親和力、強烈的視覺沖擊力、豐富飽滿的視覺效果、熱鬧輕松的氛圍和自由活潑的趣味性。

歡迎關注作者的微信公眾號:「藝海拾貝Design」

內容太多如何設計?來看「滿版構圖」實操演示!

收藏 585
點贊 247

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。