版式設計攻略!如何恰當的運用圖片?

2021-01-20 設計智造

文/王起 版式設計中圖片數量的多寡,直接影響到觀賞者的興趣,根據版面的內容精心安排圖片會大大提高觀者的閱讀興趣。

圖片放置的位置直接關係到版面的構圖布局,版面中的左、右、上、下以及對角線的四角都是視線的焦點,在這些焦點上恰到好處地安排圖片,版面的視覺衝擊力就會明顯地表露出來,使版面變得清晰、簡潔而富於條理性。

①單幅圖片的位置安排。如果版面只採用一張圖片時,就要選擇一張質量較高的圖片,而位置決定著人們對圖片的第一印象。

中部擺放,常需要色塊或文字標題來配合使用,這裡對人物照片進行裁剪,在頁面上配以色塊輔助,這樣出來的東西精煉乾淨又不失高雅;邊角擺放,圖片在角位置的擺放,使得版式豁然生動起來;也可以佔據半個版面。

②多幅圖片的位置安排。圖片增加到三張以上,就能營造出很熱鬧的版面氛圍,非常適合於普及的、熱鬧的和新聞性強的讀物。有了多張照片,就有了瀏覽的餘地。數量的多少,並不是由我們隨心所欲地決定,而是根據版面的內容來精心安排。

中部擺放,有的時候不需要追求多麼炫目的藝術效果,只要通過頁面元素的簡單組合,對頁面垂直和水平的分割,文字與圖片相互作用,使組合後的圖片整潔大方;邊角擺放,將圖片放在不是很重要的位置上,有時候是為了弱化單張圖片的重要性。

③多個版面。多圖片佔據半個版面,這時候一般是文字佔半版,圖片組合佔半版,這樣做的好處是條理清楚、文是文、圖是圖。有時候為了避免混亂,可以採用網格狀構圖,通過多張圖片來陪襯,突出中心位置的文字或形象時。

當版式中所包括的內容有先後順序時,就應該設計出符合人們審視順序習慣的版式,圖片順序的排列,並不是我們的隨心所欲所能控制的,而需要版面的內容來協調,根據主題重要性排列圖片順序。

①放大和縮小。將需要讓人注意的部分設計得比較大,具有引導人們首先閱讀或觀看的作用。首先運用首要內容放大法,再根據尺寸的大小來安排順序的先後。同樣也可以通過縮小其他圖片尺寸的方法。

還可以同時運用這兩種處理方式,達到對內容的先後順序進行明確的區分的目的,例如:一張主圖(大圖)配幾張小圖,通過圖片面積的大小來引導視覺順序,通過大圖和小圖之間的互相搭配、結合、烘託,傳遞的信息量更大,從各個角度把事物或事件表現得更直觀、更充分、更全面,以提升版面的整體衝擊力。

②顏色和圖形。通過顏色的調整來使內容有所變化,也可以作為區分內容先後順序的方法。例如:純度高的顏色更加顯眼,就可以選擇純度高的顏色來突出重點,純度高的顏色比純度低的顏更加顯眼。

在進行版式設計時,設計師有必要提前了解受眾的閱讀習慣和設計成品的排版方式,預設出觀者的審視順序,這樣才可以設計出很多元素,或者按照圖片的先後內容進行規律性排列,起到順暢引導觀者視線移動的目的。

就單頁印刷品而言,受眾的閱讀習慣是自左向右,則視覺流程按照由左上角、左下角、中心、右上角、右下角這樣的順序反覆掃視,所以為突出要展示的重點,應將標題或首圖等重要內容放在左上角的位置,最不重要的內容可以安排在右下角。

就多頁印刷品而言,如果是從左側打開的,則視線是從左上方向右下方移動;有時也有右側打開的印刷品,那麼視線的移動則相反,是從對頁的右上方向左下方移動。設計師應該根據視線移動基本方式來進行排版,否則就會加重觀者的負擔,使其產生閱讀疲勞。

當然,現代的大部分印刷品都是左側打開的。對於左側打開,橫向排版的印刷品來說,視線通常是從左上方到右下方,而在按照段組設計的情況下,需要能夠讓視線從一個段落自然而順暢地轉移到下一個段落。

圖片包括很多的種類,其中很多圖片具有動感及方向性,如果能夠靈活處理這些圖片,那麼就可以控制圖片帶給人們的感官印象。

①拍攝對象引起的方向性。有的圖片中有動態和方向的元素。例如:人物圖片的動作、手勢以及面部和目光的朝向,這些都是可讓人感受到圖片的動態走勢和方向性的圖片元素。可以通過對這些元素的靈活處理,來引導讀者視線流動的方向。

②把圖片加入動感。每張圖片都會由於被攝對象運動的強弱而產生程度不同的動勢。例如:拍攝對象本身是傾斜的,可以增強圖片運動或者變化的程度。不僅僅通過對被攝對象的選擇實現,還包括傾斜或改變圖片放置角度的方式,也能打破常規垂直、水平的平衡感,來增加圖片的動感。

①標題性文字與圖片的組合。有時在圖片中會出現標題,就要先判斷標題與圖片的主從地位了。

如果希望可以突出標題,圖片為從屬,那麼標題可以位於圖片的重要位置,字號可以放大,甚至是遮擋住圖片;如果希望可以突出圖片,或圖片與標題並重,那麼標題就應該放置在圖片的留白處。圖片內的標題的字體顏色不能與圖片主色調相近,應該選用容易辨識的顏色。

②說明性文字與圖片的組合。圖片往往需要與說明性文字配合使用,文字說明與圖片的對應關係必須是明確的。不能損壞文字部分的可讀性,如果將圖片置於說明文字之中,往往破壞了文字的連貫性,因此可在說明文欄位前段後插入圖片。

相關焦點

  • 啟喬教育|版式設計攻略!如何恰當地運用圖片?
    在版式設計中,圖片數量的多少決定了觀看者的興趣,能夠合理利用版面對圖片進行排列,會很大程度上引起觀看者的興致。好的圖片排列位置能夠將版面的效果更好地展示出來,一般來說,版面的上下左右以及四個角都是人們視覺的焦點,在這些地方排列圖片,會讓版面變得更加簡單明了,易於閱讀。
  • 小設計的《版式設計》筆記
    花開時節,學設計什麼是版式設計?是指設計師跟設計主題和視覺要求,在預先設定好的有限的版面內運用造型要素和形式原則,將文字,圖片(圖形)及色彩等視覺傳達信息要素進行有組織,有目的地組合排列的設計行為與過程。
  • 版式設計需要合理規劃圖片!
    在版式設計中除文字以外,圖片是傳遞信息的又一種有效途徑,是版面構成的重要組成部分,其相對於文字更直接、更快捷、更形象。利用剪裁手法製作不同的圖片①出血圖片。我們在設計一些物品食品、衣物等實物版式時常常採用沿物體輪廓線來裁圖片,這種方式可以最大限度地將物體的形狀與特點展示出來,使圖像更具有動感和靈活性;同時,沿輪廓線裁剪的圖片在與文字等其他元素進行組合編排時,可以使版面的樣式豐富多樣。
  • 針對圖片特點設計PPT版式
    在PPT版式設計中,很多人被設計技巧難倒,總覺得難以把握。可是如果我們仔細觀察、思考頁面所需要表達的內容和收集到的相應圖片的特點,找到關鍵,針對這些關鍵點,進行突出設置,就完全有可能開拓出漂亮的設計思路。真正困難的並不是設計技巧而是設計思路。
  • 版式設計|LAT Magazine雜誌版式設計
    雜誌版式設計,就是要設計出具有吸引力的版面,提供高可讀性,並通過良好的圖片吸引讀者的注意力,同時不犧牲文字的重要性。版式設計的構圖類型多樣,通常需要綜合運用不同的版面形式來傳遞信息,常見的版式構圖類型有標準式、滿版式、對角式、定位式、坐標式、重疊式、聚集式、分散式、導引式、組合式、立體式、自由式等。今天和大家分享Blok Design為LAT Magazine雜誌進行的版式設計。無論是版面、圖片、標題還是目錄的設計,都有很多值得我們學習的地方。顏色清新,內容有趣,畫面協調。衝擊力強。
  • 讓你更懂版式!版式設計基礎要點/程序
    藝術美感、情感體現版式設計講究美感,每一個文字的字體、字號是否得當,色彩搭配、運用是否協調,插圖的大小、位置是否適合內容,以及其它視覺符號元素的使用是否得當等,都會影響觀者的情緒。好的版式往往在讀者猶豫不決時,潛移默化地影響他的選擇。
  • 版式設計中的網格!如何用?
    文/周聿 投稿 網格系統是版面設計的基礎,網格系統作為一種行之有效的版面設計形式,將秩序引入到設計中,使所有的版面構成元素之間的關係協調一致。不一定說所有版式編排都需要用網格來約束版面,但是網格系統在一定的程度上可以保持版面的均衡感,使圖片和文字有一個排列的規則和系統,從而讓整個版面更加具有規劃性。
  • 版式設計的「版式結構原則」!
    文/劉蕤設計作品不能讓閱讀者「一目了然」,其原因之一就是忽略了版式的結構編排,在編排上鬆散無序,導致受眾在短時間內無法分清重點。版式設計作為傳達某種信息的"載體",應符合所設計的內容,應突出直觀動人、簡明易讀、主次分明、概念清楚。
  • 版式設計技巧!圖片的裁剪與編排
    平面設計中圖片的呈現形式是多種多樣的,根據設計的需將圖片進行刻意的裁剪後以獨特的方式置於版面,能夠給人煥然一新的感覺,有助於增強版面的生動感,增加觀者的閱讀興趣和信息的傳達力度。裁剪是圖片編輯工作中比較重要的一個環節,在設計過程中為了版式的需要,常常需要把握關鍵信息,需要對圖片進行裁剪。
  • 保姆級UI界面版式設計實用小技巧
    二.UI界面中實戰版式技巧分析 1.版面中的空間關係元素 在界面版式設計中,可以運用平面設計中的結構思考方法去理解UI界面中的空間元素結構的分布對應,下面以新聞類客戶端為例進行頁面元素分析
  • 在版式中的運用規律
    文/白豔維 版式設計是對文字、圖形、色彩等基本元素的編排和組織,畫面中主要依靠視覺元素產生張力和視覺傾向力引導視覺移動,整個視覺移動的軌跡即是視覺慣性的呈現。如何將重要信息快速傳遞給觀者? 這對設計師而言不是簡單對信息的羅列,更重要的是如何將信息有層次、有節奏的組織編排。
  • 根據主題選擇恰當的版式編排形式!
    文/王起 即使是相同的內容和元素組合在一起,運用不同的編排形式也會呈現出截然不同的視覺效果。在編排版面時,我們應該根據所要表現的主題來選擇適合的編排形式。版式設計的重點在於版面上各種元素的和諧搭配,在編排時應注意考慮主次分明、閱讀流暢、表現合理等方面,這裡我們將介紹一些編排技巧。版面主要由圖片、文字、色彩等構成,版面中各類元素佔整個版面的比例即版面的大小比例,這也包括元素與元素之間的大小比例關係。
  • 深入淺出,帶你認識網格系統與版式設計
    基於這些問題,很有必要編寫一篇文章讓大家提前認識一下網格系統與版式設計。當然,開課後,劉痕老師也會詳細和大家講解這塊知識,例如在第四節時會講解到。掌握版式構圖,是每一位平面設計師的看家本領。學習排版,除了要有系統的理論知識做指導,還要學會在實踐中如何去運用。
  • 史上最全版式設計教程,看這一篇就夠了
    版式設計可以說是平面設計的基礎,在實際設計中版式設計的運用卻是千差萬別的,如何根據內容設計出合適又美觀的版面是設計師必須解決的問題。今天小佳老師為你們吐血整理了一篇版式設計全攻略,點讚收藏,絕對有用!!能看完的都是做大事的人。
  • 版式設計系列課程2:版式設計中的「三定一執行」是什麼意思?
    親愛的各位設計師,在上一期的文章中,我們對「版式設計」這個概念有了基本講解,其中包括版式設計的概念、應用範圍以及版式設計的意義和目的。在了解了這些概念後,版式設計應該從何開始,有哪些事項是設計師開工前必須要注意的呢?今天這篇文章就來聊一聊。閱讀提示:今天討論的問題僅限商業設計範疇。
  • 版式設計中的「空間力場」!空間感
    文/閆會恩 在設計中,設計師根據特定主題與內容的需要,運用造型要素和形式原則,將各種視覺元素有機的組合,有序的排列在有限的版面內,以達到版式設計的技術與藝術的高度統一,稱之為版式設計。版式"空間力場"在版式設計中,空間的運用及各種元素的編排放置是設計的精髓,空間是以形態的方式而存在的,基本要素是由抽象化的點、線.
  • PS設計教程:版式突破實例評改 01
    編按:很多設計新人無法突破瓶頸「坐穩」設計職業,不是不努力,而是沒有掌握設計支點——版式。一個精彩的創意,如果沒有漂亮實用的版式支撐,無法實現價值;而一個平淡的想法,包裹上漂亮實用的版式,則會具有不俗的視覺吸引力。版式之重,就在於它是設計的基礎,是撬動設計的支點。部落窩教育將從本期開始,陸續推出版式設計實例評改教程,由版式設計專家「風的詩人」帶領大家找出自己的版式設計問題,突破設計瓶頸,坐穩設計職業。每篇教程都將同時提供設計原稿、改後稿。
  • 想做好版式設計?先了解版式要點
    另外,對角線布置就是在版面對角線的兩端放置同樣大小的圖片,這也是種基本的版式設計方式,可讓版面呈現沉穩、安定感,讓人能冷靜地仔細閱讀內文。 另外,若能設計出一個可連接或涵蓋多條網格的區域,便可讓頁面產生節奏感。
  • 設計基礎!版式結構那些事兒
    同樣在版式設計中追求穩重感也是如此。將圖片整齊排列(網格),確保版面的平衡感(重心、留白)是非常關鍵的。 具體來講包括統一大小、比 例、平均分割圖片之間的空白空間、儘可能用直線分割空間等等。 例如:插入一張圖片,需在版面的對角線上另外插入一張圖片,如此才能確保平衡感。
  • 版式設計的「核心」是什麼?
    文/陳宓 不管你從事的什麼行業、做的什麼工作、學習的哪個專業,都有很多時候需要進行演講、成果展示,那就會涉及到版式設計。那麼版式設計的核心究竟是什麼?本文將帶你一探究竟。版式設計幾乎對每個人來說都是有過接觸的,例如:報告、成果展示、籌備次會議等等,那麼就要涉及到演示文稿製作、會議宣傳製作。這時就會進行版式設計了。