版式設計!如何挑選合適的圖片?

2020-12-10 設計智造

文/餘朗 在日常生活中,人們周圍充斥著各式各樣的圖片信息,主要包括圖形、圖像等,這些視覺要素具有獨特的表現能力,以非常直觀的形式向人們闡述主題,通過對圖片類型進行選擇,來賦予文字乃至整個版面以情感的表現力,並以此打動觀賞者,使其產生共鳴。

角版圖片又稱方形圖片,這些圖片在外形上呈現出正方形或矩形的樣子,是我們生活中最常見的一種圖片形式,它擁有規整的外形結構,並能維持版面結構的平衡關係,因此常被運用到書刊、雜誌等商業領域。

在版式設計中,將規格不同的角版圖形投放到同一個版面中,利用圖片在外形上的對比關係來增添版面的變化效果,並進一步打破呆板的版式格局,從而提高觀賞者對版面的感知興趣。

由於角版圖片具備簡潔的外形,因此能極大限度地突出圖片中的視覺信息。

在版式的編排設計中,為了進一步強調圖片的內容,我們將外形完全相同的角版圖形組合在一起,以規整的形式編排到版面中,利用整齊且直觀的編排方式來提升畫面的統一感。

出血線即在進行成品裁剪時,通過將版面中的有效信息安排在

血線內,以確保色彩覆蓋了版面中所有要表達的區域。

除此以外,還可以利用印刷中的出血線來進行創作,以此打造出具有獨特魅力的版式效果。

出血線的標準是經過精密計算得來的,在印刷中不同規格的紙張有著不同的出血標準。對圖片進行標準的出血剪裁,去除多餘部分的圖片,從而將有價值的視覺信息保留在版面中,從而提升圖片要素的表現力。

在對版面的編排設計中,可以在出血線以外的區域加入其他的視覺信息,從而豐富圖片的邊緣結構。

例如:

在出血線外加上黑色的邊框,利用該邊框元素來加強圖片內容的表述能力,與此同時還使畫面四周達到整潔、美觀的效果。

去背圖片又稱褪底圖片,是指將圖片中的某個視覺要素沿著邊緣進行剪裁,以此將該要素從圖片中「摳」出來,從而形成去背圖片的樣式。

在圖片處理中通過對圖片進行褪底處理,使該圖片的視覺形象得到提煉,並使圖片要素變得更加鮮明與突出。

褪底圖片能使主體物的視覺形象變得更為鮮明,為了進一步增強圖片在版面中的表現力,將做過褪底處理的圖片與常規圖片組合在一起,利用錯亂的圖片結構關係來打造出具有視覺衝擊力的版式效果。

在進行圖片的去背處理時,務必要做到嚴謹與細心,以保證主體物徹底地從背景中抽離出來,從而確保去背圖片的美觀性。

在實際的版式設計中,去背圖形能有效地突出其內容,並將觀賞者的視線集中在該視覺要素上,使主題信息得到完美的展現。

通過對圖片的特定區域進行剪裁處理,將有價值的視覺信息保留在版面中,並利用該要素來幫助畫面完成對主題信息的闡述。

在實際的設計過程中,雖然圖片的剪裁方式有很多種,但我們剪裁圖片的目的只有一個,就是突出圖片中與主題有直接關係的視覺要素。

首先,可以利用剪裁圖片來完成對視覺要素的縮放,並強調版面中的主體物。

例如:

在一個有人有風景的圖片中,為了放大人物在畫面中的視覺形象,就需要通過剪裁背景畫面來縮小版面中風景要素的面積,使人物要素得到強調。

除此之外,還可以對版面中的主體物進行剪裁,並將該主體物的局部放置在畫面中,以構成風格獨特的視覺效果。

最常見的剪裁對象有人物、動物和建築等元素,結合特定的剪裁與排列方式,該類圖片還能在視覺上形成切入式的構圖樣式。

在處理版面中的圖片時,通過對圖片進行剪裁還能控制畫面中各視覺要素間的大小比例,並根據物象間的比例關係來區分版面信息的主次關係,從而提高圖片表述主題的能力。

當剪裁圖片時,一定要時刻保持清晰的思路,以免因失誤而將與主題有關的視覺信息刪除。

①整體感。所謂整體感就是指版面各視覺要素之間能夠形成恰當而優美的聯繫,各要素不孤立存在,而是相互依存、互為條件。版面的整體布局應統籌規劃使局部服從整體,在突出個性同時也要保持風格一致,達到多樣統一的視覺效果。

②中心感。版面多數以主大圖做為版面的視覺中心,能夠左右觀者對版面認識的核心元素。視覺中心越明顯、越強勢,越有利於實現整體的傳播效果,人的視覺中心常常位於版面自下而上5/8的區域 ,中心偏上位置。但是也有特殊的情況可以利用版面的四個邊角,形成具有動感的視覺中心。

③平衡感。圖片在版面中的均衡是指圖片在版面上的分布在上與下、左與右取得面積、色彩、重量等量上的大體平衡,這種結構自由生動,具有不規則性和運動感。

④和諧感。版面色彩多且雜、重、亂,版面多重色調會破壞版面的秩序,也容易引起色彩的不和諧感,這顯然違背了人的正常視覺心理,沒有層次、秩序混亂的版面只會令觀者無所適從。

運用色彩時應該注意所有臨近的顏色要相互配合,通過色相對比來區分版面的層次,增加版面的活力,從而突出重點豐富視覺表情。強調突出色調的傾向,或以色相為主,或以明度為主,或以純度為主,抓住某一重點,使其佔主要地位。

相關焦點

  • 版式設計攻略!如何恰當的運用圖片?
    文/王起 版式設計中圖片數量的多寡,直接影響到觀賞者的興趣,根據版面的內容精心安排圖片會大大提高觀者的閱讀興趣。圖片放置的位置直接關係到版面的構圖布局,版面中的左、右、上、下以及對角線的四角都是視線的焦點,在這些焦點上恰到好處地安排圖片,版面的視覺衝擊力就會明顯地表露出來,使版面變得清晰、簡潔而富於條理性。
  • 啟喬教育|版式設計攻略!如何恰當地運用圖片?
    在版式設計中,圖片數量的多少決定了觀看者的興趣,能夠合理利用版面對圖片進行排列,會很大程度上引起觀看者的興致。好的圖片排列位置能夠將版面的效果更好地展示出來,一般來說,版面的上下左右以及四個角都是人們視覺的焦點,在這些地方排列圖片,會讓版面變得更加簡單明了,易於閱讀。那麼如何對圖片進行排列呢?1.單幅圖片的排列。當版面只能夠容納一張圖片的時候,我們就要選擇一張容易吸引人注意的圖片。
  • 版式設計需要合理規劃圖片!
    在版式設計中除文字以外,圖片是傳遞信息的又一種有效途徑,是版面構成的重要組成部分,其相對於文字更直接、更快捷、更形象。利用剪裁手法製作不同的圖片①出血圖片。通過剪裁打造不同的版式風貌裁剪是一種圖片切割的技術,通過裁剪圖片的邊緣或者是不需要的部分,以求達到提升圖片表現力的目的,使圖片的焦點停留在我們需要表達的地方;同時,通過圖片的裁剪也可以改變圖片的外部輪廓線,豐富版面、版塊的形狀,美化版面。
  • 讓你更懂版式!版式設計基礎要點/程序
    版式設計要點版式設計所具備的基本特徵其實也是版式設計的原則,它不僅是一種藝術創作的需要,也是減輕視覺閱讀疲勞、提高視覺閱讀效率和趣味的需要,同時也能體現設計師的個性與價值。例如:畫冊設計、包裝設計、海報設計、書籍版式設計還是DM廣告設計等。根據設計的主題選擇合適的元素,準確地表達主題,只有明確了主題,才能合理、準確地進行版式設計。
  • 版式設計技巧!圖片編排法
    文/王新傑 圖片的編排作為版面設計中的重要元素之一,圖片比文字更能吸引讀者的注意,不但能直接、形象地傳遞信息,還能使讀者從中獲得美的感受,圖片的編排方式對版面效果起著至關重要的作用。
  • UI界面如何製作?這些版式設計小技巧收藏好!
    本文由:「學設計上兔課網」原創,圖片素材來自網絡,僅供學習分享UI界面如何製作?這些版式設計小技巧收藏好!平衡的版式設計可以讓畫面穩定不會產生上下比重失衡的現象,平衡的比例構圖令人愉悅,而不平衡的設計會造成不穩定的分散注意力。視覺平衡是指在設計中的負元素和正元素比例相對合適,設計師的作用就是發揮元素的視覺重量的構圖平衡。
  • 版式設計的文字層級!增加層次感
    文/胡麗麗 在版式設計中,文字在信息傳達方面具有不可或缺的作用,它不僅作為情感要素傳遞信息,還一定程度上作為視覺要素引領審美時尚。文字是版面的核心,也是視覺傳達的最直接方式。版式設計是在版面上將圖片、文字進行排列組合,以達到傳遞信息和滿足審美需求的作用。
  • 小設計的《版式設計》筆記
    花開時節,學設計什麼是版式設計?是指設計師跟設計主題和視覺要求,在預先設定好的有限的版面內運用造型要素和形式原則,將文字,圖片(圖形)及色彩等視覺傳達信息要素進行有組織,有目的地組合排列的設計行為與過程。
  • 現代版式設計風格
    本文將從圖像與文字、敘述與直白、交流與互動、時尚與趣味、建構與解構、圖示與詩意這六個方面,對當代版式設計風格進行分析與詮釋。讀圖時代的一個重要標誌就是匯集了大量的圖片信息,因此對圖像的組合與設計也就顯得格外重要。
  • 平面設計版式設計原理
    版式設計就是在畫面上,將圖片、文字進行排列組合,以達到傳遞信息和滿足審美需求的作用。設計的對象是圖片和文字。 設計的目的是傳遞信息和滿足審美需求。版式設計主要分二塊,樣式和版面,樣式是指文字、圖片的外觀。使用不同的文字、圖片樣式能帶給人以不同的感受。版面是當選擇好適當的樣式後,接下來就需要調整這些樣式的位置關係。樣式按什麼樣的關係排列,我們稱為版面。版式設計的範圍包括招貼畫、報紙、刊物、書籍(畫冊)、產品樣本、掛曆、唱片封套等平面設計的各個領域。
  • 版式設計系列課程1:版式設計的基本概念包含哪些內容?
    無論是在學習階段還是實際工作中,版式設計的重要性都是有據可依的。從版式設計的發展歷程看,曾經和現在以及遙遠的未來,版式設計都是平面設計不可分割的一個極其重要的組成部分,但是,很多時候,我們都是將其當作獨立的學科進行教學,因為它的龐雜繁複已經足以成為一個體系了。
  • 保姆級UI界面版式設計實用小技巧
    平衡的版式設計可以讓畫面穩定不會產生上下比重失衡的現象,平衡的比例構圖令人愉悅,而不平衡的設計會造成不穩定的分散注意力。視覺平衡是指在設計中的負元素和正元素比例相對合適,設計師的作用就是發揮元素的視覺重量的構圖平衡。
  • 版式設計技巧!圖片的裁剪與編排
    平面設計中圖片的呈現形式是多種多樣的,根據設計的需將圖片進行刻意的裁剪後以獨特的方式置於版面,能夠給人煥然一新的感覺,有助於增強版面的生動感,增加觀者的閱讀興趣和信息的傳達力度。裁剪是圖片編輯工作中比較重要的一個環節,在設計過程中為了版式的需要,常常需要把握關鍵信息,需要對圖片進行裁剪。
  • 書籍版式設計解讀
    我們用書籍版式設計解讀、釋放每一文本的潛在視覺語言與表現形式,嘗試為讀者帶去舒適而愉悅並且更具個性特質的閱讀感受,希望在這個什麼都「快」的時代,書籍能夠留住我們對時間的感覺,在慢下來的時間裡去體驗紙張和文字在指縫間、目光中的流動……
  • 全面掌握版式設計中的網格系統
    網格系統為設計師提供了一種快速設計版面的手段,是理性了,也就是說大部分設計師無需依靠太多創意,僅依靠網格系統就可以設計出不錯的版式效果。 了解完網格的作用後,下面就到了設計師最關注的問題,該如何學習製作網格系統,並應用到實際的設計項目當中。 其實我的另一篇文章《版式設計中的畫面分割》已經初步涉及到了網格的概念,感興趣的朋友可以觀看。 而在本文我將詳細的介紹網格系統的建立及應用,爭取讀完這篇文章,網格不在是你的軟肋。
  • 如何做好用戶界面中的版式設計?來看資深設計師的總結!
    前言說到版式設計很多人更多聯繫的是平面設計中的海報版式設計,而在UI界面設計中,也需要遵循很多的版式設計方法論,今天我為大家整理一份UI設計中版式的實戰運用以及設計思路。什麼是用戶體驗界面版式設計版式設計是現代設計藝術的重要組成部分,是視覺傳達的重要手段。表面上看,它是一種關於編排的學問,實際上,它不僅是一種技能,更實現了技術與藝術的高度統一,版式設計是現代設計者所必備的基本功之一。
  • 想做好版式設計?先了解版式要點①
    倒三角形布置,就是在版面上半部放置大型圖片以及表現力較強的圖片,強化其比重之後在版面下半部逐漸減少圖片數量,呈現出倒三角形的布置形式。這樣的構圖形式可以使讀者的閱讀順序從上而下,從而能大幅提高縱向段落內文的可讀性。另外,對角線布置就是在版面對角線的兩端放置同樣大小的圖片,這也是種基本的版式設計方式,可讓版面呈現沉穩、安定感,讓人能冷靜地仔細閱讀內文。
  • PPT版式設計你必須知道的「三」和「四」
    版式設計是做PPT的基本功,我們說一個PPT好不好看,主要說的就是這個PPT的版式設計。
  • PPT|還在愁如何排版?一鍵搞定PPT圖文版式設計,告別職場加班
    做PPT,如果要正文頁不那麼單調,我們需要對正文進行版式設計。而在正文頁中,往往圖文頁比較多。那麼,我們該如何排版呢?在本文,我們將分享最方便快捷的方法,也許不是最好看的,但確實又快又好的辦法。這個利器就是辦公軟體PPT自帶的Smartart圖形。關於這個功能,之前我們也有過簡單的分享。
  • 學會這些版式設計知識,讓你做出高級的排版
    版式設計決定作品視覺傳達的傳播工具在這個時代,無論是紙媒還是網際網路,信息的傳播都離不開版式設計,好的版式設計可以在有限的頁面內,以最快速、直接、有效的方式傳遞出核心的信息內容,並讓受眾建立深刻而良好的印象。所以,今天我帶領大家學習一些版式設計知識,希望可以幫助到你們早日做出爆款的版式~!