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

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

文字與圖案的構圖案例

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

這就是用到了我們設計當中的構圖技巧。如果不太懂視覺構圖,可以移步學習:小白自學APP設計:UI視覺設計構圖的基本法則

 

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

設計關鍵詞:形式美

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

當然也有名人這樣說過:

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

 

銀行卡的界面管理設計

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

 

1、對稱

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

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

 

 

2、均衡或著平衡

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

app設計勻稱展示

 

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

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

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

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

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

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

3、黃金分割

自然界當中的黃金比例

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

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

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

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

APP-UI設計中的黃金比例

 

4、對比構圖

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

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

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

ipad分辨率尺寸對比

 

 

5、多樣統(tǒng)一

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

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

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

app構圖顏色案例

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

每天更新,
全站高品質素材免費下載!