幫你掌握最常用的排版方法
發(fā)布時間:2021-12-28 11:11 [ 我要自學網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175 閱讀: 3698

版式設計的應用范圍,涉及到報紙、刊物、書籍(畫冊)、產(chǎn)品樣本、掛歷、展架、海報、易拉寶、招貼畫、唱片封套和網(wǎng)頁頁面等各平面設計領域。

首先我們來了解一下什么叫版式設計?

版式設計是現(xiàn)代設計藝術的重要組成部分,是視覺傳達的重要手段。表面上看,它是一種關于編排的學問。實際上,它不僅是一種技能,更實現(xiàn)了技術與藝術的高度統(tǒng)一,版式設計是現(xiàn)代設計者所必備的基本功之一。

版式設計是指設計人員根據(jù)設計主題和視覺需求,在預先設定的有限版面內,運用造型要素和形式原則,根據(jù)特定主題與內容的需要,將文字、圖片(圖形)及色彩等視覺傳達信息要素,進行有組織、有目的的組合排列的設計行為與過程。

今天我們就著重介紹其中「圖片(圖形)」在版式設計中的多種設計技巧。


平鋪圖片


平鋪圖片:指的就是將圖片鋪滿整個畫面,充當版面設計中的整個背景,這樣的設計方式多用于書面封面的設計。

1. 注意

  • 使用平鋪圖片的版式設計,最好選擇圖片具有吸引力的,且突出主題的圖,文字不宜太多,因為圖片鋪滿整個畫面已經(jīng)很飽和,文字太多太雜的話會使整個畫面太混亂,找不到重點。
  • 如果圖片是表達主題的,那么文字排版最好不要影響主圖的視覺中心,選擇主題空缺位置等不會影響主題閱讀和識別性的位置排版即可。

2. 案例演示

用超多案例,幫你掌握 7 種最常用的排版方法!

3. 版式結構分析

用超多案例,幫你掌握 7 種最常用的排版方法!

對于這樣的版式,圖片的選擇是主題中心圖居于圖片的中心位置,那么我們就要選擇主題圖周圍空白的區(qū)域進行文字的編排,這樣就不會影響圖片的美觀以及識別性。


圖片居中排版


圖片居中排版:指的就是將圖片居中放在畫面的中間位置,且讓四周留白的對應位置的空間保持一致。

1. 注意

  • 同樣的,我們在做設計的時候要知道表達的主題是什么,并且我們要找到最能表達主題的設計方式,有的主題可能使用圖片會更加能夠表達主題的中心思想,但是有的可能是文字才能更好的渲染出主題的目的,所以我們要考慮設計中的目標。
  • 文字排版我們最好還是能突出主題,并且做到大標題小文章的設計原則,能夠一眼讓用戶看到我們的主題。
  • 文字的選擇我們最好也不要選擇太多的文字樣式,最好保持在 3 種文字以內。

2. 案例演示

用超多案例,幫你掌握 7 種最常用的排版方法!

3. 版式結構分析

用超多案例,幫你掌握 7 種最常用的排版方法!

這個版式我可以通過案例演示的設計稿一眼就能看出圖片居中為主題中心,那么對于文字的排版我們可以選擇在圖片的周圍空白區(qū)域隨意排版,因為周圍的留白已經(jīng)足夠編排文字,我們最好選擇在留白區(qū)域排版文字,這樣有助于整個版面設計不會缺失平衡。

根據(jù)設計需要,文字部分也可以和圖片重疊。根據(jù)實際情況而定,不過大多數(shù)還是排在留白區(qū)域為佳。


圖片平鋪+色塊+文字


圖片平鋪+色塊+文字:指的就是將圖片平鋪在版面中,可以是和第一種一樣的全鋪,也可以是非全鋪,再就是在圖片上加一個有顏色的色塊,再把文字疊加在色塊上。

1. 注意

  • 根據(jù)圖片的顏色我們最好選擇和圖片顏色差距較大的色塊作為分割的色塊,這樣才有利于區(qū)分圖片和色塊。
  • 色塊最好設置為透明的,這樣既不會影響主題的突出,還能看到主題圖片的完整性,透明度的調整最好不要太大也不要太小,根據(jù)圖片實際情況而調整。
  • 色塊上的文字我們也是要選擇和色塊顏色差距較大的,這樣才有利于文字的識別性和突出性。

2. 案例演示

用超多案例,幫你掌握 7 種最常用的排版方法!

3. 版式結構分析

用超多案例,幫你掌握 7 種最常用的排版方法!

雖然我們的視覺中心都是在版面的中心區(qū)域(也就是淡藍色矩形區(qū)域)和第二張一樣的視覺中心,但不同的是,我們這里底部是全鋪圖片,矩形是作為圖片和文字的一個分割層,起到引導用戶視線的效果,目的就在于讓用戶能夠看到我們的主題文字,所以這里的文字部分才是主題目標。


圖片任意排版


圖片任意排版:指的就是將圖片放在版面中的任意位置,不居中。

1. 注意

  • 圖片與主題要搭配,圖片占據(jù)版面的大小和位置可以隨意一些,不用那么拘束,能更好的展示設計感,圖片圖形可以是幾何圖形中的各種圖形,不同場景可以搭配不一樣的圖形排版。
  • 文字排版大小粗細區(qū)分,錯落有致,看似無序實則有序,包括留白位置做到要具有呼吸感。
  • 圖片的選擇最好是要有引導性的視覺指示,可以根據(jù)人物或者其它主題的視線/方向引導用戶看下一個位置的內容信息。

2. 案例演示

用超多案例,幫你掌握 7 種最常用的排版方法!

3. 版式結構分析

用超多案例,幫你掌握 7 種最常用的排版方法!

這里我就只拿一種排版方式做版式結構分析,這種類型的版式設計,一般也是圖片為用戶的第一視線,圖片和主題搭配,并且留白的位置相對較多,那么文案的排版我們最好還是不要影響圖片的效果,合理的運用留白的位置,保證圖片的美觀和識別性,才能使整個版面達到美觀的效果。


圖片出血排版


圖片出血排版:指的就是將圖片放在版面中四周可以不留出血(出血指間隔)可以是出血1邊、2邊、3邊。

1. 注意

  • 圖片的大小位置都是靠版面邊緣的,可以是1邊,2邊,3邊,根據(jù)需求選擇合適的圖形大小和形狀以及出血的數(shù)量。
  • 文字排版同樣不能影響圖片主題的閱讀效果。

2. 案例演示

用超多案例,幫你掌握 7 種最常用的排版方法!

用超多案例,幫你掌握 7 種最常用的排版方法!

3. 版式結構分析

用超多案例,幫你掌握 7 種最常用的排版方法!

我們可以在圖片上排版文案,但是我們需要根據(jù)圖片的主題中心位置而定,需要保留圖片主題,不影響圖片主題的識別性和美觀性,在圖片的非重點區(qū)域排版一些相關聯(lián)的文案,這樣既不會影響圖片還能達到引導用戶瀏覽圖片文字的效果。


圖片分割排版


圖片分割排版:指的就是將圖片分割成幾個圖形組合,不影響圖片識別的完整性。

1. 注意

  • 圖片分割圖形的選擇也是多種多樣,根據(jù)需求可以隨意變化,可以是規(guī)則的圖形,也可以是不規(guī)則的圖形,還可以是物體輪廓,文字樣式。
  • 文案排版同樣不能影響圖片的美觀和識別性。

2. 案例演示

用超多案例,幫你掌握 7 種最常用的排版方法!

3. 版式結構分析

用超多案例,幫你掌握 7 種最常用的排版方法!

這里還是拿的第一個案例做版式結構分析,每一張圖片都會有一個對應的位置是圖片視覺的中心,那么我們如果需要在圖片上做一些文案的排版,都要注意做到不影響圖片主視覺的部分。


圖片跨頁排版


圖片跨頁排版:指的就是圖片占據(jù)在版面的兩個面,大小隨意。

1. 注意

  • 圖片的選擇最好是橫構圖的,并且圖片的視覺中心最好不要在跨線邊緣,不同排版方式的圖片選擇不一樣的構圖方式,視覺效果會更佳。
  • 對于文案較多的,我們盡量做到有大標題和小標題,便于用戶直接找到自己感興趣的話題進行下一步瀏覽。

2. 案例演示

用超多案例,幫你掌握 7 種最常用的排版方法!

3. 版式結構分析

用超多案例,幫你掌握 7 種最常用的排版方法!

對于跨頁的排版方式也是有很多種,可以出血幾條邊,也可以在版面中的各個位置,同樣的也是要根據(jù)實際情況而排版,圖片和文案交錯排版會使整個版面更加美觀和有呼吸感,最好不要一塊全是圖片的堆積,另一塊全是文案的排版。


總結


其實對我個人而言,版式設計中,不管怎么排版,圖片都是第一吸引用戶視線的,所以圖片的選擇一定要緊扣主題,并且要選擇有一定美觀性和吸引力的圖片。想要吸引用戶的眼球,那么就一定要有一處優(yōu)勢,不管是圖片還是文字排版等各種方式。

今天主要介紹的就是圖片在我們設計中的 7 種不同的排版方式,需要注意的點有:

  • 圖片的選擇要和主題呼應
  • 圖片要美觀
  • 圖片識別性要強
  • 圖片和文案排版要合理
  • 文案要做到大標題小文章
  • 排版要合理運用版面空間
  • 版面要有呼吸感
平面海報設計快速實戰(zhàn)教程
我要自學網(wǎng)商城 ¥60 元
進入購買
文章評論
0 條評論 按熱度排序 按時間排序 /350
添加表情
遵守中華人民共和國的各項道德法規(guī),
承擔因您的行為而導致的法律責任,
本站有權保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設計 室內設計 室外設計 機械設計 工業(yè)自動化 影視動畫 程序開發(fā) 網(wǎng)頁設計 會計課程 興趣成長 AIGC