攝影是你作為設計師有力的可調配的資源之一。今天，我們將看看如何通過一些巧妙而獨特的方法來創建使用以多個圖像為中心的多圖集平面設計。

1.使用多張照片 

作為一名設計師，你一定知道，在任何的設計上（尤其是網站建設項目中）通過將你的內容保持在較低限度，以保持干凈，易于瀏覽的頁面總是符合視覺審美并且能夠較大限度發揮設計本身的作用的。將一個主要圖像與一些附帶的文本搭配起來一起使用這是設計中基礎的排版樣式了，盡管簡單，但它可以用于很多目的，當你正式開始針對客戶的需求做設計時，你通常會有一個完整的文件夾，其中包含你希望使用的各種資源。 

作為設計師，很難找出一種有吸引力的方式將各種圖像混合成一個連貫的布局，特別是如果你從事的是類似于平面打印而不是無限制的交互式空間時。你可以通過快速閱讀以下提供的案例，以便節省你的時間。 隨意竊取這些想法，并將其用作你自己的！

2.將他們擺放在一起 

全屏照片可以成為一個非常有吸引力和醒目的頁面元素。通常情況下，設計師會放棄只通過使用一張完整照片的想法和一般的布局，轉而使用包含兩個圖像或更多圖像的拼合式照片。 

幸運的是，創建一個包含兩個圖像的較大化布局非常容易。對于初學者來說，你可以嘗試通過分割頁面為相同的兩個或多個版塊，給每個版塊平等的空間。 

正如你所看到的，以上案例中，文本本來很難直接放在照片上的，僅僅只是通過一條黑色的條紋背景，你就可以在強調標題的的同時，使文本和圖片更容易識別。為了防止強硬的顯示效果，你可以試著在文本區域下將兩個圖像模糊拼貼在一起。 

這種效果不僅對于顯示相關圖像，而且對于顯示具有二元性概念的主題都是非常好的：柔軟和堅硬的紋理，白天和黑夜的界限等。 

· 不要非得是規矩的形狀 

你可以把這種概念牢記在心，而對于網頁設計的視覺表現上，你可以根據需要自由發揮，你可以實現很多不同的效果。例如，在下面的設計中，通過創建內容相當的典型水平線條的對角條紋，將兩個圖像以及一個文本內容分割開。  

這里你需要稍微注意的是，在這個案例中，它已將所有內容保持正常輪播。文本和圖像都不對角，只有它們的形狀具有這種特征。這樣可以讓一切看起來都剛剛好，易于閱讀/解讀，同時也可以讓你的網站設計更具獨特的布局。

3.照片網格

一個非常受流行和非常實用的方式，是將圖像整理成一個單一的頁面通過將它們排列在一個網格中（這種形式一般我們經常在網站設計里會使用到）。

在下面的例子中，通過一開始在Photoshop中創建符合大致內容區域的正方形網格（這是確保你獲得正確比例的重要一步，并從長遠來看節省了大量麻煩）為接下來的圖片混合設定了基礎范圍。從這里你只需放入幾個圖像，并將它們設置成在整個網格框架內的不同形狀。 

正如你所看到的，我將未擺放圖像的空間填滿了鮮艷的顏色，而這些顏色并不是隨意選取的，而是從周圍的圖像中吸取的色系，這就形成了整個版塊的相關性。相信你跟我一樣，總是想確保你在設計中使用的任何填充顏色與攝影相適應，并且方式之一是從圖片中獲取顏色。 

· 創建網格線 

像上面看到的基本網格布局有很多種不同的變體。嘗試弄亂單個單元格的大小，顏色填充與圖像的比例等。 

一種非常常見的技術是通過創建清晰的分離來強調個別照片。基本上，只要在每張照片的邊緣周圍做一個濃厚的白線，你會得到一個不同但同樣有吸引力的效果。

4.編輯感 

如果你希望在你的網頁設計中加入更多的編輯外觀，請嘗試下面的這種布局。在這里，我們主要以一幅圖像為主要的視覺點，然后通過文本內容提取出相關的另一個圖像。這與上面簡單的網格版本很相似，只是使用較少的照片而已。 

關于在單一設計中使用多張照片的一個簡單技巧：始終確保顏色順利進行。當創建諸如上面的布局時，主圖像和文本區域采取黑色和白色的視覺分割，而次要圖像是彩色的，并具有非常酷的白平衡。藍色的光線會對我的配色方案造成嚴重破壞，所以我通過調整圖像的飽和度，突然兩張照片看起來就像是單拍的。

5.圖片文本 

將圖像融入到文本中在我的我的網站設計中經常被用到，并在近期的幾篇文章中我都有簡述到這一點。在這里，我們可以更直觀的看到它是一種以微妙的方式在另一張相關照片中工作的方式。 

由于圖像的主要形象是木橋，所以我抓住了一個木質的紋理。結果真的將文本與下面的照片很好地聯系在一起，甚至比一個簡單的顏色填充更能符合視覺和感覺的需求。

6.豎狀排版 

我們的建議是使用垂直的塊狀布局，當你嘗試創建一個整體環境或心情時，并不一定需要顯示完圖像。 

不過，如果你沒有完全理解，并使用的不到位的話，這個效果可能對你的網頁設計會造成一定的負面影響的。此外，將文本放置在許多不同的圖像之上是很難的。由于這些原因，更好的是分離出一個圖像，并將其與其他圖像相比，以便更突出。 

在上面的案例圖片上，你需要注意的是，圖片在比例上非常刻意的。首先，它將頁面分成兩半，然后將右側再拆分成相同大小的三個版塊。

7.教訓 

通過上面的描述，我們很快的過了一下一些常見的圖片樣式。但是比例子更重要的是，你是否從每個例子中獲得了靈感或者說教訓。首先，你偶爾可以在整個網站設計的同一版塊中使用兩張不同的照片，通過盡心的編排和混合使其看上去就像是一張照片一樣。請記住，你不必總是以完美的水平或垂直線來設計。 

接下來，當使用圖像網格時，請確保你花時間先設定了基礎的框架，以使相對比例正確（除非你要進行有機布局）。通過從周圍的照片中提取突出的顏色，將其他的空隙填充簡單的顏色以獲得視覺上的關聯。實驗較大化網格線的外觀或完全隱藏它們。 

之后，當你使用多張照片時，仍然需要有一個突出的特色圖像在相比其他圖片時能夠脫穎而出。你可以在上面大部分的例子中看到這個。始終建立一個視覺層次結構，并盡量避免讓頁面上的所有內容都具有相同的視覺重量和重要性。

總結 

我希望這篇文章中的例子和經驗教訓可以讓你獲得一些靈感并思考將多張照片并入你設計中的新方式。創建一個繁忙的，超載的頁面很容易被遺忘，所以請注意使用一些約束，并為了更清楚地展示內容而爭取減低這種混亂感。當你繼續在頁面中添加可視元素時，請記住，在實際降低設計影響的情況下，有一個遞減的回報。