A. 平面設計中,有哪些簡單好用的排版技巧和方法
一、版式
首先我們需要了解的版式。我們平時製作或看到的版式大部分都是由——中心型、中軸型、分割型、傾斜型、骨骼型、滿版型為主。
↑ 中心型排版,利用視覺中心,突出想要表達的實物——當製作的圖片沒有太多文字,並且展示主體很明確的情況下建議多使用中心型的排版。中心排版具有突出主體、聚焦視線等作用,體現大氣背景可用純色,體現高端背景可用漸變色。
上圖為Elysions的作品
↑ 中軸型排版、利用軸心對稱,使用畫面展示規整穩定、醒目大方——當製作的圖片滿足中心型排版但主體面積過大的情況下,可以使用中軸型排版。中軸型居中對稱的版面特點,在突出主體的同事又能給予畫面穩定感,並能使整體畫面具有一定的沖擊力。
在做電商活動海報的時候中軸型是很出效果的一種形式
↑ 分割型排版,利用分割線使畫面有明確的獨立性和引導性——當製作的圖片中有多個圖片和多段文字時可以使用分割排版。分割型排版能使畫面中每個部分都是極為明確和獨立的,在觀看時能有較好的視覺引導和方向;通過分割出來的體積大小也可以明確當前圖片中各部分的主次關系,有較好的對比性,並使整體畫面不單調和擁擠。
↑ 傾斜型排版,通過主體或整體畫面的傾斜編排,使畫面擁有極強的律動感,刺激視覺——當製作的圖片中要出現律動性、沖擊性、不穩定性、跳躍性等效果,可以使用傾斜型排版。傾斜排版可以讓呆板的畫面爆發活力和生機,當你發現自己的圖片過於死板或僵硬時,嘗試讓畫面中某個元素帶點傾斜,會有出奇的效果。
↑ 骨骼型排版,通過有序的圖文排列,使畫面嚴謹統一、具有秩序感——當製作的圖片中,文字較多時,通常都會應用骨骼型排版。骨骼型排版時較為常見的排版方式、清晰的調理和嚴謹性讓畫面平穩,是一種不會出現的錯誤,但是畢竟單一的排版方式。有些時候為了打破骨骼型的單一和平穩,我們也可以應用上圖第三張的形式,在規整的排列中加入一些律動強烈的素材。
↑ 網頁設計(包含電商)中大部分都是骨骼型排版形式
↑ 滿版型排版,通過大面積的元素來傳達最為直觀和強烈的視覺刺激,使畫面豐富且具有極強的帶入性——當製作的圖片中有極為明確的主體,且文案較少時可以採用滿版型排版。常見的滿版型排版有整體滿版、細節滿版和文字滿版。
如第一張:整體滿版會讓畫面有強烈的帶入性。
如第二張:細節滿版能快速明確和展示主體。
如第三種:而文字滿版通常是以裝飾的形式來表達某些文案。
二、方法
了解了基本的版式,我們再去了解排版中需要注意的幾個問題。
首先是對版式的選擇,你如果拿到一份客戶的要求而沒辦法想出來接下來可以用哪些方法去排版,顯然是作為設計師而言不太光彩和合格的事情。我在上邊的例子中也寫到了,不同的情況下可以應用不同的版式,而所謂的不同情況大多數時候有這么幾種,字少圖少、字少圖多、字多圖少、字多圖多,字圖一樣。其次就是如何應用,版式是一種縹緲的藝術,理論形式固定,但表現形式多樣。當你手法純熟了,怎麼擺放都會很好看,而在剛開始練習的階段,我們還是最好注意好排版中需要嚴格遵守的一樣東西——留白。
留白很多大師都講過,分析過,大部分來說比較宏觀,都是跟意境掛鉤,我再去說重復的東西就沒有意義了,我要說的是幾個細碎的留白問題,首先我要否認很多人認為留白就是要做簡約風的印象,其實留白無處不在,簡約風只是留白更宏觀的定義而已……那麼怎樣去理解和運用留白呢,首先我們要對留白有幾個新的認識:
第一,文字間距、行距都是留白,而這種距離如果太過統一和擁擠畫面就會死板,所以在文段較多的情況下,我們可以適當調節文段的距離來改善畫面的效果,也就是加大文字間的留白。
如下圖:
第二,比如某個元素內部又有其他元素,那麼這個元素內部區域就需要合理的留白,內部元素不能太滿,也不能太偏。
如下圖:
第三,元素跟元素之間要有一個合理的留白,不然就會擁擠難受。
如下圖:
第四,除滿版型排版以為盡量讓畫面四周有足夠的留白。有些時候不必要放那麼多的裝飾元素,在畫面中,那樣反而會搶了主體,比如這個下圖,其實竹葉也可以表達所需的意思,而且更靈動。
第五,裝飾元素在做飄散的時不要集中在一個區域,那樣會讓某個區域留白不夠顯得擁擠,還會顯得圖片的感覺小氣,飄散的元素我們盡量做的大氣一些,揮灑寫,彌補周邊空曠的同事又能讓畫面大氣。
如下圖:
第六,留白的同時也要去白,去白是一種平衡留白畫面的效果,一般來說常用的去白方式是對線去白,即下方有元素而上方很空的時候,給上方增加一個元素來平衡畫面;當主體過於渺小導致留白過多時,需要放大主體和調整其它元素來去白。
如下圖:
圖1:中心主體太小上下空洞 圖2:下方去白,上方空洞 圖3:上下去白,畫面平穩
舉例:
↑中心元素過小,周邊過於空曠
↑中心整體放大,主體上下留白過多被彌補,但主體與文案間的留白關系不是很舒服
↑拉開文案的行距,使主體與整體文案的空間感相近,彌補文案上下的留白過剩
結合留白,我再針對上面提到的不同情況應用不用版式舉個簡單的例子,當客戶給我的方案是字少圖少和字少圖多的情況下,中心型、中軸型、滿版型、骨骼型、分割型等多種方式都可以解決當前問題的。比如我們用一下文字和圖片做一張圖:
圖1:中心型 圖2:中軸型 圖3:滿版型
↑ 骨骼型
↑ 分割型
有時候我們也會遇到一張圖片中要放很多小圖片的情況,而且很多小圖片的素材尺寸都是不同的,這里也是很多人經常犯錯的地方,大部分人都是隨意擺放並配上文字,其實我們可以把每個圖片都做在同等大小的形狀中顯示,既規整又大方,如圖:
而當素材不太美觀和即便排列整齊,整體圖片也還是有些擁擠時,我們可以化繁為簡,去掉小圖展示:
綜上內容,版式沒有絕對的好壞,只有合適不合適;這期我們講的主要還是圍繞簡潔的版式,下期我們隊復雜的版式再做更深入的理解。
(成都千巨)
B. 常用的平面設計排版方式有哪些
1、豎向排版
豎向排版,大多數應用在UI設計中,它打破了常規的橫向排版思路。這種版式突破固有規則對其的限制,反而是更為自由的排版。豎向版式也是源於平面設計,然後延伸到網頁設計中。
2、分欄式疊加布局
分欄式疊加布局設計方法,一般是將畫面分成1/2、2/3、1/4等,然後與文字進行疊排版,形成一種特殊的布局。
分欄式疊加布局的特點:雜志感強、視覺吸引力、形式感,將平面設計的一些思路延伸到UI網頁設計中,在作品集的包裝和網頁頭圖中也是出現較多。
3、元素居中構圖
元素居中構圖,將重要信息最大化顯示在頁面視覺中心,同時也增強視覺沖擊力。元素居中構圖的特點:突出重要的內容、視覺聚焦、沖擊力強。
4、大字體排版
大字體排版一直都受到很多設計師追捧,特別是國外很多優秀網頁設計或者平面UI等都大量使用這種排版方法,大字體版式風格更加純粹與吸引用戶目光。大字體版式的特點:聚焦、力量、形式感。
5、全屏大圖
全屏大圖設計,充分利用了屏幕特徵,將信息最大化顯示出來,全屏設計在移動端和Web端也是常常出現。現今5G網速的到來,全屏大圖肯定也是一個趨勢,因此設計師們多留意下這種設計方法。全屏大圖設計的特點:突出品牌、視覺沖擊力強、吸引目光、品質感高。
C. 平面設計創作時常用的構圖方法有哪些
對稱構圖
對稱是設計中最古老的構圖方式,我們發現自然萬物,包括人和動物結構都具有平衡性,這種平衡性發展到極致便成為對稱性,體現了一種永恆的自然性。在畫面處理上,對稱體現了平衡,彷彿是天平的變體,對稱構圖的特徵明顯,手法單純而自然,是一種永恆的表現形式,給人平衡、穩定、安全、嚴肅、莊重的感覺。
平衡構圖
平衡原是物理學術語,表示在兩個或更多物質因素,在排列中進行的自控與和諧調整。在造型的基礎能力中,平衡構圖是其中的重要方式之一,構圖上的平衡並非指左右、上下對稱,而是指構圖能給觀賞者造成視覺上和心理上的平衡。在影響構圖平衡的眾多因素中,明暗影調的分布起著重要的作用。
誇張對比
在設計構成中所包含兩個以上的視覺元素,誇張某一元素,使之超出原有的比例概念,而與畫面中另一個或另一群元素形成強烈的大、小、質、量的反差效應,藉以改變人們的正常視覺感官,從而達到突出展示某元素的目的。
空間交錯
畫面的矛盾空間狀態,兩種不同的視覺元素同時處於一個畫面或主題中,形成多元素空間狀態結構中,視覺元素處於一定的狀態,具有一定的透視空間。
以上就是小編分享的平面設計構圖方法。設計要有秩序的美感,構圖就是其中重要的一環,構圖是設計的“先行軍”,是一切的基礎,它使設計中的各種元素處於一種有條理、有規則、有某些共性可循的狀態中,使觀者獲得一種舒適的視覺感受。