Milestone Memories: 15% Off Ideabooks & Storybooks!

TinTint Blog

用照片記錄回憶,用照片佈置生活。

六種基礎排版技巧,自己也能編出質感相片書!

細膩的顏色與空間配置、恰到好處的行間距、字型字體的巧妙運用,排版其實隱藏很多小細節,幫每張照片、每段文字找到適合的位置,可以讓整體設計更有美感、更用心,作品也會更有吸引力。本篇文章幫大家整理基本照片、文字的排版方式,讓大家都可以輕鬆打造質感作品。

※ 圖文比例排版教學
技巧一:滿版圖片 + 文字重疊
技巧二:圖片適當留白 + 文字空白處搭配
技巧三:圖片跨頁 + 文字點綴

多圖排版教學
技巧四:相同大小,整齊平放
技巧五: 大小區別,錯位擺放
技巧六:一張獨大,拼貼點綴感

圖文比例分配教學

技巧一:滿版圖片 + 文字重疊


膠裝寫真本|封面很適合放入滿版圖,加上大標,呈現圖文重點

先放入滿版的照片,再將標題或想呈現的文字疊在上方,同時滿足設計感和主題的呈現,是許多活動宣傳或是雜誌封面會選擇的排版方式。滿版的曝光讓照片在第一時間能夠吸引大眾眼球,也有足夠的張力,可以給人留下深刻的印象。


滿版封面|進入產品編輯器→套用主題→選擇「滿版」主題使用


版型套用|進入產品編輯器→版型下拉選單選擇「滿版」→選擇圖中紅框的滿版版型

而從圖文比例的拿捏,也可以呈現兩種不同的重點,如果想要凸顯「圖」的部分,盡量讓照片有明顯的主體可以去呈現,如果要凸顯「文」的部分,則要避免底圖太過複雜,導致文字的呈現不夠清晰。


直式精裝寫真本|將文字壓在滿版圖空白處,避免版面過於混亂

技巧二:圖片適當留白 + 空白處搭配文字


精裝映畫本 (右頁排版)|設計成圖文對白的感覺,同時強調照片、文字重要性

適當在版面的周圍做留白,擺上圖片後,在留白處加上文字,也是許多海報、作品展示或設計內頁會呈現的方式。視覺上不會有太大的壓力,可以兼具設計感,文字也不會被埋沒,可以精準傳達想要呈現的資訊。

也可以調整照片、文字在空間搭配的位置,來呈現不同的感覺。照片置中比較容易聚焦視線,文字和照片的內容可以第一時間被捕捉。另外一種是選擇不對稱的留白方式,將照片置於偏角落的位置,再壓上文字,先強調整體的視覺質感,才去強調呈現資訊。


版型套用 |進入產品編輯器→版型下拉選單選擇「大留白」或「留白」

● 小留白:照片為主,文字為輔,用照片呈現主題
● 大留白:照片+文字相輔相成,用文字輔助,敘述主題

技巧三:圖片跨頁 + 文字點綴


文庫本|照片細節較多,可用跨頁方式完整呈現

照片用跨頁的方式呈現,可以讓照片有延伸的效果,若照片寬度較寬,或是有想要清楚呈現出來的細節,就很適合用跨頁來呈現,像是雜誌內頁產品宣傳、出遊紀錄等等。文字的部分則較偏向補充性質,像是產品的介紹,出遊地點、遊記紀錄等等。


直式精裝寫真本|跨頁可留下部分空白處,添加文字補充說明


版型套用 |進入 產品編輯器→灰色功能列點選「單頁 / 跨頁」,切換成跨頁模式→左側版型挑選想要的相片框紀錄

套版型做回憶書

多圖排版教學

技巧四:相同大小,整齊平放


映畫本|統一照片框大小,打造乾淨、舒適的排版效果

若有多張照片要進行排版,可以考慮用相同大小、整齊並列的相片框去擺放,視覺上比較一致,對齊的排版方式閱讀起來也比較舒服,不會給人雜亂無章的感覺。

單個頁面想放入多張照片,建議可以依照想要呈現的細節程度,放入 2-6 張的照片,而照片和照片之間也建議要有等寬的留白,畫面上才會更乾淨、和諧,不會互相搶奪視線。


版型套用 |進入 產品編輯器→從版型選單切換「相片數」→套用照片框大小皆一致的版型


精裝寫真本|同個頁面建議張數為 2-6 張,避免照片太小,無法呈現重點 

技巧五:大小區別,錯位擺放

如果想要走彈性、質感的風格,可以將照片用不同大小來呈現,並用錯位的方式擺放,特別強調出設計上的美感,但特別注意,如果使用錯位的擺放,就要記得留白的重要性,建議同個頁面可以選擇放 1-2 張照片就好,避免整體畫面太過混亂,反而失去原本排版的美感。


映畫本|使用不對稱的相片框,適當的留白,打造日系質感的風格


版型套用 |進入 產品編輯器→版型下拉選單選擇「大留白」→左、右兩頁選擇不一樣的相片框

技巧六: 一張獨大,拼貼點綴感


直式精裝寫真本|用拼貼感呈現主體,可以放入多張照片,又不會搶奪視線

利用大幅畫面呈現單張照片,其他張則用小範圍的的空間排版,可以打造出拼貼感,用大張的照片來強調主體的視覺方向,第一時間抓住視線,小張的照片則作為點綴,可以再搭配文字作為補充,將情境更鮮明的呈現出來。

大幅的照片可以依據重要性來決定究竟要佔據多大的版面。舉例來說:雜誌產品的宣傳,可以用大幅照片展示產品全貌,小張照片放大細節特色;若是要記錄旅行回憶,則可以將大幅照片用跨頁呈現,可以呈現旅遊地點更多細節,再用次要的風景照做為點綴。


版型套用 |進入 產品編輯器→灰色功能列點選「單頁 / 跨頁」,切換成跨頁模式→左側版型選單切換成多張照片,挑選拼貼版型

● 紅框版型:交錯拼貼,呈現更活潑、更有設計感的版面
● 藍框版型:整齊拼貼,呈現更乾淨、更聚焦視覺的版面

多圖排版相片書

其他排版技巧補充

● 統一照片風格


映畫本|同個頁面使用同色系、同地點拍攝的照片,排版上會更有質感

想要再更有質感的呈現,同一頁可以選擇在同一個地方拍攝,同質性高一點的照片,主題可以較明確的強調,或是可以選擇色調、光線都較相近的照片,降低突兀感,鎖定固定的風格。

● 安排閱讀優先順序

在版面安排的時候,可以先確認優先想要呈現的重點,再安排每個元素要占比的大小,可以先釐清照片與文字的比例,確認要優先強調的是圖片的呈現還是文字的說明,其次是文字與文字的比例,將大標、副標、內文分開說明,能夠更便於閱讀。

● 按照時間軸排列

如果是書類的排版,要特別注意閱讀上的舒適度,可以用時間軸來呈現圖文的脈絡,整體會更有敘事性,閱讀的人也可以更方便理解內容,若是做給自己的紀錄,也可以加深對回憶的印象。

以上就是幾個基本的圖文排版教學和一些補充技巧。好的圖片可以吸引視線,好的文字可以引發共鳴,好的排版則可以將視線與共鳴最大化,來達到你真正想要紀錄,想要傳達的東西,讓你的作品可以更豐富且具有價值。

延伸閱讀:

日系攝影這樣拍!選對地點讓你一次完成透明感、空氣感美照
打造韓系文青房間!三大風格,5 種質感選物,簡單學居家佈置
2024 月曆這樣做,人人都可以是圖文、知識型作家,出版你的專屬月曆!
2024 結婚好日子整理,婚禮注意事項+事前規劃一次看!

TinTint Blog

Capture moments, decorate life. Embrace the power of photography.
If you enjoy our articles:

Follow Us

You might also want to read

Make Your Own Photo Book