圖片編排那麼亂,還好意思自稱設計師?

數藝社 發佈 2020-02-02T13:40:09+00:00

在該樓盤宣傳畫冊版式設計中,用樓盤效果圖鋪滿整個版面,有效渲染了樓盤的整體環境氛圍,右側少量留白,給人遐想空間。


在學習設計的過程中,想必大家都有一個疑惑:怎麼能讓設計作品更美觀呢?答案是這個知識點:版式設計,圖片在版式設計中有重要意義,它以形象的方式被接受和評價,視覺衝擊力比文字強95%。



俗話說,一圖勝千字,這並非指文字表達力弱,而是指圖片能超越文化、語言、民族等諸多差異。一些用文字難以傳達的信息、感受、思想,藉助圖片可以迅速溝通。


那麼,版式當中圖片的編排到底改怎麼做呢?今天,數藝君就來給大家講講這一方面的知識。


版式中圖片的編排


圖片包括照片和插圖。照片寫實、莊重、細膩,可以根據創作需求、版面位置需要對其進行剪切、取捨、改善。需要注意照片與內容主題、風格的關聯。


插圖以獨特的想像力、創造力及超現實的自由構造,在版面中展示著獨特的魅力。它個性靈活,易於變化、處理、整合,更適合複雜、不規則的排版。


圖片的形式

照片、插圖都能具體、完整、直觀地將設計師的理念高效地表現出來,使版面的視覺效果更加集中、穩定,同時有效的導讀效果。


出血圖形

出血圖形又稱滿版圖形,以圖片充滿整個版面,整個版面設計以圖像為主,不要邊框,這種圖片應用形式能夠有效地打破版心的束縛,充滿動感,使人感覺舒展、自由奔放,能夠更好地貼近受眾群體,給人較強烈的視覺衝擊力。

在該雜誌廣告版面的版式設計中,在左右頁面用出血圖片充滿整個版面,在圖片上方疊加簡單的文字介紹,表現力出色。


1.使用出血圖片渲染版面氛圍

在版式設計中採用出血的圖片表現方式,能夠使整個版面的視覺效果直觀而強烈。文字內容在版面的上下左右或中部(邊部和中心)的圖像上。需要注意的是,選擇出血的圖片需要有出色的意境,能夠有效烘托整個版面,並且與該版面要表現的主題內容吻合。

在該樓盤宣傳畫冊版式設計中,用樓盤效果圖鋪滿整個版面,有效渲染了樓盤的整體環境氛圍,右側少量留白,給人遐想空間。


2.使用滿版的圖片客觀地描寫空間

將中距離構圖的圖片以滿版的方式進行擺放,除了能夠呈現出空間感,還能夠客觀地反映現場狀況。將文字內容放在滿版圖片上特別適合表現大自然、建築等主題,顯得大方、舒展。

使用運動場景圖片作為整個跨頁版面的滿版背景,搭配傾斜的文字,整個版面顯得更加大方,有動感。


3.使用部分出血圖片,賦予版面開放性

在版面設計中並不是所有出血圖片都需要占滿整個版面,可以是左右出血或上下出血,結合版面中的留白處理,使版面有向外延展的感覺,使人們能夠同時感覺到視覺順序與版面的開放性。

將運動人物特寫作為滿版圖片,富有表現力,版面充分運用留白,使內容與人物特寫更加突出。


案例分析:


Before:

調整前的版面比較普通,圖文混排的方式使每個頁面都比較相似,沒有特別突出的表現效果,不能有效地吸引人們的注意力。


After:

調整後的版面,在右側頁面中採用滿版圖片,使左側頁面與右側頁面的版式有不一樣的表現效果,並且精美的滿版圖片能很好地吸引人們的注意力,突出表現版面的意境和主題。


退底圖形

根據版面需要表達的主題和重心,選取圖片中必須保留的部分,而對其他部分做退底處理,這種圖片應用形式能夠有效地排除圖片背景的干擾,使主體形象突出、醒目,與正文的組合常常表現為文本繞圖的形式,顯得輕鬆、明快、平易近人。

在版面中採用圖文混排的方式宣傳產品,將產品圖像進行退底處理,使版面充滿活力,顯得輕鬆、明快。


1.突出拍攝主體,活躍版面

如果想將多張圖片放在同一個版面中,或者想要突出圖片的拍攝主體,常用的方法就是使用圖形退底。利用圖片退底,能在有限的空間中放入大量信息,因此該方法是雜誌版式設計不可或缺的技巧。


拍攝主體原本都被局限在矩形的圖片內,而退底處理可以去除這樣的限制,使拍攝主體活躍在版面的各個角落。另外,在版面設計中使用圖形退底,能夠有效使版面的活躍感和空間感更強。

在該產品宣傳促銷畫冊版式設計中,對產品圖進行退底處理,突出產品主體,並且與版面的圖形和文字搭配,產生活躍感。


2.用退底的人物圖片表現出版面空間

將退底處理過的人物圖片放在版面中,可以為跨頁版面營造出假想空間。如果將多個大小不一的圖片退底,則能夠使版面的空間感和層次感更強。

在該時尚女裝雜誌版面的版式設計中,通過對人物素材的退底處理及大小搭配,使版面看起來有一定的空間感。


3.將退底圖片當作插圖來使用

在版面設計中大膽地將經過退底處理的圖片作為插圖來使用,除了能強調圖片素材的存在感,也能進一步強化版面的圖片表現力。一些時尚雜誌或產品宣傳雜誌的版式設計常常將產品圖片進行退底處理,這種能夠呈現拍攝主體細節的編排手法比較適合這些設計。

在該版面的版式設計中,將退底處理的素材圖像作為插圖,橫跨整個跨頁,與標題文字疊加,文本與插圖結合,有很好的表現效果。


案例分析:


Before:

在調整前的版面中,沒有對人物素材進行退底處理,使整個版面左右不太協調,構圖死板,無法展現活力。


After:

在調整後的版面中,對人物素材進行退底處理並且保留了左側的背景色,以退底後的人物作為分隔,使其與其他退底產品圖形結合,使版面的表現更加自然,富有活力。


形狀圖形

形狀圖形是指在版面中使用一定的形狀對圖片進行限定,如方形、圓形、三角形、梯形等幾何圖形,具體的限定形狀可以根據設計內容和表現形式決定。使用形狀圖形設計版面,圖片經過創造性加工組合,往往使版面更加新穎、突出,從而給人們帶來新鮮感,提高人們的閱讀興趣。

圓形圖片的設計既是亮點,又與背景很好地結合,突出展示了特色美食,使版面更加形象。


使用多個高低不一的矩形來限制圖片,打破規則的人物形象,使版面中的人物形象更加新穎、突出。


1.豐富版面的視覺表現效果

一般情況下素材圖片在排版中都是以矩形呈現的,運用形狀圖形能夠更好地活躍版面,打破固有的圖片表現形式,使版面的表現更加靈動。特別是在跨頁版面中,可以將形狀圖形放在跨頁的中間位置,文本內容圍繞著中間的圖形進行排列,可以使跨頁的表現更加活躍,富有整體性。

在跨頁中間位置使用橢圓形來限制圖片的展示效果,與版面的背景色形成呼應,打造出有趣的版面效果。


2.在版面中形成對比

在版式設計過程中,還可以通過形狀的對比來突出重要的內容和信息。設計師可以將對比圖形分別放在左右兩個版面中,並以不同的大小置於對角線位置,從而使跨頁版面富有動感,並且能凸顯版面的完整性。

在跨頁左下角和右上角分別放置特殊形狀的圖片,這兩個圖片形成大小和位置的對比,但其形狀統一,使構圖形成對比。


案例分析:


Before:

在調整前的廣告版面中,輔助的人物圖片充滿整個版面,而需要突出的產品則沒有人物那麼突出,不能重點突出需要表現的產品。


After:

調整後,設計者將人物圖像退底處理作為廣告背景的一部分,將產品圖像放大並放在版面的中心位置,從而能更有效地突出產品。


在版面設計過程中,圖片的使用也非常重要,圖片的大小、位置和方向等因素都會影響版面的視覺表現效果。


設計師進行排版設計時,對內容進行統一是很重要的,但是如果一心只想強行統一某個部分的內容,就難免會出現一些偏差,那麼該怎麼解決呢?往下看。


影響圖片編排效果的因素


圖片位置

圖片在版面中的擺放位置將直接影響版面構圖布局。依「九宮格」法,兩條水平線和兩條垂直線可以將版面平均分割為9個部分,將圖片放在4個交叉點中的任意一點上,均可營造出視覺協調感,獲得較佳的視覺效果。


版面的上下左右、對象線、四角均可以放置圖片,在設計過程中應該根據內容要素、視覺效果、心理感受來選擇圖片放置的位置,有效地控制各個點,使版面主題鮮明、簡潔、清晰。

該跨頁版面在多個不同的位置放置圖片,其中左下角的圖片視覺效果最突出,其他位置的圖片使用圓形來表現,達到清晰的表現效果。


1.將圖片放於左上角位置

版面的上下左右及對角線連接的4個角都是視覺的焦點。其中,版面的左上角是常規視覺流程的第一個焦點,因此將重要的圖片放在這個位置,可以突出主題,令整個版面層次清晰,視覺衝擊力較強。

該跨頁版面以規則矩形放置多張產品圖片,其中以頁面左上角的圖片最為突出 — 這張圖片的尺寸較大,並且位於左上角這一重點位置。


2.將圖片放於版面的對角線

將圖片放於版面的對角線上,可以有效地使用圖片來支配版面空間,使版面的視覺效果更加靈動、獨特,創造出橫跨整體頁面的閱讀順序。

在該汽車畫冊跨頁版面中,將不規則的汽車圖片分別放置在版面的4個角上,形成對比關係,並且版面中文字的排版也根據圖片邊緣的變化而變化,使整個版面的表現更加活潑、自由。


3.將某一張圖片與其他圖片分隔開

如果在版面設計過程中需要使用多張圖片,可以使某一張圖片與其他圖片之間保持較大的距離,這張圖片會相對更加顯眼,讀者會將其作為特殊的內容。

在該版面中,使用了3張人物圖片,其中一張圖片放在版面右下角位置,與其他兩張圖片相隔較遠,並且進行了放大處理,這樣更容易引起關注。


案例分析:


Before:

將兩張圖片放在一起,版面顯得規整、大氣,兩張圖片的視覺層次相同,沒有明顯的重點。


After:

將兩張圖片分別放在左右兩個頁面中,並將右側的圖片適當放大,通過對圖片位置及大小的調整,使圖片形成對比,視覺層次突出。


圖片大小

一般情況下,圖片面積的大小決定了瀏覽者關注度的高低,從大到小是人們自然的觀看順序。


在版面設計中,重要圖片的面積通常較大,如化妝品廣告中的唇膏、睫毛膏廣告,都是將能顯示局部特徵的圖片放大處理,造成視覺和心理上的強大衝擊,成為人們的關注要點。而從屬圖片縮小、點綴,呼應主題,形成主次分明的格局。

該版面右側的人物滿版顯示,並且重點展示人物面部與版面左側的產品圖片呼應,很好地突出表現了產品效果,視覺衝擊強烈。


1.放大含有重要信息的圖片

重要信息主要根據客戶的需求而定,客戶想突出的內容就是版面的重點。如果沒有特別的要求,就可以根據圖片的效果來決定。要突出含有重要信息的圖片,一個行之有效的方法就是將其放大,尺寸大的圖片通常更能吸引讀者注意。此外,將次要圖片縮小,能明確圖片的主次關係。

在該版面的版式設計中,3張圖片屬於同一個系列,將其中整體環境的圖片進行放大處理,使其成為版面的重點,其他兩張細節圖片稍小一些,可以使整體主次分明,主題明確。


2.用圖片大小對比營造節奏感

圖片大小的對比不但可以表示信息的先後順序,還可以製造出版面的節奏感。如果圖片的尺寸只有一些微小的差別,不同大小的圖片分布於版面的各個位置很容易使版面顯得雜亂無章。


因此需要對圖片進行一定程度上的協調和統一,保持版面結構的平衡。如果不同尺寸的圖片過多,則難以確定主次關係。因此,需要將圖片大致分為大、中、小3個級別,令圖片之間的主次關係更清晰。

在該版面的版式設計中,將圖片分為大、小兩個層級,右側的廣告展示大圖,成為整個版面的焦點,左側的3個小圖作為文本介紹內容的補充,使版面有了對比效果和層次感。


3.強調圖片空間延展性

在版面中放置圖片通常有矩形圖片和出血圖片兩種處理方式。採取矩形圖片的放置方式時 ,周圍會空出一定的空間,圖片在頁面里便占據了一塊獨立的位置。


而出血圖的邊線與頁面邊緣對齊,仿佛與頁面融為一體,因此能增加視覺空間的延展性。一般而言,以出血的滿版圖片搭配文本繞圖的小型矩形圖片群組,是最基本的編排模式之一。

在跨頁的左上角放置滿版圖片,而在頁面的其他位置放置矩形圖片組,這是常見的編排手法。將全景圖片以滿版的方式擺放,空間的寬闊感更強。


案例分析:


Before:

在調整前的畫冊版面中,使用了圖片的大小對比,在右側放置滿版圖片,左側為介紹內容,整個版面的表現並

不特別突出。


After:

在調整後的版面中,設計者將右側的圖片放大,作為整個跨頁的滿版背景,給人很強的視覺衝擊力。左側內容放在一個矩形區域內,從背景里凸顯出來。

關鍵字: