付費限定方格精選

排版微調 VOL.2-排版概念詳細解說

閱讀時間約 4 分鐘

排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題,如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱


以下內容會說明每個設計調整的原因跟優點,部分內容也會解釋原有設計的問題


raw-image

1.用通知或標籤來凸顯

一段文字如果只是用最簡單的方式呈現常常不突出,除非畫面全白只有這段文字,不然在整體畫面中一定會有很多內容,那這時「重點」就要做出「差異化」,選擇不同造型、顏色都是差異化的好方法。

這邊我選擇類似「通知」的形式凸顯重點,因為內容是提醒詐騙,所以我還加上「!」有警告的功用。


raw-image

2.突出資訊重點

資訊會有重點,設計師通常要把重點摘要出來,然後針對資訊的不同去排出「層級」,像是這案例「新年特惠」代表的是活動,「折扣倒數」則是描述活動倒數中,「8小時」是時間資訊,有關聯但是可以拆成三組。

這時候就可以針對三組去做不同設計,文字字數一樣,我通常就會上面對齊排列,因為最好處理,另外我希望資訊整理是大的,所以使用雙行,通常畫面「寬的距離有限」,所不建議都單行處理。

而且這邊雙行剛好可以跟「8小時」搭配,另外小時比較是單位,這邊設計上我也會縮小呈現。


raw-image

3.做出點區隔

我們在設計上常常希望讓畫面更「精緻」,但感覺沒有東西能改能用,像是上面就是 QA 二句話,好像沒啥能變,其實最重要的就是 QA 二個符號,因為這二個是跟畫面中其他元素最不同的,除了英文外,我指的是,其他內容是「回答」,這些答案應該是一組,那一組的東西我要設計可能就要一起更改,但文字量太多通常不建議改的太特別。

所以選擇佔比少一點元素去調整,另外 QA 可能是有多題的,那如果弄的太花也不好。

這邊設計上 Q 跟 A,我覺得 A 是主角,大家一定更好奇答案,所以 Q 我選擇了中性色「黑色」,A 則是使用凸顯的「橘色」,這邊顏色挑選你可以選擇品牌色或設計中的主色、重點色。


raw-image

4.換一種形式

創作者正在準備中
請加入 創作邦|設計X工具X品牌的沙龍 了解最新動態!
創作邦致力分享設計新知、創作工具、高效工作方法,我們的沙龍提供各種給設計師和創作者的實用知識與資源,如果你付費訂閱我們,還會提供你更深度的內容分享、專屬討論區、會員購買數位商品限定優惠等福利。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
設計分析會每個月跟大家分析一個廣告素材,我會拆解這張圖片的優點、技巧、配色、排版,讓大家可以了解一張設計的構成。
有很多人會想要自學平面設計,不管是想要從事相關工作、興趣、協助自己工作等等,雖然網路資源越來越多,但對於剛想入門的人卻因為選擇太多反而不知道該如何入門。 這邊分享我自己詳細學習設計的經驗,希望可以提供給大家一些幫助。
排版微調 VOL.1-詳細解說版 排版微調是我社群的一個系列內容,這篇則是提供給訂閱會員的詳細解說版,會說明為何調整的原因跟我的看法,以及原本設計可能有的問題,如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因。
首先感謝大家加入創作邦會員,很開心能在這裡見到大家,這篇內容是提供給新加入朋友的介紹,讓大家可以了解訂閱會員有哪些福利及沙龍的介紹。 對於內容有任何問題或是有想要許願的內容也歡迎留言告訴我~
幕後分享系列以我個人經驗為主,內容僅供參考,如果我未來有更新或其他經驗就會更新本篇內容。 這邊想分享我自己錄製影片選麥克風的經驗,完全真實不藏私,如果你剛好在選麥克風,可能會有一些幫助。
這篇內容精華重點:一個是 Open AI 執行長分享了一篇「希望有人早點告訴他的幾件事」,從過來人的角度分享他年輕時會希望有人告訴他的事情,很有啟發,還有一部影片是我認為人生必看 TED 的演講,叫脆弱的力量,告訴我們與脆弱相處的方法跟重要性。
設計分析會每個月跟大家分析一個廣告素材,我會拆解這張圖片的優點、技巧、配色、排版,讓大家可以了解一張設計的構成。
有很多人會想要自學平面設計,不管是想要從事相關工作、興趣、協助自己工作等等,雖然網路資源越來越多,但對於剛想入門的人卻因為選擇太多反而不知道該如何入門。 這邊分享我自己詳細學習設計的經驗,希望可以提供給大家一些幫助。
排版微調 VOL.1-詳細解說版 排版微調是我社群的一個系列內容,這篇則是提供給訂閱會員的詳細解說版,會說明為何調整的原因跟我的看法,以及原本設計可能有的問題,如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因。
首先感謝大家加入創作邦會員,很開心能在這裡見到大家,這篇內容是提供給新加入朋友的介紹,讓大家可以了解訂閱會員有哪些福利及沙龍的介紹。 對於內容有任何問題或是有想要許願的內容也歡迎留言告訴我~
幕後分享系列以我個人經驗為主,內容僅供參考,如果我未來有更新或其他經驗就會更新本篇內容。 這邊想分享我自己錄製影片選麥克風的經驗,完全真實不藏私,如果你剛好在選麥克風,可能會有一些幫助。
這篇內容精華重點:一個是 Open AI 執行長分享了一篇「希望有人早點告訴他的幾件事」,從過來人的角度分享他年輕時會希望有人告訴他的事情,很有啟發,還有一部影片是我認為人生必看 TED 的演講,叫脆弱的力量,告訴我們與脆弱相處的方法跟重要性。
你可能也想看
Google News 追蹤
Thumbnail
報價書需要具備的內容有哪些呢?關於設計報價書製作的二三事在這裡!
Thumbnail
不論是平面設計、介面設計,都能見排版這一詞。而排版的作用,即在明確的設計目標中,將所有元素做有組織的安排,精確地傳達訊息。
Thumbnail
善用好讀的排版指南,提高使用者持續閱讀的意願。主軸將圍繞於好讀,雖與視覺排版相近,卻有些許的不同;本文所提及到的任何觀念,來自於經驗或是過去所學,不須奉為圭臬,而是理解與體會。
Thumbnail
Ae 小技巧:宣紙噪點+抽幀效果 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
在網頁設計中,排版是傳達信息和增強用戶體驗的關鍵。一個良好的排版不僅能使網站看起來專業,還能指引用戶高效地獲取信息。以下是網頁設計排版中需要注意的細節。
Thumbnail
排版視覺調整的重要性及基本原則 在印刷排版的藝術中,視覺調整是一項不可或缺的技術。它的核心在於如何讓每一行文字更加協調、美觀,同時確保整體版面的和諧。這種調整可以分為兩類:「段落視覺調整」和「單行視覺調整」。段落視覺調整專注於整個段落的文字排列,而單行視覺調整則聚焦於單獨一行的調整。兩者各有特點,
Thumbnail
製作簡報前,我們先認識基本的排版觀念,掌握幾個大原則,就可以讓簡報看起來很專業囉!
前言 那麼今天要來教大家,如何實現各種排版,以及不同的 CSS 可以做出怎樣的效果。 整理好你的思緒,深深吸一口氣,讓我們在 2024 這嶄新的一年當中,開始新的學習之旅吧。 字體相關 color 設定文字的顏色。 <p style="color: blue;">這是藍色文字。</
Thumbnail
整本書的設計偏向日系清新風,書籍設計色彩明亮、和諧,排版小裝飾具有巧思。適合新手學習的設計工具書。
Thumbnail
報價書需要具備的內容有哪些呢?關於設計報價書製作的二三事在這裡!
Thumbnail
不論是平面設計、介面設計,都能見排版這一詞。而排版的作用,即在明確的設計目標中,將所有元素做有組織的安排,精確地傳達訊息。
Thumbnail
善用好讀的排版指南,提高使用者持續閱讀的意願。主軸將圍繞於好讀,雖與視覺排版相近,卻有些許的不同;本文所提及到的任何觀念,來自於經驗或是過去所學,不須奉為圭臬,而是理解與體會。
Thumbnail
Ae 小技巧:宣紙噪點+抽幀效果 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
在網頁設計中,排版是傳達信息和增強用戶體驗的關鍵。一個良好的排版不僅能使網站看起來專業,還能指引用戶高效地獲取信息。以下是網頁設計排版中需要注意的細節。
Thumbnail
排版視覺調整的重要性及基本原則 在印刷排版的藝術中,視覺調整是一項不可或缺的技術。它的核心在於如何讓每一行文字更加協調、美觀,同時確保整體版面的和諧。這種調整可以分為兩類:「段落視覺調整」和「單行視覺調整」。段落視覺調整專注於整個段落的文字排列,而單行視覺調整則聚焦於單獨一行的調整。兩者各有特點,
Thumbnail
製作簡報前,我們先認識基本的排版觀念,掌握幾個大原則,就可以讓簡報看起來很專業囉!
前言 那麼今天要來教大家,如何實現各種排版,以及不同的 CSS 可以做出怎樣的效果。 整理好你的思緒,深深吸一口氣,讓我們在 2024 這嶄新的一年當中,開始新的學習之旅吧。 字體相關 color 設定文字的顏色。 <p style="color: blue;">這是藍色文字。</
Thumbnail
整本書的設計偏向日系清新風,書籍設計色彩明亮、和諧,排版小裝飾具有巧思。適合新手學習的設計工具書。