今天跟大家分享一篇幹貨,作為設計師如何快速構圖?
昨天到了公司剛坐下,領導就給安排了一個任務:給一款運動鞋做個海報。按流程,對方要提供品牌名稱、產品圖片、產品文案、設計尺寸以及應用場合。很快領導就把客戶的需求發過來了,並囑咐越快完成越好!
這是耐克的一款運動鞋,圖片和文案都有了,尺寸是1920*1080像素,用於網站宣傳。那麼接下來我們先考慮一下構圖。
左右構圖
客戶要的尺寸是一個橫版構圖,最常規的是左右構圖。“左右構圖”是將版麵分割為左右兩部分,通過設計元素的布局讓畫麵整體呈現出左右的分布趨勢,具有平衡、穩定、互相呼應的特點。最典型的左右構圖由“左圖右文”或者“左文右圖”兩部分構成,圖片及文字各占據一部分,形成左右兩部分獨立的空間,產生良好的閱讀體驗。
雖然隻是普通的左右構圖,但是想要把內容排放的好看、合理,我們還需要了解一些技巧。
九宮格構圖
九宮格構圖是把畫麵從上到下三等分,從左到右三等分。這樣我們會有4條線,以及4個交點,這是黃金分割構圖形式的簡化版。我們隻需要把重要的內容盡可能貼合這4條線或4個點上。
結合了左右構圖和九宮格構圖的思路,第一版最終稿如下圖:
做完了就做完了,為什麼說第一版呢?大家記住,給客戶提交方案,永遠不要隻交一稿,起碼2~3稿,要讓客戶有選擇。交一稿就是強迫客戶同意,用戶體驗不佳。
居中構圖
我們再來嚐試一下另一個常規構圖,就是居中構圖。就像給你一張紙,讓你寫一個毛筆字,你往往會寫在紙的正中間,這就是人的生理第一反應。
主視覺元素放置在海報居中的位置。一眼就能看到,有穩定、秩序、強調的特點。做居中構圖時必須是一個主體,為了能夠突出中間的主體,我們可以設計一個X的交叉線,來聚焦用戶的目光。
居中構圖文字一定是對稱分布,避免左右不平衡。
第二版也做好了,剛剛說了做兩版就可以交稿了,我趕在吃午飯之前發出去,如果需要改動,下午還有時間調整。
果不其然,下午客戶給反饋了。說的很委婉,前麵2稿很滿意,但是他們想讓產品更大一些,這樣可以看清細節。我就知道有但是就沒好事,改稿吧。
三角構圖
我們先按照客戶要求把鞋子圖片放大,放大後正好是一個三角形,這就是構圖法中的三角構圖。所謂三角構圖就是指畫麵中的元素或者線條形成了三角形。可以是正三角形也可以是斜三角形或倒三角形,其中斜三角比較常用。三角形本身是一個很穩定的結構,當三角形出現在畫麵中時,會具有安定、均衡又不失靈活的特點。
我們在給畫麵加上個籃球館的背景,讓畫麵更有空間感和穩定性。
最後是排放文字,還是要考慮平衡以及前後空間關係。
三角構圖我們做了一稿,還記得之前說過麼,交稿不能隻交一稿,要給客戶有選擇。
因為客戶想看到鞋子細節,所以圖片肯定是要放大,放多大沒有講,我本著寧肯錯過不能放過的原則,再做一版更大的,這樣總歸沒問題的。
鞋子又放大了一圈,這時候就形成了新的構圖:對角線構圖。
對角線構圖
對角線大致是從照片的一個角落延伸至其相對角落的線,也是畫麵中最長的一條直線,能給人一種移動的感覺。它在畫麵中不僅能夠給人一種力量感、方向感,同時還增強了產品本身的氣勢和畫麵的整體衝擊力。
主體物放好之後,剩下的就是文字了,因為主體物太大,所以文字都相對有弱化。
兩版改版的也做好了,下班前發給客戶,看來今天可以準時下班了。
但是...
果然還有但是!客戶回複了,還是很委婉。改稿很滿意,現在有新的要求。這款鞋子是一個係列產品,有6種顏色,想做一個係列海報。
中軸對稱構圖
這能難得住我?下班之前一準幹完!
先把鞋子一字排開,兩邊延伸出畫麵,給用戶以想象的空間。鞋子的顏色盡可能深淺穿插著放,避免畫麵不平衡。
文字從上到下沿著中軸線放,居中對齊。
這就是中軸對稱構圖。使用這種構圖,可以讓照片達到一種平衡感,對稱的形態在視覺上有自然、安定、均勻、協調、整齊、典雅、莊重的樸素美感,很符合人們的視覺習慣。
總結
左右構圖:最常見的構圖,所有圖文組合都適合。
九宮格構圖:黃金分割構圖的簡化版,告訴你內容放置的位置。
居中構圖:適合有1個主體物,畫麵要對稱。
三角構圖:正三角有穩定、舒適的特點;倒三角有動感、跳躍的特點。
對角線構圖:有延伸、運動的感覺。
中軸對稱構圖:極具平衡感,符合人的視覺習慣。
相關文章
多種教程 總有一個適合自己專業問題谘詢
你擔心的問題,火星幫你解答本篇文章會深入解析火星時代教育的平麵設計班內容。本課程將帶你進入平麵設計的廣闊世界,跨越設計的理論與實踐,挖掘你的設計潛能。
火星網頁實習培訓開啟了走向網絡前端開發的大門。火星時代教育引領學生掌握了最新的前端技術並且了解火星網頁實習培訓的相關內容。
找到最好的vr遊戲開發培訓學校,提升你的VR遊戲開發技能,成為行業內的專業人士。關鍵詞:VR遊戲開發,VR培訓,遊戲開發學校。
探討影視美術建築表現的重要性以及如何通過火星時代教育的專業培訓,有效提升此項技能。
本文主要介紹了培訓學校空間設計的重要性及其技巧,並探討火星時代教育如何運用空間設計給學習帶來更好的體驗。
了解一個頂級的遊戲開發培訓機構如何通過專業的課程和實戰訓練幫助學員成長為高級遊戲開發者。
1. 打開微信掃一掃,掃描左側二維碼
2. 添加老師微信,馬上領取免費課程資源
同學您好!