top of page

《解構》—解構文宣品設計準則

已更新:2021年6月14日

出社會後第一次擔任行銷宣傳,發現自己對於圖像設計思考相當不足,現今對消費者的溝通需要靠大量的照片、圖片來傳達,如果沒有一些概念,實在不行,所以最近在研究如何增強自己的圖像思考或美學,上網搜尋看到了這本大家推薦的書,作者是曾經任職於早期Apple且幫助adobe設計軟體的排版師,以他十年在印刷廠排版的經驗,給予當時是新創公司,在設計上的建議。


閱讀後覺得很不錯,跟「作品」一樣,需要「減法」、「對比」、「反差」,雖然還有一些細節,但其實掌握大原則,就完美80%了。筆記下來,提醒自己,也分享給你。



-----

讓傳單增加易讀性

版面設計有多張圖的話,可以將圖的大小作為一個對比,將主要照片放大,有一個主視覺,如果是相同大小,就不會有視覺焦點出現。視覺焦點出現後,則是考量閱讀的動線和流動性。

1. 選取一個主要元素

引導讀者視線流向,從最大、最重的版面元素開始閱讀,再流向次大的元素。


2. 建立字體的對比

如果使用標題作為主視覺(標題很大)時,用份量較輕的字體。


-----

為傳單加入真實情感

文字為資訊、圖片為情感,使用照片時是在設定情緒,也就是希望傳達給讀者的「感受」,圖片和文字是以「合作」的角色出現。 1. 相同大小的標題與圖片

將圖片與相關的文字擺放在一起,例如「放鬆」則與放鬆的圖片或插圖擺在一起。 2. 大標題 X 小圖片

圖片退居為配角。大標題(超大)然後資訊文字(超小)才能產生對比。 3. 大圖片 X 小標題

圖片成為主視覺元素,訊息則需要帶點提示。例如主視覺下方有一句小標、文字開頭第一個字大寫。圖片必須與文字內容相關,有所連結。 4. 圖文混排

在相關的文字內容附近放上相關的圖片或插圖。圖片和插圖最好是同一類型。


-----


如何強化小廣告的力量


所有訊息同樣大小且居中較為靜態,無法有視覺上的衝擊。


1. 大膽就是要「簡」

圖片可以修成簡單的框線即可。


2. 大膽就是要「大」

圖片放大到擠不下去,則可以看見版面的分隔,而造成視線的流動。


3. 大膽就是要「密」

把標題佈滿分隔出來的空間,使其緊密且重。


4. 接著加入層次感

將字的顏色區分深淺則有層次感。


5. 突出標題

標題顏色選擇較重,則可以強調出來。


-----


為產品建立戲劇性的照片版面


1. 一致的格線可以掌握版面規劃,加點小技巧就能讓它飛起來

超大的去背可以帶來相當的衝擊效果,戲劇化的將讀者推進動作中,保持讀者視線移動,維持高度興趣,去背圖片安排在四周、朝內的作法。


移除一些邊界的小區塊,讓整體版型不至於太過僵化,多出來的空間放去背圖,注意要用非對稱的方式。將去背圖縮放成不同的大小等級,讓讀者視線圍繞整個頁面流動。


2. 合併加上拓展小區塊以求差異化,接著依平衡與視覺焦點來加以調整

照片是有重量的,留白的部分一樣會有重量。主視覺只能有一個,通常就是最大的圖像,方塊照片或去背照片都可以,位置靠近中間或邊界,通常邊界較好。主秀只能有一個,其他配角要小一些才好,否則會削弱設計。


3.接著是微調

長段的圖說不要放在照片下方,而是放在大區塊的設計內。畸零空間是最好擺放圖說或引言的地方。


4. 社論頁面也要依靠格線的幫助

如果只是放成一塊塊整齊元素,看起來沒有視覺焦點、對比。不規則的去背圖和有邊的照片,可以形成強烈的對比。群組相關元素,例如文字和引言是一組,照片是一組。建立視覺軸線,強烈的視覺中心,讓讀者有閱讀的流動性。


5. 細緻優美的字體,可以襯托您的照片

選擇同一個字體的家族,技巧性使用對比(濃淡、大小、寬度),會讓字體的選擇得到最佳效果。字體大,用極細的字形。


-----


如何設計卡片


太多資訊擠入小空間,要有主視覺焦點和主要訊息。想要快速傳達訊息,要先將訊息整理過,把比較接近的訊息整理在一起,此處的原則是「少」。分成幾區,用明顯的對比差異,讓讀者很快且簡單地看到重點。


1. 用字體作為主要設計

把標題變成展示品,讓其他元素和標題看不見的對齊。頭部的大小比例要相同,對齊眼睛和下巴。


2.以照片作為主視覺元素

視覺比重保持在中間或靠右。使用字體對比來強調不同的訊息種類(用字體來分類訊息)。鬼影重重的背景,前面的資訊要非常簡單。


3. 以插圖作為主視覺

設計的關鍵就在這些看不見的邊界和對齊。插圖大且在中間,跟表達的文字相關。


-----


如何改進您所設計的每個表格


留白空間可以讓頁面顯得更吸引人,外圍邊界設寬一些,表格資料疊放太緊密,會使人厭煩雜亂。會加裝訂邊嗎?水平裝訂?字形簡單平滑,以免列印時不清楚。所有表格都套用相同格式規範。以較小字體作為結束。


將資料分配到四個主要區塊內:

1. 這是誰的表格?用途為何?(標題區)

2. 誰需要填這份表格?(身分區)

3. 我們想要知道甚麼或傳達什麼?(內容區)

4. 誰來處理、如何處理?(歸類區)


使用一致的格線來區分:

1. 2pt設定主要區塊

2. 1pt用在次要區塊

3. 0.25pt區分獨立行

4. 強調資訊,墊淺灰色色塊


-----


如何設計一張好廣告


*3/4圖片,1/4文字或其他元素。分割空間,然後逐次加入元素 *使用不同層次的文字,可以建立出深度感。 *將幾個小插圖相互重疊,再套以不同的濃淡顏色即可有層次。



製作簡單易讀的規格表


*有留白的空間比較能吸引讀者

*群組相同類型的資訊

*界定分類

*越精緻的表格,垂直線條越少越好

*建立內容階級以方便閱讀

*注意對齊的機會

58 次查看0 則留言

Comments


bottom of page