淺談版面設計的觀念

更新於 發佈於 閱讀時間約 3 分鐘
透過適當的版面安排、組織元素,有效地傳達訊息。

排版設計的用意是傳達訊息,而我們如何吸引人觀看,以及讓人願意停留,這些都是影響訊息是否能有效傳達的因素。提出幾個技巧與觀念,設計好讀也好看的排版。

在先前的文章〈好讀的排版指南〉著重於好讀的體驗,即是本篇的前身,接下來將對各項內容,提出更深入的觀點。


排版,即是你的表達能力

當畫面中有許多元素,像是一堆材料散落在桌面上,如何透過安排,將這些材料組織好,讓人明白「你想表達什麼?」哪些部分是最重要的?你希望對方能優先接收到的?

透過視覺安排,讓這些元素與你的讀者溝通。

表層與裡層

在此之前,我們學習了許多排版的應用,透過表層能看到的,逐步滲透到裡層,傳達真正的感受,引起對方的想法或是共鳴。


了解完形心理原理

完形心理,即為格式塔學派,也有人使用「完形律」來稱呼它。完形心理透過「統一性」來創造更好的設計,而它的核心概念為:整體不等於個體的總和。

若能將完形心理運用在排版上,就能引導視覺動線,達到很棒的效用。

如我們對一朵花的感知,並非純粹單單從對花的形狀、顏色、大小等感官資訊而來,還包括我們對花過去的經驗和印象,加起來才是我們對一朵花的感知。


閉合性(Closure)

讓我們自行想像腦補,類似於減法的表現,讓觀者自行腦補。如我們利用負空間或是剪影來表現出一個物件,不需完成圖像的全貌,就能讓觀者想像出內容物。



相似性(Similarity)

元素彼此有相似的視覺性質,如顏色、尺寸、形狀、主題等等。我們可利用元素的相似性,讓不同元素之間具有組織。



鄰近性(Proximity)

元素彼此靠得越近,關係就越強烈。在排版設計中,我們會將關係接近的元素組合在一起,讓畫面有組織。



連續性(Continuity)

最明顯的特徵為,找到起點,跟著方向走。例如箭頭指向、相鄰的點形成線、甚至是透過暗示,讓觀者不自覺往該方向望去。



易讀性與可讀性

理解這兩者的差異,並將其運用於排版中。

易讀性(Legibility)

文字的可辨識程度,強調外在的型態;透過文字的外觀、排版設計等,提高文字的辨識度,讓觀者容易閱讀。

以上圖為例,黑底白字比灰底白字更容易閱讀。



可讀性(Readability)

指文字本身乘載的語意是否可理解,表達是否清晰,並正確傳達訊息。

以上圖為例,同樣是「燒」就代表不同意思,加上前後的描述也不明確,容易讓人產生誤會。




考量閱讀媒介

在排版時,除了畫面本身之外,也得考慮閱讀的媒介、裝置、載體等因素,這些會影響我們選擇合適的版面安排。

最好理解的方式,可以透過實際使用不同媒介來閱讀,並了解為何使用。




最後的碎碎唸

舒服的文字排版,可以提高閱讀者繼續閱讀的意願,為內容加分。

過去在學習文字排版時,容易拘泥在一些數值或是規則中。但是當我理解為何使用這樣的方式時,越能體會出什麼樣的排版是舒適的,甚至是什麼樣的排版是自己會喜歡的。

連最了解的自己都無法好好閱讀的排版,就別說是自己以外的閱讀者了。

尊重使用者,也是閱讀體驗的一部份。

不知道你有沒有遇過,當你在閱讀一篇文章時,突然迸出蓋板廣告,或者每閱讀一小段文字,便插入一則廣告;甚至是每段文字底下都不時地加入與內文無關的宣傳文。

整體下來不斷地被打斷閱讀,除非內容非常吸引人,不然我實在是沒有閱讀下去的動力,默默關閉視窗。

留言
avatar-img
留言分享你的想法!
avatar-img
Deerlight Design 曝鹿設計
65會員
45內容數
換帳號唷
2024/08/21
將完形心理運用在畫面中,能有效引導視覺動線。格式塔理論也稱「完形心理學」,是心理學家對於知覺組織的一種看法。將完形心理運用在畫面中,能有效引導視覺動線。
Thumbnail
2024/08/21
將完形心理運用在畫面中,能有效引導視覺動線。格式塔理論也稱「完形心理學」,是心理學家對於知覺組織的一種看法。將完形心理運用在畫面中,能有效引導視覺動線。
Thumbnail
2024/08/20
如果約束使設計更易於使用,並降低出錯的可能性。日常中有不少約束設計的例子,它在生活中佔有一席之地,舉凡紅綠燈、電梯上下行的限制等等。
Thumbnail
2024/08/20
如果約束使設計更易於使用,並降低出錯的可能性。日常中有不少約束設計的例子,它在生活中佔有一席之地,舉凡紅綠燈、電梯上下行的限制等等。
Thumbnail
2024/08/15
運用錯視與留白,讓設計更迷人。利用錯視,將我們想傳遞的內容,置入於畫面中,不直白告訴觀看者訊息,而是讓觀看者自己去發現,達到互動與傳遞的效果。
Thumbnail
2024/08/15
運用錯視與留白,讓設計更迷人。利用錯視,將我們想傳遞的內容,置入於畫面中,不直白告訴觀看者訊息,而是讓觀看者自己去發現,達到互動與傳遞的效果。
Thumbnail
看更多
你可能也想看
Thumbnail
TOMICA第一波推出吉伊卡哇聯名小車車的時候馬上就被搶購一空,一直很扼腕當時沒有趕緊入手。前陣子閒來無事逛蝦皮,突然發現幾家商場都又開始重新上架,價格也都回到正常水準,估計是官方又再補了一批貨,想都沒想就立刻下單! 同文也跟大家分享近期蝦皮購物紀錄、好用推薦、蝦皮分潤計畫的聯盟行銷!
Thumbnail
TOMICA第一波推出吉伊卡哇聯名小車車的時候馬上就被搶購一空,一直很扼腕當時沒有趕緊入手。前陣子閒來無事逛蝦皮,突然發現幾家商場都又開始重新上架,價格也都回到正常水準,估計是官方又再補了一批貨,想都沒想就立刻下單! 同文也跟大家分享近期蝦皮購物紀錄、好用推薦、蝦皮分潤計畫的聯盟行銷!
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
經營自媒體有兩年多時間,越重視貼文或短影片價值內容,大家滑脆會發現為什麼很多人喜歡複製相同文字,然後再發一篇脆文,絕大多數為了吸引流量,讓大家可以短時間內追蹤自己,但對於此行為沒很認同,本篇就來分享2個長期經營自媒體好方法 !
Thumbnail
經營自媒體有兩年多時間,越重視貼文或短影片價值內容,大家滑脆會發現為什麼很多人喜歡複製相同文字,然後再發一篇脆文,絕大多數為了吸引流量,讓大家可以短時間內追蹤自己,但對於此行為沒很認同,本篇就來分享2個長期經營自媒體好方法 !
Thumbnail
傳單印刷是一種有效的市場推廣策略,能夠幫助企業傳遞信息、提升品牌知名度並吸引目標客戶。本文將探討傳單印刷的關鍵設計原則,以幫助您創建具有吸引力和影響力的傳單,並達到預期的市場效果。 一、傳單印刷的重要性 傳單印刷是一種直接觸及目標受眾的傳播方式。它能夠有效地傳遞信息、提供產品或服務的價值主張
Thumbnail
傳單印刷是一種有效的市場推廣策略,能夠幫助企業傳遞信息、提升品牌知名度並吸引目標客戶。本文將探討傳單印刷的關鍵設計原則,以幫助您創建具有吸引力和影響力的傳單,並達到預期的市場效果。 一、傳單印刷的重要性 傳單印刷是一種直接觸及目標受眾的傳播方式。它能夠有效地傳遞信息、提供產品或服務的價值主張
Thumbnail
在數位時代,網頁設計不僅是美學,更是企業成功的關鍵,一個出色的網站能讓您的品牌在競爭中脫穎而出,設計一個令人驚艷的網站不僅僅是選擇漂亮的圖片和顏色,而是涉及到深思熟慮的佈局和直觀的導航。
Thumbnail
在數位時代,網頁設計不僅是美學,更是企業成功的關鍵,一個出色的網站能讓您的品牌在競爭中脫穎而出,設計一個令人驚艷的網站不僅僅是選擇漂亮的圖片和顏色,而是涉及到深思熟慮的佈局和直觀的導航。
Thumbnail
好的品牌視覺系統,不僅讓你每一次的行銷設計都事半功倍! 也能無形之間為你的品牌不斷行銷,來了解如何透過系統化設計完善你的品牌接觸點吧!
Thumbnail
好的品牌視覺系統,不僅讓你每一次的行銷設計都事半功倍! 也能無形之間為你的品牌不斷行銷,來了解如何透過系統化設計完善你的品牌接觸點吧!
Thumbnail
自媒體(內容創作者)運營綱領4包含了搜尋引擎優化、內容生產、市場研究和知識付費相關的建議。
Thumbnail
自媒體(內容創作者)運營綱領4包含了搜尋引擎優化、內容生產、市場研究和知識付費相關的建議。
Thumbnail
做Banner的前置工作,用製作類型讓設計溝通更有共識,也讓設計師能確認執行的方向。
Thumbnail
做Banner的前置工作,用製作類型讓設計溝通更有共識,也讓設計師能確認執行的方向。
Thumbnail
瞭解如何設計一張能夠吸引潛在客戶並傳達訊息的宣傳單。包括目標受眾、吸引標題和圖片、簡潔明瞭的訊息、產品或服務的價值強調、提供聯絡方式以及適當的色彩和字體選擇。
Thumbnail
瞭解如何設計一張能夠吸引潛在客戶並傳達訊息的宣傳單。包括目標受眾、吸引標題和圖片、簡潔明瞭的訊息、產品或服務的價值強調、提供聯絡方式以及適當的色彩和字體選擇。
Thumbnail
地方刊物既不是傳統報刊也不是流行媒體,該如何透過每期的主題設定來吸引讀者,便是最重要的挑戰與趣味。
Thumbnail
地方刊物既不是傳統報刊也不是流行媒體,該如何透過每期的主題設定來吸引讀者,便是最重要的挑戰與趣味。
Thumbnail
商品標題怎麼下?商品敘述文案怎麼描述?市面上已經有很多社群行銷文章都在教怎麼寫廣告文案,而這篇會分享過往我在行銷產業運用的「廣告文案排列組合」,用「從規格到情境,再從情境到特色」的公式來拆解標題文案寫法。
Thumbnail
商品標題怎麼下?商品敘述文案怎麼描述?市面上已經有很多社群行銷文章都在教怎麼寫廣告文案,而這篇會分享過往我在行銷產業運用的「廣告文案排列組合」,用「從規格到情境,再從情境到特色」的公式來拆解標題文案寫法。
Thumbnail
文案設計是一種重要的視覺傳達技巧,透過文字、圖形、色彩等元素的搭配,傳達出品牌或產品的訊息。其中,色彩是文案設計中不可或缺的元素,它可以影響人們的視覺感受、情緒和心理。學會利用色彩在文案設計中,可以讓你的設計更加吸引人,一眼就被看見。以下將介紹7種常見顏色在文案設計中的魔力,以及它們適合用在哪裡
Thumbnail
文案設計是一種重要的視覺傳達技巧,透過文字、圖形、色彩等元素的搭配,傳達出品牌或產品的訊息。其中,色彩是文案設計中不可或缺的元素,它可以影響人們的視覺感受、情緒和心理。學會利用色彩在文案設計中,可以讓你的設計更加吸引人,一眼就被看見。以下將介紹7種常見顏色在文案設計中的魔力,以及它們適合用在哪裡
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News