付費限定

設計微調 VOL.5-排版概念分析

閱讀時間約 5 分鐘

排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。

如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱


以下內容會說明每個設計調整的原因跟優點,部分內容也會解釋原有設計的問題,建議大家在看的時候,可以自己先看圖,判斷一下我調整了什麼以及為何調整,再來看文字介紹可能會更有收穫。

raw-image

1.微調案例一

這個案例是讓資訊的層級更明確,以金額來說,幣值只是輔助作用,重要的是金額,所以讓金額更凸顯,另外整體的間距也需要另外調整,尤其是符號跟文字間距常常不同,會容易有上面那種間格超大的狀況,需要手動調整,除非是內文部分,文字量比較多,不好一一調整,不然建議都要手動調。

重點:資訊層級區分好可以讓資訊更清楚外,整體視覺也更精緻。


raw-image

2.微調案例二

這段刻意「只調整一個地方」,整體其實還有不少能調整,但為了讓大家更清楚重點,只調整一處,大家有發現調整的地方嗎?

其實就是上引號,跟前面提到的一樣,有時候符號旁的間距會太大,以這邊來說,我其實「齊左」了,但是你會發現還有一大塊空白,導致看起來沒有對齊,這其實是小細節,但也是很多人不會注意到的,畢竟大家直接輸入文字,讓他自動排版很方便。

重點:細節有時候就是不要太依賴「軟體自動提供的」


raw-image

3.微調案例三

創作者正在準備中
請加入 創作邦|設計X工具X品牌的沙龍 了解最新動態!
創作邦致力分享設計新知、創作工具、高效工作方法,我們的沙龍提供各種給設計師和創作者的實用知識與資源,如果你付費訂閱我們,還會提供你更深度的內容分享、專屬討論區、會員購買數位商品限定優惠等福利。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
這分析的是一張 Pansonic 的家電廣告,這張設計是放在社群上使用的,用來作為聖誕宣傳與抽獎使用,這張設計很好的展示了多產品與多文字資訊在設計上如何呈現,是一個很好的社群設計案例,如果你有在社群上設計的需求,應該會遇到類似的狀況,未來遇到多圖、多資訊這會是很好的參考。
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
這篇文章分享了在遠端工作方面的 5 個經驗和心得,包括如何有效管理工作任務、活動與會議管理、工作訊息處理、如何劃分工作與生活界線以及遠端工作設備推薦。 如果你是遠端工作者,這篇文章可以提供你一些實用的建議。
這篇整理了我這個月讀到一些不在我分類中但很不錯內容,我也都有附上來源,如果你想了解我這個月發現了什麼不錯的內容都可以在這裡找到,而且我還會加上一點個人回饋。
這篇整理了我這個月讀到關於「工具資源」和「個人品牌與行銷」相關的內容,並且幫大家附上了來源,如果你想了解我這個月發現了什麼不錯的內容都可以在這裡找到,而且每篇我還會加上我的一點個人回饋。
這篇整理了我這個月讀到關於「設計創作」和「AI」相關的內容,並且幫大家附上了來源,如果你想了解我這個月發現了什麼不錯的內容都可以在這裡找到,而且我還會加上我的一點個人回饋。 另外每月資訊量不同,造成每一類的內容不一,有的內容會比較多,如果你只想看精選,我會在每一類中都挑出 3 篇我最推的。
這分析的是一張 Pansonic 的家電廣告,這張設計是放在社群上使用的,用來作為聖誕宣傳與抽獎使用,這張設計很好的展示了多產品與多文字資訊在設計上如何呈現,是一個很好的社群設計案例,如果你有在社群上設計的需求,應該會遇到類似的狀況,未來遇到多圖、多資訊這會是很好的參考。
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
這篇文章分享了在遠端工作方面的 5 個經驗和心得,包括如何有效管理工作任務、活動與會議管理、工作訊息處理、如何劃分工作與生活界線以及遠端工作設備推薦。 如果你是遠端工作者,這篇文章可以提供你一些實用的建議。
這篇整理了我這個月讀到一些不在我分類中但很不錯內容,我也都有附上來源,如果你想了解我這個月發現了什麼不錯的內容都可以在這裡找到,而且我還會加上一點個人回饋。
這篇整理了我這個月讀到關於「工具資源」和「個人品牌與行銷」相關的內容,並且幫大家附上了來源,如果你想了解我這個月發現了什麼不錯的內容都可以在這裡找到,而且每篇我還會加上我的一點個人回饋。
這篇整理了我這個月讀到關於「設計創作」和「AI」相關的內容,並且幫大家附上了來源,如果你想了解我這個月發現了什麼不錯的內容都可以在這裡找到,而且我還會加上我的一點個人回饋。 另外每月資訊量不同,造成每一類的內容不一,有的內容會比較多,如果你只想看精選,我會在每一類中都挑出 3 篇我最推的。
你可能也想看
Google News 追蹤
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
報價書需要具備的內容有哪些呢?關於設計報價書製作的二三事在這裡!
Thumbnail
不論是平面設計、介面設計,都能見排版這一詞。而排版的作用,即在明確的設計目標中,將所有元素做有組織的安排,精確地傳達訊息。
Thumbnail
善用好讀的排版指南,提高使用者持續閱讀的意願。主軸將圍繞於好讀,雖與視覺排版相近,卻有些許的不同;本文所提及到的任何觀念,來自於經驗或是過去所學,不須奉為圭臬,而是理解與體會。
Thumbnail
在網頁設計中,排版是傳達信息和增強用戶體驗的關鍵。一個良好的排版不僅能使網站看起來專業,還能指引用戶高效地獲取信息。以下是網頁設計排版中需要注意的細節。
Thumbnail
排版視覺調整的重要性及基本原則 在印刷排版的藝術中,視覺調整是一項不可或缺的技術。它的核心在於如何讓每一行文字更加協調、美觀,同時確保整體版面的和諧。這種調整可以分為兩類:「段落視覺調整」和「單行視覺調整」。段落視覺調整專注於整個段落的文字排列,而單行視覺調整則聚焦於單獨一行的調整。兩者各有特點,
Thumbnail
製作簡報前,我們先認識基本的排版觀念,掌握幾個大原則,就可以讓簡報看起來很專業囉!
Thumbnail
UIUX 設計師們,是否時常尋找新的靈感來豐富你的網頁設計?以下介紹三個寶藏網站,將為你的創作之路帶來耳目一新的風景。
Thumbnail
整本書的設計偏向日系清新風,書籍設計色彩明亮、和諧,排版小裝飾具有巧思。適合新手學習的設計工具書。
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
報價書需要具備的內容有哪些呢?關於設計報價書製作的二三事在這裡!
Thumbnail
不論是平面設計、介面設計,都能見排版這一詞。而排版的作用,即在明確的設計目標中,將所有元素做有組織的安排,精確地傳達訊息。
Thumbnail
善用好讀的排版指南,提高使用者持續閱讀的意願。主軸將圍繞於好讀,雖與視覺排版相近,卻有些許的不同;本文所提及到的任何觀念,來自於經驗或是過去所學,不須奉為圭臬,而是理解與體會。
Thumbnail
在網頁設計中,排版是傳達信息和增強用戶體驗的關鍵。一個良好的排版不僅能使網站看起來專業,還能指引用戶高效地獲取信息。以下是網頁設計排版中需要注意的細節。
Thumbnail
排版視覺調整的重要性及基本原則 在印刷排版的藝術中,視覺調整是一項不可或缺的技術。它的核心在於如何讓每一行文字更加協調、美觀,同時確保整體版面的和諧。這種調整可以分為兩類:「段落視覺調整」和「單行視覺調整」。段落視覺調整專注於整個段落的文字排列,而單行視覺調整則聚焦於單獨一行的調整。兩者各有特點,
Thumbnail
製作簡報前,我們先認識基本的排版觀念,掌握幾個大原則,就可以讓簡報看起來很專業囉!
Thumbnail
UIUX 設計師們,是否時常尋找新的靈感來豐富你的網頁設計?以下介紹三個寶藏網站,將為你的創作之路帶來耳目一新的風景。
Thumbnail
整本書的設計偏向日系清新風,書籍設計色彩明亮、和諧,排版小裝飾具有巧思。適合新手學習的設計工具書。