熱評 賴賴賴

謝謝您的分享,很喜歡這種學習方式! 有一篇文章講述重點與內涵,再用一篇實戰來實際運用!真的很棒!
文件名 如何下載使用 文件大小 提取碼 下載來源
練習素材和源文件83.2Mhy0n 點此復制 登錄下載

“幾何構圖”是版面設計元素根據幾何形態來組織視覺語言、構建畫面,形成一個人為的視覺空間,讓視覺元素布局更有章法,傳達出理性之美。為了讓大家加深對“幾何構圖”的理解,運用上一期知識點進行一則書籍封面實操演示。

文字是書籍封面中最重要的信息,一般包括:書名、作者、出版社、內容說明和名人推薦等,這些文字都是需要設計者在設計前進行整理規劃、明確信息層分組和層級。

想讓平面布局更有章法?收下這份幾何構圖總結!(實操篇)

方案一

第一個方案采用正三角構圖,尋找圖形素材,如下圖的箭頭圖形,擺放成正三角構圖形態,即平衡穩定又具有挺拔高聳感,寓意經濟增長的態勢。

想讓平面布局更有章法?收下這份幾何構圖總結!(實操篇)

加入一級、二級文字信息(書名和作者),放置在圖形下方,使構圖重心落在底部,保持平衡穩定感。

想讓平面布局更有章法?收下這份幾何構圖總結!(實操篇)

文字顏色吸取箭頭的金黃色漸變,背景選擇紅色。黃色和紅色同為暖色系,并且在色彩環上擁有鄰近的共有色,容易獲得協調統一的配色;但因為兩色明度相差很大,紅黃配色又有很強的對比,可以很好的突出主體。

想讓平面布局更有章法?收下這份幾何構圖總結!(實操篇)

把三級信息(名人推薦、內容介紹和出版社)重新進行優化排版,讓文字編排細節更豐富和美觀:

想讓平面布局更有章法?收下這份幾何構圖總結!(實操篇)

把刻畫好的信息放置到版面中,設計完成:

想讓平面布局更有章法?收下這份幾何構圖總結!(實操篇)

方案二

方案二把主體按倒置的三角形擺放,倒三角構圖的特點是可以體現出一種不穩定的張力,以及心理的緊張壓迫感,充滿運動趨勢。

想讓平面布局更有章法?收下這份幾何構圖總結!(實操篇)

接下來講解立體字制作方法。在AI中把文字轉曲并取消群組。復制新文字,加入較暗的漸變色。

想讓平面布局更有章法?收下這份幾何構圖總結!(實操篇)

把三個字分別向右下方、下方和左下方偏移。

想讓平面布局更有章法?收下這份幾何構圖總結!(實操篇)

使用鋼筆工具給下方文字路徑增加錨點,連接筆畫轉折處,形成文字的厚度。

想讓平面布局更有章法?收下這份幾何構圖總結!(實操篇)

在PS中調整文字厚度轉折處的明暗關系,立體字制作完成:

想讓平面布局更有章法?收下這份幾何構圖總結!(實操篇)

把三級信息放置在主體上下方空白處;背景比較單調,加入金幣圖片素材,圖層混合模式改為正片疊底,使畫面層次看起來更豐富。

想讓平面布局更有章法?收下這份幾何構圖總結!(實操篇)

設計完成:

想讓平面布局更有章法?收下這份幾何構圖總結!(實操篇)

方案三

方案三使用四邊形構圖,特點是版面中的主要視覺元素按四邊形形態進行排列,理性而嚴謹,是設計時經常使用的平衡構圖方式。

首先把書名、作者按四邊形形態進行擺放:

想讓平面布局更有章法?收下這份幾何構圖總結!(實操篇)

為了避免排版過于呆板,在左上角加入“第一本”圖標、右下角加入錢幣圖形進行破圖。

想讓平面布局更有章法?收下這份幾何構圖總結!(實操篇)

其他文字放置在主體上下方,也按四邊形進行排列,形成嚴謹平衡構圖形式。

想讓平面布局更有章法?收下這份幾何構圖總結!(實操篇)

為了讓版面看起來更豐富,加入經濟學相關的手繪元素作為背景;在文字下方加入半透明的黑色底色來承載文字信息,保證文字能夠清晰有效的傳達。

想讓平面布局更有章法?收下這份幾何構圖總結!(實操篇)

最后把文字置入PS中制作粉筆字效果,讓文字和背景元素風格更協調統一:

新建文件800像素X800像素,執行「濾鏡」-「雜色」-「添加雜色」,數量“100%”,選擇“高斯分布”、“單色”;

想讓平面布局更有章法?收下這份幾何構圖總結!(實操篇)

執行「濾鏡」-「模糊」-「動感模糊」”,角度:-45,距離:25。

想讓平面布局更有章法?收下這份幾何構圖總結!(實操篇)

調整色階加強對比度;

想讓平面布局更有章法?收下這份幾何構圖總結!(實操篇)

執行“濾鏡--像素化--銅板雕刻”選擇:中長描邊;

想讓平面布局更有章法?收下這份幾何構圖總結!(實操篇)

執行「編輯」-「定義圖案」,把處理好的紋理保存為圖案。

在書名上添加「圖層樣式」-「圖案疊加」,選擇處理好的圖案,調整“縮放”直至獲得滿意的效果。

想讓平面布局更有章法?收下這份幾何構圖總結!(實操篇)

把其他文字置入PS中,執行「濾鏡」-「像素化」-「銅板雕刻」,選擇“中長描邊”,重復濾鏡3-5次,得到最終效果:

想讓平面布局更有章法?收下這份幾何構圖總結!(實操篇)

方案四

最后一個方案采用壓四角型構圖,用版面中的視覺元素壓住版面的四角,使畫面嚴謹和穩定。注意要適當的留白,留出畫面的透氣感。

想讓平面布局更有章法?收下這份幾何構圖總結!(實操篇)

使用網格來劃分比例和輔助對齊:

想讓平面布局更有章法?收下這份幾何構圖總結!(實操篇)

加入配色,使用黃藍色搭配。黃色和藍色是對比色,搭配在一起會互相抗衡,互相襯托,讓各自的色彩屬性更突出。最后加入金幣圖片素材豐富背景層次,設計完成:

想讓平面布局更有章法?收下這份幾何構圖總結!(實操篇)

總結

在設計時可以將版面設計元素根據幾何形態來組織視覺語言、構建畫面,讓視覺元素布局更有章法,傳達出理性之美。本期主要使用了三角和四邊形構圖進行實操示范,下期將帶來的是圓形和曲線構圖實操演示。

方案匯總

想讓平面布局更有章法?收下這份幾何構圖總結!(實操篇)

練習素材、設計源文件和幾何構圖參考案例下載鏈接:https://pan.baidu.com/s/1fG5cGNttPJWhyFJFYHiP4A 提取碼:hy0n

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

想讓平面布局更有章法?收下這份幾何構圖總結!(實操篇)

文件名 如何下載使用 文件大小 提取碼 下載來源
練習素材和源文件83.2Mhy0n 點此復制 登錄下載
收藏 358
點贊 73

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