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

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

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

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


方案一


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

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

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

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

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

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

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

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

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

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


方案二


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

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

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

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

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

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

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

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

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

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

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

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

設(shè)計完成:

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


方案三


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

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

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

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

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

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

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

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

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

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

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

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

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

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

調(diào)整色階加強對比度;

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

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

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

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

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

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

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

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


方案四


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

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

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

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

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

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


總結(jié)


在設(shè)計時可以將版面設(shè)計元素根據(jù)幾何形態(tài)來組織視覺語言、構(gòu)建畫面,讓視覺元素布局更有章法,傳達(dá)出理性之美。


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