熱評(píng) 賴賴賴

謝謝您的分享,很喜歡這種學(xué)習(xí)方式! 有一篇文章講述重點(diǎn)與內(nèi)涵,再用一篇實(shí)戰(zhàn)來(lái)實(shí)際運(yùn)用!真的很棒!
文件名 如何下載使用 文件大小 提取碼 下載來(lái)源
練習(xí)素材和源文件83.2Mhy0n 點(diǎn)此復(fù)制 登錄下載

“幾何構(gòu)圖”是版面設(shè)計(jì)元素根據(jù)幾何形態(tài)來(lái)組織視覺(jué)語(yǔ)言、構(gòu)建畫面,形成一個(gè)人為的視覺(jué)空間,讓視覺(jué)元素布局更有章法,傳達(dá)出理性之美。為了讓大家加深對(duì)“幾何構(gòu)圖”的理解,運(yùn)用上一期知識(shí)點(diǎn)進(jìn)行一則書籍封面實(shí)操演示。

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

想讓平面布局更有章法?收下這份幾何構(gòu)圖總結(jié)?。▽?shí)操篇)

方案一

第一個(gè)方案采用正三角構(gòu)圖,尋找圖形素材,如下圖的箭頭圖形,擺放成正三角構(gòu)圖形態(tài),即平衡穩(wěn)定又具有挺拔高聳感,寓意經(jīng)濟(jì)增長(zhǎng)的態(tài)勢(shì)。

想讓平面布局更有章法?收下這份幾何構(gòu)圖總結(jié)?。▽?shí)操篇)

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

想讓平面布局更有章法?收下這份幾何構(gòu)圖總結(jié)?。▽?shí)操篇)

文字顏色吸取箭頭的金黃色漸變,背景選擇紅色。黃色和紅色同為暖色系,并且在色彩環(huán)上擁有鄰近的共有色,容易獲得協(xié)調(diào)統(tǒng)一的配色;但因?yàn)閮缮鞫认嗖詈艽?,紅黃配色又有很強(qiáng)的對(duì)比,可以很好的突出主體。

想讓平面布局更有章法?收下這份幾何構(gòu)圖總結(jié)!(實(shí)操篇)

把三級(jí)信息(名人推薦、內(nèi)容介紹和出版社)重新進(jìn)行優(yōu)化排版,讓文字編排細(xì)節(jié)更豐富和美觀:

想讓平面布局更有章法?收下這份幾何構(gòu)圖總結(jié)?。▽?shí)操篇)

把刻畫好的信息放置到版面中,設(shè)計(jì)完成:

想讓平面布局更有章法?收下這份幾何構(gòu)圖總結(jié)?。▽?shí)操篇)

方案二

方案二把主體按倒置的三角形擺放,倒三角構(gòu)圖的特點(diǎn)是可以體現(xiàn)出一種不穩(wěn)定的張力,以及心理的緊張壓迫感,充滿運(yùn)動(dòng)趨勢(shì)。

想讓平面布局更有章法?收下這份幾何構(gòu)圖總結(jié)?。▽?shí)操篇)

接下來(lái)講解立體字制作方法。在AI中把文字轉(zhuǎn)曲并取消群組。復(fù)制新文字,加入較暗的漸變色。

想讓平面布局更有章法?收下這份幾何構(gòu)圖總結(jié)?。▽?shí)操篇)

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

想讓平面布局更有章法?收下這份幾何構(gòu)圖總結(jié)?。▽?shí)操篇)

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

想讓平面布局更有章法?收下這份幾何構(gòu)圖總結(jié)?。▽?shí)操篇)

在PS中調(diào)整文字厚度轉(zhuǎn)折處的明暗關(guān)系,立體字制作完成:

想讓平面布局更有章法?收下這份幾何構(gòu)圖總結(jié)?。▽?shí)操篇)

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

想讓平面布局更有章法?收下這份幾何構(gòu)圖總結(jié)!(實(shí)操篇)

設(shè)計(jì)完成:

想讓平面布局更有章法?收下這份幾何構(gòu)圖總結(jié)!(實(shí)操篇)

方案三

方案三使用四邊形構(gòu)圖,特點(diǎn)是版面中的主要視覺(jué)元素按四邊形形態(tài)進(jìn)行排列,理性而嚴(yán)謹(jǐn),是設(shè)計(jì)時(shí)經(jīng)常使用的平衡構(gòu)圖方式。

首先把書名、作者按四邊形形態(tài)進(jìn)行擺放:

想讓平面布局更有章法?收下這份幾何構(gòu)圖總結(jié)!(實(shí)操篇)

為了避免排版過(guò)于呆板,在左上角加入“第一本”圖標(biāo)、右下角加入錢幣圖形進(jìn)行破圖。

想讓平面布局更有章法?收下這份幾何構(gòu)圖總結(jié)?。▽?shí)操篇)

其他文字放置在主體上下方,也按四邊形進(jìn)行排列,形成嚴(yán)謹(jǐn)平衡構(gòu)圖形式。

想讓平面布局更有章法?收下這份幾何構(gòu)圖總結(jié)?。▽?shí)操篇)

為了讓版面看起來(lái)更豐富,加入經(jīng)濟(jì)學(xué)相關(guān)的手繪元素作為背景;在文字下方加入半透明的黑色底色來(lái)承載文字信息,保證文字能夠清晰有效的傳達(dá)。

想讓平面布局更有章法?收下這份幾何構(gòu)圖總結(jié)?。▽?shí)操篇)

最后把文字置入PS中制作粉筆字效果,讓文字和背景元素風(fēng)格更協(xié)調(diào)統(tǒng)一:

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

想讓平面布局更有章法?收下這份幾何構(gòu)圖總結(jié)!(實(shí)操篇)

執(zhí)行「濾鏡」-「模糊」-「動(dòng)感模糊」”,角度:-45,距離:25。

想讓平面布局更有章法?收下這份幾何構(gòu)圖總結(jié)!(實(shí)操篇)

調(diào)整色階加強(qiáng)對(duì)比度;

想讓平面布局更有章法?收下這份幾何構(gòu)圖總結(jié)!(實(shí)操篇)

執(zhí)行“濾鏡--像素化--銅板雕刻”選擇:中長(zhǎng)描邊;

想讓平面布局更有章法?收下這份幾何構(gòu)圖總結(jié)?。▽?shí)操篇)

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

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

想讓平面布局更有章法?收下這份幾何構(gòu)圖總結(jié)?。▽?shí)操篇)

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

想讓平面布局更有章法?收下這份幾何構(gòu)圖總結(jié)?。▽?shí)操篇)

方案四

最后一個(gè)方案采用壓四角型構(gòu)圖,用版面中的視覺(jué)元素壓住版面的四角,使畫面嚴(yán)謹(jǐn)和穩(wěn)定。注意要適當(dāng)?shù)牧舭祝舫霎嬅娴耐笟飧小?/p>

想讓平面布局更有章法?收下這份幾何構(gòu)圖總結(jié)?。▽?shí)操篇)

使用網(wǎng)格來(lái)劃分比例和輔助對(duì)齊:

想讓平面布局更有章法?收下這份幾何構(gòu)圖總結(jié)!(實(shí)操篇)

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

想讓平面布局更有章法?收下這份幾何構(gòu)圖總結(jié)?。▽?shí)操篇)

總結(jié)

在設(shè)計(jì)時(shí)可以將版面設(shè)計(jì)元素根據(jù)幾何形態(tài)來(lái)組織視覺(jué)語(yǔ)言、構(gòu)建畫面,讓視覺(jué)元素布局更有章法,傳達(dá)出理性之美。本期主要使用了三角和四邊形構(gòu)圖進(jìn)行實(shí)操示范,下期將帶來(lái)的是圓形和曲線構(gòu)圖實(shí)操演示。

方案匯總

想讓平面布局更有章法?收下這份幾何構(gòu)圖總結(jié)?。▽?shí)操篇)

練習(xí)素材、設(shè)計(jì)源文件和幾何構(gòu)圖參考案例下載鏈接:https://pan.baidu.com/s/1fG5cGNttPJWhyFJFYHiP4A 提取碼:hy0n

歡迎關(guān)注作者的微信公眾號(hào):「藝海拾貝Design」

想讓平面布局更有章法?收下這份幾何構(gòu)圖總結(jié)?。▽?shí)操篇)

文件名 如何下載使用 文件大小 提取碼 下載來(lái)源
練習(xí)素材和源文件83.2Mhy0n 點(diǎn)此復(fù)制 登錄下載
收藏 358
點(diǎn)贊 73

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。