APP設計構圖技巧:形式美的塑造與運用

APP設計構圖技巧:形式美的塑造與運用

我們直奔主題,先來看看平面設計裡面的一些大神作品:如何創作構圖的美感滴。

看到上面這些文字是怎麼穿插到漂亮的玫瑰花枝上的嗎?

這就是用到了我們設計當中的構圖技巧。

這節課重點講解如何運用和塑造我們作品當中的形式美,也就是構圖。

設計關鍵詞:形式美

形式美是指對構成美的內容進行排列運用,包括自然對象、社會事物等,以給人帶來美的觀賞感受為目的總結、推演出來的法則。

當然也有名人這樣說過:

亞里士多德說:「美的形式在於秩序、對稱與明確,在我們最先亦最多的構圖經驗里,我們傾向把客觀事物套上一種含有對稱性或有秩序的排列或結構,這不外是因為我們過去,在這種形式上體驗過美,而嘗試在自己的創作中進行模仿進行重現。」

在長期的實踐當中,人們大體上總結出了以下這些規律:對稱、平衡、黃金分割、對比和多樣統一等五個運用形式美的原則。

1、對稱

對稱結構的特點是整齊一律、均勻劃一、排列相等,可以使觀眾身體兩部分的神經作用處於平衡狀態。對稱可以使觀眾產生穩定、牢固的心理反應,構成平穩、安寧、和諧、莊重感。現實生活當中對稱的事物很多,如人體,自然界中植物的枝、葉等也是對稱的。

對稱在一些本身就存在嚴格對稱的主題元素中比較適用,比如在古代建築中。對稱也有不足之處,如果應用的主體不適合往往對人視覺刺激不強烈,往往會產生呆板、單調、缺少變化之感。

2、均衡或著平衡

平衡原是物理學術語,表示在兩個或更多物質因素存在排列中進行的自控與和諧調整。平衡是生理器官控制的一種心理體驗。阿恩海姆說:「一個觀眾視覺方面的反應,應該是看作大腦皮層中的生理上追求平衡狀態時,所造成的一種心理上的對應性經驗。配置完美的視覺元素,刺激視覺器官,會使人產生平衡感,否則就會有失重感。在構圖中,平衡是組成視覺形象的各種元素組合時達到一種美的分布關係。

APP設計構圖中獲得畫面均衡的方法有多種多樣,主要包括以下幾種:

(1) 主體對象位置安排:可以被安排在畫面的中心,也可以被安排在畫面的黃金分割線位置,也可以被安排在畫面的邊角位置,在不同的位置可以產生不同的效果。

主體位置確定之後,根據主體位置再相應選擇陪體、前景、背景等其他輔助對象的位置,最終讓畫面均衡。

(2) 視線方向、線條走向、運動方向:畫面中的人物視線的左右上下向度變化,也是影響畫面均衡感的重要因素。一般來說,視線向空白較大的方向投去,畫面容易顯得均衡,相反則會明顯失重,在APP設計構圖中,視線方向對畫面均衡與否影響很大。同樣道理,線條走向、運動指向也會對人的視覺心理造成影響,在APP設計構圖中,必須考慮這些因素對畫面均衡感的影響。

(3)光影配置:APP設計是「光和影的藝術」,沒有光就沒有影,在對視覺的影響上,陰影的作用並不比實體的作用差,在畫面中它同樣佔有一定的空間、具有一定的面積、具有一定的量感,它的位置、大小處理對畫面均衡有著很大影響。

(4) 色彩、影調運用:利用色彩搭配、影調調整可以起到均衡畫面的作用,不同的色彩可以給觀眾帶來不同的輕重、大小感覺,明暗不同的事物也會給人帶來輕重不同的感覺,將事物的色彩、明暗與事物的位置、大小進行合理的搭配,可以形成畫面的均衡感。

3、黃金分割

黃金分割是一個數學比例關係。它是將一段直線分成長短兩段,使小段與大段之比等於大段與全段之比,比值為1:1.618。

黃金分割運用於APP設計畫面構圖,首先表現在畫幅比例中。

比如把主體放在黃金分割點,或是把地平線、海際線放在黃金分割線等。

黃金分割一般情況下人們常以此進行構圖,但是客觀事物是有豐富變化的,黃金分割不應成為拘泥大家創作的規律,大家應努力以豐富多彩的形式進行APP設計創作。

4、對比構圖

對比是把對象的形式要素間不同的質或量進行對比,可使其各自的特點更加明顯,造成醒目的效果。對比就是有效地運用異質、異形、異量等差異比較。

在APP設計畫面中,對比的形式是多種多樣的,如明暗的對比、虛實的對比、疏密的對比、大小的對比、點線面的對比、形狀的對比、色彩的對比、動靜的對比等等。

對比的雖然聽起來簡單,但在實際中卻是相當複雜的,在拍攝中,結合創作主題應用好了會有非常精彩的表現。

5、多樣統一

多樣統一是構圖中對稱、平衡、比例、虛實、節奏、等規律的集中概括。在組織被攝對象時,要求多樣、有差異,但又不絕對對立還能渾然一體。如果這些複雜的視覺因素只有多樣變化,沒有和諧統一,就會顯得雜亂;但是只有和諧統一,沒有多樣變化,就顯得呆板單調。只有各獨立的視覺元素在組合建構中,有外在關係的差異,而且有一定內在聯繫,構成統一整體,才能具意悅情抒的構圖效果。

構圖重要的是美感與思維的開闊,糾結於單一方法是不會產生好的創意,有美感的獨特思維與創意成就的構圖才是唯一的。

最後,附上一張完整版的APP構圖草繪案例:

這張圖可以幫助大家更好的理解形式美的塑造和運用。我們一定要妙學妙用!

歡迎各位設計師一起交流:587751709

推薦閱讀:

TAG:UI設計師 | UI設計入門 | 用戶界面設計 |