無論是平面設計、網頁設計還是APP設計，排版布局都是非常重要的。排版的難處並不是根據設計好的版面來填充內容，而是根據具體的內容布局排版。下面，香港網頁製作公司將分享，「如何在不同情況下，選擇合適的圖片排版技巧」。(Ps.本次內容主要以平面設計為主，但部分排版設計同樣適用於網頁設計和APP設計!)

如何在不同情況下，選擇合適的圖片排版技巧?

※ 單圖排版

1.平鋪

網頁設計規範

即把圖片鋪滿整個版面，顯得整個畫面都非常有張力，有視覺中心的圖片通常適合這種手法。

2.四周留白

網頁設計規範

即圖片比版面小，且四周都留出空白，能吸引用戶的目光，並利用圖片引導用戶瀏覽其他內容。

3.一條邊出血

網頁設計規範

即把圖片的一條邊對齊邊界，有點衝破束縛的感覺，同時增加圖片和想像力和版面設計感。

4.三條邊出血

網頁設計規範

一般把版面分成兩部分，色塊和圖片。排版時，還可以通過文字、色塊或顏色把這兩個部分聯繫起來。

5.拆分

網頁設計規範

即把一張圖片拆分成幾份，然後隔開一些排列，這樣做會比單放一張圖片更有設計感和趣味性，大多數風景類圖片適合這種處理方式。

6.跨版

網頁設計規範

讓圖片同時佔據兩個版面，圖片被放大後會顯得畫面更有張力，還能把左右兩個版面關聯起來。

※ 雙圖排版

1.統一大小，對齊排版

網頁設計規範

這種排版方式會經常在一些作品集或產品畫冊中，視覺流程簡單、清晰。

2.統一大小，錯位排版

網頁設計規範

這種排版方式會比對齊排版更有動感，適合圖片不多的設計，這樣才不會顯得畫面凌亂。

3.一大一小排版

網頁設計規範

這種排版方式對比非常鮮明，而且會令畫面更有鬆弛，適合跨版或在某一頁中使用，也可以把其中一張圖片去底，這樣組合會更加靈活，對比也更加強烈。

※ 多圖排版

1.大小統一，對齊排版

網頁設計規範

這種排版方式比較整潔，但缺少變化，使用目錄頁或產品和人物介紹。

2.大小不統一，對齊排版

網頁設計規範

這種排版方式雖然沒有統一圖片大小，但由於保持嚴格的對齊關係，不僅顯得畫面很整齊，而且比大小統一更加靈活，適合利用網格工具來輔助排版。

3.圖片與色塊組合排版

網頁設計規範

這種排版方式不會像只有圖片那麼單調，還可以利用色塊排文字，但要注意色塊的顏色不要太多，顏色也最好來自圖片，這樣不會讓畫面顯得俗氣。

4.錯位排版

網頁設計規範

這種排版方式可以有效打破圖片完全對齊的單調，且有一定的顧慮，因此不會對視覺流程造成太大影響。

5.把圖片拼成特定的形狀

網頁設計規範

這樣排版方式可以避免圖片太多而顯得畫面凌亂，且因為拼成的形狀要求與設計需求相關，所以會顯得非常有創意。

6.按照某一路徑排版

網頁設計規範

這種排版方式能避免圖片排得太過分散，還可以形成一定的節奏感，不僅不會令畫面顯得凌亂，而且還美觀。

7.一大多小排版

網頁設計規範

版面中分開排列大小差不多的多張圖片，會缺乏重點且沒有張力，但如果放大其中一張圖片，與其他圖片形成強烈的對比，就能解決這一問題。

8.自由排版

網頁設計規範

這種排版方式的效果比較靈活，且設計感較強，但需注意圖片不要排得太分散，以及最好要有大小對比，還需注意圖片與圖片、圖片與文字間的輪廓要形成互補。

除了以上的介紹，其實圖片的排版方式還有很多，具體如何排版還需各位根據具體內容和設計需求去嘗試和突破，設計更多有創意且美觀的產品。