學(xué)會(huì)幾何構(gòu)圖方法,讓平面布局更有章法
發(fā)布時(shí)間:2021-12-24 09:51 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175 閱讀: 2691

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

文字是書(shū)籍封面中最重要的信息,一般包括:書(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í)文字信息(書(shū)名和作者),放置在圖形下方,使構(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í)操篇)

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

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


方案二


方案二把主體按倒置的三角形擺放,倒三角構(gòu)圖的特點(diǎn)是可以體現(xiàn)出一種不穩(wěn)定的張力,以及心理的緊張壓迫感,充滿(mǎ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),連接筆畫(huà)轉(zhuǎn)折處,形成文字的厚度。

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

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

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

把三級(jí)信息放置在主體上下方空白處;背景比較單調(diào),加入金幣圖片素材,圖層混合模式改為正片疊底,使畫(huà)面層次看起來(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)圖方式。

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

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

為了避免排版過(guò)于呆板,在左上角加入“第一本”圖標(biāo)、右下角加入錢(qián)幣圖形進(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í)行「編輯」-「定義圖案」,把處理好的紋理保存為圖案。

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

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

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

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


方案四


最后一個(gè)方案采用壓四角型構(gòu)圖,用版面中的視覺(jué)元素壓住版面的四角,使畫(huà)面嚴(yán)謹(jǐn)和穩(wěn)定。注意要適當(dāng)?shù)牧舭,留出?huà)面的透氣感。

想讓平面布局更有章法?收下這份幾何構(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)建畫(huà)面,讓視覺(jué)元素布局更有章法,傳達(dá)出理性之美。


PhotoshopCC2020視頻教程
我要自學(xué)網(wǎng)商城 ¥120 元
進(jìn)入購(gòu)買(mǎi)
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國(guó)的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類(lèi)選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫(huà) 程序開(kāi)發(fā) 網(wǎng)頁(yè)設(shè)計(jì) 會(huì)計(jì)課程 興趣成長(zhǎng) AIGC