當前位置:首頁 >教程首頁 > U I 設計 > AI+UX設計大師班 >設計師如何快速構圖?

設計師如何快速構圖?

發布時間:2022-03-29 10:48:29

今天跟大家分享一篇幹貨,作為設計師如何快速構圖?

昨天到了公司剛坐下,領導就給安排了一個任務:給一款運動鞋做個海報。按流程,對方要提供品牌名稱、產品圖片、產品文案、設計尺寸以及應用場合。很快領導就把客戶的需求發過來了,並囑咐越快完成越好!

1.jpg

這是耐克的一款運動鞋,圖片和文案都有了,尺寸是1920*1080像素,用於網站宣傳。那麼接下來我們先考慮一下構圖。

左右構圖

客戶要的尺寸是一個橫版構圖,最常規的是左右構圖。“左右構圖”是將版麵分割為左右兩部分,通過設計元素的布局讓畫麵整體呈現出左右的分布趨勢,具有平衡、穩定、互相呼應的特點。最典型的左右構圖由“左圖右文”或者“左文右圖”兩部分構成,圖片及文字各占據一部分,形成左右兩部分獨立的空間,產生良好的閱讀體驗。

2.jpg

雖然隻是普通的左右構圖,但是想要把內容排放的好看、合理,我們還需要了解一些技巧。

九宮格構圖

九宮格構圖是把畫麵從上到下三等分,從左到右三等分。這樣我們會有4條線,以及4個交點,這是黃金分割構圖形式的簡化版。我們隻需要把重要的內容盡可能貼合這4條線或4個點上。

3.jpg

結合了左右構圖和九宮格構圖的思路,第一版最終稿如下圖:

4.jpg

做完了就做完了,為什麼說第一版呢?大家記住,給客戶提交方案,永遠不要隻交一稿,起碼2~3稿,要讓客戶有選擇。交一稿就是強迫客戶同意,用戶體驗不佳。

居中構圖

我們再來嚐試一下另一個常規構圖,就是居中構圖。就像給你一張紙,讓你寫一個毛筆字,你往往會寫在紙的正中間,這就是人的生理第一反應。

5.jpg

主視覺元素放置在海報居中的位置。一眼就能看到,有穩定、秩序、強調的特點。做居中構圖時必須是一個主體,為了能夠突出中間的主體,我們可以設計一個X的交叉線,來聚焦用戶的目光。

6.jpg

居中構圖文字一定是對稱分布,避免左右不平衡。

7.jpg

第二版也做好了,剛剛說了做兩版就可以交稿了,我趕在吃午飯之前發出去,如果需要改動,下午還有時間調整。

果不其然,下午客戶給反饋了。說的很委婉,前麵2稿很滿意,但是他們想讓產品更大一些,這樣可以看清細節。我就知道有但是就沒好事,改稿吧。

三角構圖

我們先按照客戶要求把鞋子圖片放大,放大後正好是一個三角形,這就是構圖法中的三角構圖。所謂三角構圖就是指畫麵中的元素或者線條形成了三角形。可以是正三角形也可以是斜三角形或倒三角形,其中斜三角比較常用。三角形本身是一個很穩定的結構,當三角形出現在畫麵中時,會具有安定、均衡又不失靈活的特點。

8.jpg

我們在給畫麵加上個籃球館的背景,讓畫麵更有空間感和穩定性。

9.jpg

最後是排放文字,還是要考慮平衡以及前後空間關係。

10.jpg

三角構圖我們做了一稿,還記得之前說過麼,交稿不能隻交一稿,要給客戶有選擇。

因為客戶想看到鞋子細節,所以圖片肯定是要放大,放多大沒有講,我本著寧肯錯過不能放過的原則,再做一版更大的,這樣總歸沒問題的。

鞋子又放大了一圈,這時候就形成了新的構圖:對角線構圖。

對角線構圖

對角線大致是從照片的一個角落延伸至其相對角落的線,也是畫麵中最長的一條直線,能給人一種移動的感覺。它在畫麵中不僅能夠給人一種力量感、方向感,同時還增強了產品本身的氣勢和畫麵的整體衝擊力。

11.jpg

主體物放好之後,剩下的就是文字了,因為主體物太大,所以文字都相對有弱化。

12.jpg

兩版改版的也做好了,下班前發給客戶,看來今天可以準時下班了。

但是...

果然還有但是!客戶回複了,還是很委婉。改稿很滿意,現在有新的要求。這款鞋子是一個係列產品,有6種顏色,想做一個係列海報。

13.jpg

中軸對稱構圖

這能難得住我?下班之前一準幹完!

先把鞋子一字排開,兩邊延伸出畫麵,給用戶以想象的空間。鞋子的顏色盡可能深淺穿插著放,避免畫麵不平衡。

14.jpg

文字從上到下沿著中軸線放,居中對齊。

15.jpg

這就是中軸對稱構圖。使用這種構圖,可以讓照片達到一種平衡感,對稱的形態在視覺上有自然、安定、均勻、協調、整齊、典雅、莊重的樸素美感,很符合人們的視覺習慣。

總結

左右構圖:最常見的構圖,所有圖文組合都適合。

九宮格構圖:黃金分割構圖的簡化版,告訴你內容放置的位置。

居中構圖:適合有1個主體物,畫麵要對稱。

三角構圖:正三角有穩定、舒適的特點;倒三角有動感、跳躍的特點。

對角線構圖:有延伸、運動的感覺。

中軸對稱構圖:極具平衡感,符合人的視覺習慣。

华体会hth体育网 賞析
  • 2101期學員李思庭作品

    2101期學員李思庭作品

  • 2104期學員林雪茹作品

    2104期學員林雪茹作品

  • 2107期學員趙淩作品

    2107期學員趙淩作品

  • 2107期學員趙燃作品

    2107期學員趙燃作品

  • 2106期學員徐正浩作品

    2106期學員徐正浩作品

  • 2106期學員弓莉作品

    2106期學員弓莉作品

  • 2105期學員白羽新作品

    2105期學員白羽新作品

  • 2107期學員王佳蕊作品

    2107期學員王佳蕊作品

專業問題谘詢

你擔心的問題,火星幫你解答

微信掃碼入群領福利

掃碼領福利最新AI資訊

點擊谘詢
添加老師微信,馬上領取免費課程資源

1. 打開微信掃一掃,掃描左側二維碼

2. 添加老師微信,馬上領取免費課程資源

×

同學您好!

您已成功報名0元試學活動,老師會在第一時間與您取得聯係,請保持電話暢通!
確定