設計中被你忽略掉的畫面表現力 - 成都廣告公司

經慎重考慮！

特將文章中案例使用的圖片和文字信息整理出來，讓大家針對文章進行版式練習，并附文章中案例高清大圖。

文末下載～！

在設計中我們經常會聽到一些關于畫面視覺的抽象詞語表述，如視覺沖擊力、表現形式、畫面表現力以及其他感覺等，而這些抽象表述的詞常常會讓很多設計者無從下手，更無法準確的通過設計方法和設計手段來實現這些視覺感知的表現，不管是在網頁設計、平面設計亦或者是Ui視覺設計中，這些看似抽象的表述詞無形中也是作為畫面設計的藝術目標關鍵所在，尤其是版面編排中以多種不同視覺元素組合在一起時所產生的視覺感知就更為難以把控，除了要滿足需求內容的表達和傳遞之外，更重要的是要在視覺感知上得到有效的統一，才能體現出這些感性的抽象表述為畫面增光添彩，使其作為一種與觀者感知系統進行溝通交流的視覺語言方式；

本篇文章將立足于視覺設計的基礎上，通過對畫面各個環節組合的把控，使畫面具有一種無形的表現力。

表現力通常是指人們看到畫面之后所產生的一種視覺感知，而這種視覺感知則是在整合各種不同視覺元素的過程中，通過藝術的處理手段和表現具體到單個元素亦或者是整組元素上，從而使其組成的畫面產生一種主動與觀者溝通的感覺，并透著一股無法用言語表達的勁；更加廣泛的講即是利用一定的心理學的特點賦予元素交流的功能，而不是簡單的信息羅列亦或者是毫無章法的排列。

這種無形的力量不僅是強調對內容需求的準確傳達，還體現在微妙的細節變化之處，就像我們每天出門的時候都要把自己精心的收拾一番，通過妝容、服飾搭配以及個人狀態等讓自己的形象具有一定的表象感染力。

圖1：

一般情況下在編排時設計者通常會使用一些劃分的方式方法以求更好的利用好版面空間，但同時又會考慮到如何編排組合才能讓畫面看起來更好看一些，這時其實已經是在有意識的想要通過視覺語言的表達方式進行畫面表現了，但只是有一個主觀的、模糊的感覺，并不能把這種感覺準確的嫁接到具體的視覺元素上表現出來，造成較為盲目的實際操作。

圖2：

在原有的基礎上，為了讓畫面的視覺感知更加的具有表現力，針對整體的布局結構進行適當的調整以及對主題信息元素進行相應的手段處理，不僅可以讓畫面具備最基礎的好看，同時也在無形中具備了與觀者在視覺感知層面和心理層面交流的能力，讓處理手段和布局結構在一定程度上適應畫面所產生的某種感覺，不僅僅只是為了好看才進行調整的。

為了進一步強調畫面的表現力，通過色彩的添加和肌理的刻畫讓畫面在情感上面得到了充分的發揮，而在之前對布局結構的調整以及對信息元素的處理也與情感的表現達成視覺感知的統一表現，由此可以看出，表現力的體現不是針對某一種處理方式，而是多種不同的處理都是圍繞著同一種感覺。

圖1：

設計師在創作的過程中通常會以“好看”作為畫面的視覺目標，通過利用設計中的處理手段對不同的信息進行組合，即使在一定程度也能讓畫面具有表現力，但始終無法將編排結構和形式有效的組合在一起產生較強的表現力，就像案例中的結構布局和圖形元素在沒有得到有效的結合下，單靠圖形的處理還是會感覺表現力稍微弱了一些。

圖2：

在原有的基礎上融合色彩并對畫面中的結構布局以及圖形元素進行調整之后可以看出，圖形元素以更加清晰的立體效果展現并與結布局結構形成有效的組合，以豐富的色彩在保證信息可以準確傳遞的前提下，無形中增強了畫面的視覺表現力，不僅可以給人一種自然的感覺，也能畫面產生了一定的厚重穩定感，以更加豐富的細節凸顯出畫面的表現力。

在延展的設計中調整了文字信息的組合結構并進行了適當的手法處理，又對圖形的排列進行適當的調整，使文字與圖形形成意象的整體感，在準確貼合主題內容的前提下，以強烈的視覺反差豐富畫面的視覺感受。

視覺表現作為畫面的表象感知，是由可見的或者是不可見的所有元素整合在一起時所產生的視覺感受，通常情況下大多數設計者會把這種感受當作好看，以觀者的角度去審視畫面，從而忽略了表象層面在滿足畫面基本美感的前提下所產生的心理作用，尤其是在強調以信息準確傳遞為主的版式編排設計中，本應該與之共生的基本視覺需求，卻成了一種奢侈，進而導致設計出來的畫面缺少對內容的實際表現，而想要賦予畫面美感之外的其他視覺感受和心理作用，就需要以兩個不可或缺的視覺表現基礎為導向的前提下讓畫面具有感染力。

所謂的突出點不是單純的在版面中占據較大空間的元素就可以把信息內容以美觀舒適的視覺表現傳遞給觀者，而是需要通過各個元素的色彩、形式、以及組成的空間結構相互作用，并適當運用一些處理手法，在保持信息可以識別的前提下，以較為美觀的表現給人一種想要靠近視覺的感覺，同時設定的突出點不僅僅可以是主體，還可以是主體以外的其他元素，通過相互的映照和作用即能作為畫面的突出點，還可以表現出一定的創意性反應出主體，使畫面在視覺感知上有一種無形的表現力。

在設定突出點的過程中不管使用什么的方式或者方法，首先都需要搞清楚處理的目的是什么，其最根本的目的就是為了在保證信息可以識別的基礎上，讓視覺表現更加的舒適具有感染力，通過由內而外的對信息內容的情感情緒進行視覺感知的表現，而不在是放大主體傳遞出一種憨傻的感覺，更多的是為畫面設定突出某一種感覺。

在保證信息可以準確傳遞的基礎上，分別對同樣的內容設定不同的突出點，其表層的視覺表現不再只是停留在突出主體內容上，而是會隨著設定的突出點進行形式、布局、情感、以及空間等變化逐漸轉向內在的視覺表現，無形中向視覺感知傳遞出一種表層與內在共生的感染力。

圖1：

很多時候為了彌補空間上的缺陷，設計者會把手寫類型的英文直接放大，使其以大比例的空間占比進行突出，而真正的主體卻相對顯得比較小，即使可以很準確的傳遞出自身的信息，也會給人一種喧賓奪主的感覺，很大程度上已經弱化了主體的表現，同時對于主題內容的詮釋也過于牽強了一些，視覺表現雖然比較舒適，但卻成了基礎的表層表現。

圖2：

而當通過對內容進行一定的手法處理，在不改變整體的布局結構時，內容和主體分別進行不同程度的突出，而英文則是以一種創意的方式與內容和主體產生空間的相互影響，給人一種主體上面的信息像被風吹過之后飄動的感覺，即可以有效的保證主體的突出，同時對文字信息設定的突出點也能夠很好的展現。

在延展的設計中，把主體進行對稱的處理方式加以強調，而與此同時又通過編排的形式和一定的創意對內容進行突出，并以不同的顏色使編排的形式與畫面主體產生鮮明的層級區分，突出畫面整體所產生的感覺，雖然抽象但卻是無形中為畫面設定了某種內在的突出點作為畫面視覺表現，不管編排的形式如何變化，空間如何劃分都需要基于內容和主體的基礎上設定突出點來增強畫面的表現力。

視覺反差作為畫面視覺感知最直接的體現，是以強烈的對比通過對內容和主體進行色彩、空間、形式等鮮明區分，在結構布局相互作用，相互影響的情況下以完整的畫面在表層形成較為統一的視覺表現，把畫面內容以更加清晰直接的表層感知傳遞給觀者，通常會使信息內容在比較集中的區域或以整體的結構輪廓進行適應，才能更好的在保證信息清晰傳遞的基礎上讓畫面以反差較大的形式提升表現力。

在信息比較集中的情況下，只需要通過利用色彩營造視覺的反差就可以很好的讓畫面具有一定的表現力，而當以整體的結構進行視覺反差處理時可以看出，畫面的表現力會顯得比較弱，很大一部步就需要通過整體的結構輪廓與主體的適應才能體現出較好的表現力。

而當以信息內容整體結構與主體適應的情況下，通過直接放大主體亦或者相應的重疊手法處理，不僅讓畫面會顯得比較豐富，也會在空間的表現上無形中給人一種想要突破出框的視覺感知，在很大程度增強視覺反差以提升畫面的表現力。

另外在以色彩反差相同的情況下還可以通過改變布局結構、色彩的形式和空間，并配合相應的處理手法以鮮明的層次感和空間感通過視覺反差，讓畫面具有一定的表現力，同時也是在以視覺表現為導向的基礎上提供調整的方向。

圖1：

在以視覺表現為導向處理的過程中，信息內容較為集中的放在一起，并與主體在結構上形成一定的關系，以較大的留白與信息和主體產生強烈反差，雖然在結構編排中并沒有太多的問題，也能呈現出一定的創意，但依然會感覺畫面的表現力沒那么強烈，反而會通過主體的視線讓視覺不夠集中，進而影響到整體畫面的表現力。

圖2：

在相同的版面結構中對人物主體依據整體的畫面視線，進行適當的調整后可以看出，集中的信息處理和強烈的視覺反差，讓畫面整體在視覺感知層面無形中得到統一，同時主體的形態輪廓與信息內容的編排結構形成了較強的畫面張力，在相互作用的情況下，以巧妙的組合，讓原本黯然失色的畫面具有了表現力。

而當換一種編排形式的情況下，人物主體則要隨著信息的進行進行適當的調整，在保持大面積留白與可見元素之間形成的視覺反差情況下，通過發散的聯想將標題與人物主體進行可見的關聯，使主體自身的表現力得到展現。

由此可見，視覺反差雖然可以很大程度上增強表現力，但也需要與版面中出現的視覺元素進行相互配合才能更好的發揮出作用，否則會造成一種比較空的視覺表現。

畫面的表現力之所以被忽略很大一部分是由于對內容表達的不夠清晰準確以及創作者的思路不夠清晰造成的，尤其是對于初學者來說很容易只是在意畫面的表層效果，而不能通過對內容的仔細分析得出相應的視覺表現，誤以為只要把信息的版面空間進行合理的劃分，讓每個視覺元素合理的占據相應的空間即可，然而卻不知視覺需求雖然作為版面編排的基本需求，是有內而外的視覺轉化才能體現出一定的表層視覺表現力，即使處于練習的階段將優秀的作品進行臨摹也是只有其表，總會感覺有什么地方不對勁，但又找不出問題所在，而想要讓畫面的視覺表現更好則需要在基于內容的基礎上，利用好三種方式讓畫面具有一定的表現力。

色彩作為設計中的基本視覺元素，是對情感情緒最直接也是最好的表達方式，尤其在以視覺導向為基礎的前提下，色彩使用的越多畫面的視覺表現越豐富，感染力也會越強，對情感情緒的體現也會越細膩，反之亦然，色彩使用的越少，越容易給人一種單調的感覺。

此時，就需要設計者從色調出發進行單色或者多色的使用，以視覺表現為導向對色彩進行相應的調整，在設計中不管是以任何的形式出現，亦或者是什么的樣的搭配方案，都需要依賴某一種載體才能很好的體現出色彩的意義所在，而對設計者來說把控不同色彩組合在一起時所形成的表現很大程度上就是畫面的表層視覺感知，而這種視覺感知的形成就取決于畫面的色調。

當我們拿到素材之后，尤其是這種色彩比較豐富的素材很容易被某一個顏色牽引著，從而忽略了所有色彩組合在一起時所形成的色調，以至于不能對其他的信息元素進行適當的色彩使用，使其以簡單的黑白灰無色系展示，而失去畫面的調性和情感表現。

圖1：

在黑背景下我們通常會把上面的信息元素的色彩選為白色，以更好的與背景形成反差，進而保證信息的有效的傳遞，雖然在一定程度上給人一種非常醒目的感覺，但就拿到的主體以及畫面的整體來說有些過于突兀，并不能很好的表現出一定的情感，讓畫面產生感染力尤其是白色文字與主體好像都要爭先恐后的跳出來一樣，雖然突出，但卻不協調。

圖2：

而在原有的基礎上通過對畫面的調性進行調整后可以看出，把白色的文字改為略微偏灰金一些的顏色之后，不僅與多彩的主體在色調上得到了有效的統一，同時亦能很好的使信息突出，并以整體性讓畫面具有視覺表現力，不管是從視覺層面亦或者是情感層面，所有的色彩在表現的色調上面都得到了統一，無形中形成一種直擊內心的力量。

在設計中，我們都知道三維空間的表現力始終是要比二維空間的表現力更加強烈一些，而對于版面編排來說更多的是基于二維平面空間設計與處理，設計者可以適當融入三維空間增強畫面的表現力，但同時亦可以在平面空間中調整信息元素之間的層次、層級，布局結構和空間的留白等，通過空間層面對畫面中出現的信息元素進行相應的設計手段和設計手法處理使畫面產生表現力。

很時候我們拿到的主體大多數是三維空間中的實物，而當把主體置于畫布當中則會以三維的主體和平面空間形成相互的轉換，設計者就需要通過對主體的空間分析選擇可以與之相匹配的平面空間布局，在保證主體能夠突出的前提下，使三維的空間與平面空間得到有效的統一。

圖1：

在對拿到的主體進行空間分析后，首先旋轉一下主體改變觀者的視角，使主體在平面空間中的結構發生變化，在占據相應的空間時，能夠通過空間的布局給人一種像是從上往下掉的感覺，讓靜物逐漸的具有一定的生命，同時也為平面空間中其他信息元素留下相應的位置，這時我們已經能夠感受到主體與空間之間發生了一定的呼應關系。

圖2：

而后把信息元素置入到版面當中，并依據主體的結構使不同的信息組占據相應的位置，在遵循信息元素自身的層次、層級變化下，使其與主體的結構產生相互的影響，然后針對信息元素的局部進行相應的調整，而大面積留白通過肌理的刻畫，在空間層面與主體和信息元素形成鮮明的變化，不僅對整體結構進行了強化，也可通過兩種空間的轉化產生表現力。

形式作為創意的一種體現和豐富畫面表現的利器，很大程度上對于畫面的表現力有著直接的影響，但由于形式的多樣性和不確定性導致設計者無從下手，在創作時不管是畫面的布局亦或者是單個元素的形式處理都需要基于內容的提取，在保證畫面內容可以準確傳遞的同時，對畫面的視覺表現起到促進的作用，而形式的直接表現就是在基于視覺表現的基礎上呈現出反差的視覺感知，通常會以元素自身和畫面布局進行適當的形式處理。

在進行編排時，形式通常會以主體（圖形圖片、文字等）或者其他文字信息作為載體進行視覺表現的轉化，通過形式的處理可以有效的增強元素的情感情緒表達和豐富的視覺效果呈現。就像我們把文字當作主體置入到版面當中，雖然可以讓信息準確的傳達，但視覺表現和情感表現完全依賴于元素自身先有的特點，很大程度上并不能滿足不同場景的需要。

圖1：

通過對主體想要表達的含義進行分析后，可以用麻布的形式表達，在重新對文字進行設計后，并適當的進行形式化的處理，使主體表達的內容通過可視化的方式呈現給觀者，不僅可以讓觀者更加直觀的能夠感受到內容的表達，即使沒有任何的色彩對情感情緒的刻畫，也能很好的傳遞中主體內容想要表達的情感，同時也讓視覺感知更加的豐富。

圖2：

然后我們把信息置入到版面當中，并依據主體的結構進行適當的布局安排，在保證信息能夠傳遞的基礎上，為了更好的突出主體內容，使文字信息在保證自身層級的情況下與主體形成一定的大小反差，而后又通過相應的肌理再次的對畫面情感情緒和視覺表現進行刻畫，不僅有效的提升了畫面的視覺表現力，讓能給人一種完整的統一感。

畫面的表現力作為視覺的一種感知，同時也作為版式設計中的基本視覺需求，在很大程度上不僅可以為設計者提供視覺方向的指引，也能幫助畫面更好的傳播，在基于對內容的思考和視覺的轉化上，可以讓設計者更加合理的使用或者選擇最恰當的技能技法，為畫面的視覺表現保駕護航。希望通過本篇文章的內容讓設計者更好的了解到畫面的表現力，也能在版式設計時讓大家找到參考的方向。我們下期見～！

高清大圖及圖片信息下載——

鏈接：https://pan.baidu.com/s/1ONKxRCzVTBH1nSvtEq1zqA；提取碼: 4emp

成都廣告公司用戶原創，轉載請遵守規范