首页
/
每日頭條
/
生活
/
版面設計黃金構圖原則
版面設計黃金構圖原則
更新时间:2024-11-17 20:17:31

版面設計黃金構圖原則(幫你提升版面構圖能力)1

版面設計黃金構圖原則(幫你提升版面構圖能力)2

版面設計黃金構圖原則(幫你提升版面構圖能力)3

重心在物理學上是指物體内部各部分所受重力的合力的作用點,而在視覺上可以理解為畫面上重點突出的部分。任何一個畫面都會有重心,重心是畫面穩定感的來源。任何一個排版裡都會出現構圖重心。

版面設計黃金構圖原則(幫你提升版面構圖能力)4

從視覺上來說,與重心緊密相關的是畫面視覺上的平衡感。基于重心的變化,在版面構圖中可以創作出平衡性構圖和非平衡性構圖。例如:重心的偏移會導緻畫面産生不穩定感,如同傾斜的花瓶,視覺效果上難以平衡,故在非對稱性或居中重心的構圖中,對畫面元素的安排更考驗設計師的構圖能力。

版面設計黃金構圖原則(幫你提升版面構圖能力)5

圖塊的大小、字體的輕重、色彩的濃淡都是影響畫面平衡的因素。

版面設計黃金構圖原則(幫你提升版面構圖能力)6

版面設計黃金構圖原則(幫你提升版面構圖能力)7

顧名思義,骨骼可以視為版面構圖的内在框架。像我們熟知的“九宮格”便是構圖骨骼的一種。在多個元素的構圖中,多個元素排布外延可形成某一形狀,這可以視為元素的外在骨骼。而元素的中心之間連接起來可稱為内在骨骼。按骨骼進行排布的構圖,層級明确,重複感與秩序感強烈。

版面設計黃金構圖原則(幫你提升版面構圖能力)8

作為作品的自我檢驗,有時也可将構圖上的各部分元素骨骼标明,作為觀察作品設計是否合理的一種手段。在多個元素的構圖中,多個元素排布外延可形成某一形狀,這可以視為元素的外在骨骼。

版面設計黃金構圖原則(幫你提升版面構圖能力)9

版面設計黃金構圖原則(幫你提升版面構圖能力)10

栅格系統可以視為構圖中的一個獨特的骨骼技巧。将字體分為基本的方格單位,再在方格單位中劃分更小的方格。文字與圖片版面中嚴格按照方格進行構圖設計。栅格系統基本單位便是一個方格,方格的大小、行列數以及邊距大小都是影響栅格系統視覺效果的因素。

版面設計黃金構圖原則(幫你提升版面構圖能力)11

栅格系統固定的格子布局工整簡潔,這種方法在網站頁面設計以及移動應用設計中非常常用。栅格系統可用以輔助将多個元素進行對齊、統一,使畫面具有秩序的美感和現代感,提高的易讀性。了解栅格系統可以幫助我們更好地了解與審視自己的構圖設計。

版面設計黃金構圖原則(幫你提升版面構圖能力)12

版面設計黃金構圖原則(幫你提升版面構圖能力)13

版面中有着衆多的元素,每一種元素承載着不同的信息。為使版面更具邏輯性和可讀性,我們需要整理各類信息和将其分類。分組的方法是将信息以特定的分類加以區分,在構圖中通過群組的方式排布。

版面設計黃金構圖原則(幫你提升版面構圖能力)14

分組的方法遵從設計内容的内在邏輯,例如形狀、顔色、編号、地區、種類等都可以視為分組的内在邏輯。版面中内容相關或連續的部分也可視為群組的一個部分。在分組之後,信息既能夠産生組群各組群之間的層級關系也會随之明晰起來。

版面設計黃金構圖原則(幫你提升版面構圖能力)15

依據内容的層級關系,又可以将小組并列成為一個大組群。例如:在排版當中,設計說明的各部分内容可以形成一個分組,而相對的分析圖又可視為另一個分組。信息分組的方法依據排版目的而定,切忌将不同屬性與内容的元素混合在一起,這會導緻邏輯混亂,降低可讀性。

版面設計黃金構圖原則(幫你提升版面構圖能力)16

版面設計黃金構圖原則(幫你提升版面構圖能力)17

在排版中穩定性圖形與非穩定性圖形各有其優點和缺點。在構圖當中,追求穩定感的常用手法有運用穩定的圖形骨骼、尋找平衡的重心以及對稱性設計等。具體做法在于大小比例的一緻性、留白的均衡性。

版面設計黃金構圖原則(幫你提升版面構圖能力)18

例如:版面中心偏下,圖片整體呈不平衡狀态。在畫面的對角線之上,配置圖片與文字視覺上的重量需要取得平衡,才能呈現穩定的印象感。

版面設計黃金構圖原則(幫你提升版面構圖能力)19

版面設計黃金構圖原則(幫你提升版面構圖能力)20

留白是中國傳統繪畫中的一種典型手法。空白的版面實際上是構圖的元素之一。留白可以緩解排版過于密實導緻透不過氣的觀感,也可以充當各個元素之間的緩沖劑。同時,留白有助于形成版面中的疏密對比。

版面設計黃金構圖原則(幫你提升版面構圖能力)21

留白除了真正的“白”色之外,天空或者水面等元素的延伸在版面中也算是留白的一種。利用天空或水面等元素延伸作為底圖,在其上進行排版,效果十分突出。留白是種簡單有效的手段,但要注意,留白需要适當,過多的留白也會讓版面顯得空洞,缺少内容。

版面設計黃金構圖原則(幫你提升版面構圖能力)22

版面設計黃金構圖原則(幫你提升版面構圖能力)23

對比是相當常見的設計手法。在構圖中将信息分類之後,我們可能會覺得按部就班的排版枯燥無聊中心難以突出。而對比的手法則很好地強調了構圖的中心,給構圖帶來變化與趣味性。

版面設計黃金構圖原則(幫你提升版面構圖能力)24

在衆多相同的元素設計中,通過改變元素的某一圖像屬性就能達到一定的對比效果。例如:字體的大小、圖像的明暗、色彩的冷暖等都可以産生對比反差的效果。

版面設計黃金構圖原則(幫你提升版面構圖能力)25

版面設計黃金構圖原則(幫你提升版面構圖能力)26

黃金比例存在于自然界的各處,在花瓣、樹葉甚至動物的身體比例中都能發現這一規律。黃金比例的比值約為0.618,這個數值是視覺上非常均衡的一個規律。黃金比例運用在圖片和版面整體中,可以使視覺效果更為協調。例如:可以讓版面與照片的寬高比遵循黃金比例。

版面設計黃金構圖原則(幫你提升版面構圖能力)27

①井字分割。根據:1.618的簡化比例,将具有這一比例的矩形縱橫三等分,即形成井字分割,也被稱作九宮格布局法,既适用于最佳比例的矩形,也适用于正方形及其他任何比例矩形的畫面構圖,其交叉的4個點同樣具有美感誘發與刺激作用,是最适于畫面主體與趣味中心所處的位置。

版面設計黃金構圖原則(幫你提升版面構圖能力)28

在實際的構圖中,将主體元素放在接近井字分割線的位置上,視覺感受是最舒适、美觀、協調的。

版面設計黃金構圖原則(幫你提升版面構圖能力)29

②對角部署。黃金分割的井字分割所産生的4個誘發點,其對角具有很好的視覺效果。在調整畫面的主次關系、主體與客體的位置時,結合其向畫面中心彙聚的方向性,采用這種對角布局能産生相互呼應、勻稱協調的多種奇妙效果,這種布局也被稱為對角線構圖。

版面設計黃金構圖原則(幫你提升版面構圖能力)30

,
Comments
Welcome to tft每日頭條 comments! Please keep conversations courteous and on-topic. To fosterproductive and respectful conversations, you may see comments from our Community Managers.
Sign up to post
Sort by
Show More Comments
推荐阅读
春節橫批從右到左寫的
春節橫批從右到左寫的
春節橫批從右到左寫的?新年聚集大家歡喜,佥字家族聚在一起說起我,你可能不太熟悉,但是給我加上部首就能變出衆多家人,今天我們載歌載舞聚在一起,談天談地說說自己看哪,有頭有臉的臉忍不住要來說兩句了,我來為大家講解一下關于春節橫批從右到左寫的?跟...
2024-11-17
蘇東坡最傷感的一句
蘇東坡最傷感的一句
蘇東坡最傷感的一句?【張嘴就來每日一句——2016年1月25周一】,下面我們就來說一說關于蘇東坡最傷感的一句?我們一起去了解并探讨一下這個問題吧!蘇東坡最傷感的一句【張嘴就來每日一句——2016年1月25周一】朋友們,大家早上好!新年的腳步...
2024-11-17
王菲說的一句經典語錄
王菲說的一句經典語錄
Part1不要拿自己的任性當個性,因為能夠包容你任性的人——都是愛你的人;不要拿别人的包容當習慣,因為王菲唱過:沒有什麼會永垂不朽。Part2一個人,之所以成熟,大概是因為他看過了太多的世态炎涼;一個人,之所以能幹,大概是因為他很少能從别人...
2024-11-17
光控開關電路設計
光控開關電路設計
這是一個,實用的光控延時開關電路。RG,是光敏電阻,用于感知光線的強弱。RP,是可調電阻器,用來調節光感知的靈敏度。VT1、VT2、R、C1,構成延遲斷開電路。K,是小功率的直流繼電器。VD,是二極管用來釋放繼電器線圈斷電時産生的反向電流。...
2024-11-17
馬天宇演的楊穎是什麼電視劇
馬天宇演的楊穎是什麼電視劇
楊穎模特出道,綜藝走紅,如今卻開始向演藝圈發展,這似乎是大多數明星發展的路子,在綜藝《奔跑吧》中,楊穎玩遊戲很認真,也非常拼,正因為如此,對她印象深刻。然而楊穎試圖在演員圈裡打拼,結果變成了網友嘲諷的對象,摳圖,瞪眼式演技,都成了她的标簽。...
2024-11-17
Copyright 2023-2024 - www.tftnews.com All Rights Reserved