付費限定方格精選

排版微調 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
查看全部
發表第一個留言支持創作者!
設計分析會每個月跟大家分析一個廣告素材,我會拆解這張圖片的優點、技巧、配色、排版,讓大家可以了解一張設計的構成。
有很多人會想要自學平面設計,不管是想要從事相關工作、興趣、協助自己工作等等,雖然網路資源越來越多,但對於剛想入門的人卻因為選擇太多反而不知道該如何入門。 這邊分享我自己詳細學習設計的經驗,希望可以提供給大家一些幫助。
排版微調 VOL.1-詳細解說版 排版微調是我社群的一個系列內容,這篇則是提供給訂閱會員的詳細解說版,會說明為何調整的原因跟我的看法,以及原本設計可能有的問題,如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因。
首先感謝大家加入創作邦會員,很開心能在這裡見到大家,這篇內容是提供給新加入朋友的介紹,讓大家可以了解訂閱會員有哪些福利及沙龍的介紹。 對於內容有任何問題或是有想要許願的內容也歡迎留言告訴我~
幕後分享系列以我個人經驗為主,內容僅供參考,如果我未來有更新或其他經驗就會更新本篇內容。 這邊想分享我自己錄製影片選麥克風的經驗,完全真實不藏私,如果你剛好在選麥克風,可能會有一些幫助。
這篇內容精華重點:一個是 Open AI 執行長分享了一篇「希望有人早點告訴他的幾件事」,從過來人的角度分享他年輕時會希望有人告訴他的事情,很有啟發,還有一部影片是我認為人生必看 TED 的演講,叫脆弱的力量,告訴我們與脆弱相處的方法跟重要性。
設計分析會每個月跟大家分析一個廣告素材,我會拆解這張圖片的優點、技巧、配色、排版,讓大家可以了解一張設計的構成。
有很多人會想要自學平面設計,不管是想要從事相關工作、興趣、協助自己工作等等,雖然網路資源越來越多,但對於剛想入門的人卻因為選擇太多反而不知道該如何入門。 這邊分享我自己詳細學習設計的經驗,希望可以提供給大家一些幫助。
排版微調 VOL.1-詳細解說版 排版微調是我社群的一個系列內容,這篇則是提供給訂閱會員的詳細解說版,會說明為何調整的原因跟我的看法,以及原本設計可能有的問題,如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因。
首先感謝大家加入創作邦會員,很開心能在這裡見到大家,這篇內容是提供給新加入朋友的介紹,讓大家可以了解訂閱會員有哪些福利及沙龍的介紹。 對於內容有任何問題或是有想要許願的內容也歡迎留言告訴我~
幕後分享系列以我個人經驗為主,內容僅供參考,如果我未來有更新或其他經驗就會更新本篇內容。 這邊想分享我自己錄製影片選麥克風的經驗,完全真實不藏私,如果你剛好在選麥克風,可能會有一些幫助。
這篇內容精華重點:一個是 Open AI 執行長分享了一篇「希望有人早點告訴他的幾件事」,從過來人的角度分享他年輕時會希望有人告訴他的事情,很有啟發,還有一部影片是我認為人生必看 TED 的演講,叫脆弱的力量,告訴我們與脆弱相處的方法跟重要性。
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
PPT中最基本的幾何元素線,這一條線在PPT中竟然是輔助排版的神器,一起來看看這條線如何搖身一變,變成排版神器的 今天分享一條線的5種功能 文字連接線 分割線 對齊線 時間軸 裝飾線 ▶️影片展示教學 觀看影片前可以打開PPT跟著練習,這樣學習效果會更好哦
Thumbnail
用一個職場常用的循環PDCA當作舉例,那PDCA循環是什麼?其中最著名的例子,是由日本樂天社長三木谷浩史說過的「每天改善 1%,1 年強大 37 倍。」其中蘊含的道理,即是每天「持續改善」的PDCA 循環(PDCA Cycle)。 所以企業常常會針對PDCA循環進行介紹與訓練,如果介紹時一打開PP
Thumbnail
先來看官方文件 https://developer.apple.com/documentation/swiftui/spacer Spacer A flexible space that expands along the major axis of its containing stack
Thumbnail
在今天的數位世界中,Word排版不僅僅是專業文書處理的一部分,也是最常用到的文書工具。然而,許多人在使用Word進行排版時,常常遇到了刪不掉的謎之空白頁的問題,不論怎麼按下"Delte"就是刪除不掉,硬生生就多出一頁,看起來既不美觀又不專業,今天一起來學學怎麼怎麼刪除。
Thumbnail
這世界上無所不在的設計。要自學版面設計,書不是必要,「知道自己要做出什麼東西」才是絕對必要的東西,而「認識軟體」只是這個必要的其中一項而已。
Thumbnail
indd排版就在滑鼠與鍵盤中進行,孩子好奇以前沒有電腦時,印刷品是怎麼產生的,當然印章是一種,但意義上還是有些不同。偶然看到這有趣的鉛字排版工具(嗯,姑且稱它為工具書吧)就和孩子一起來試試,並說一說如
Thumbnail
大部份的人都討厭重複,覺得「重複」就是代表著無聊、乏味、沒有變化性,其實排版設計上的「重複」並不是無趣、乏味、簡單,而是要給人統一、整體、相互關聯的感覺,讓視覺內容產生一種規律,使消費者可以更好閱讀,更快速的理解你想要傳達的訊息。
Thumbnail
視覺排版一直以來,都是設計師必備的重要技術之一,也是最常被人拿來討論、批評的話題,雖然不管是客戶或是一般民眾,大家通常都會覺得排版很簡單,自己來也可以,但其實如何把排版跟美感以及成效,一起發揮到極致,並不是人人都可以做得到的!
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
PPT中最基本的幾何元素線,這一條線在PPT中竟然是輔助排版的神器,一起來看看這條線如何搖身一變,變成排版神器的 今天分享一條線的5種功能 文字連接線 分割線 對齊線 時間軸 裝飾線 ▶️影片展示教學 觀看影片前可以打開PPT跟著練習,這樣學習效果會更好哦
Thumbnail
用一個職場常用的循環PDCA當作舉例,那PDCA循環是什麼?其中最著名的例子,是由日本樂天社長三木谷浩史說過的「每天改善 1%,1 年強大 37 倍。」其中蘊含的道理,即是每天「持續改善」的PDCA 循環(PDCA Cycle)。 所以企業常常會針對PDCA循環進行介紹與訓練,如果介紹時一打開PP
Thumbnail
先來看官方文件 https://developer.apple.com/documentation/swiftui/spacer Spacer A flexible space that expands along the major axis of its containing stack
Thumbnail
在今天的數位世界中,Word排版不僅僅是專業文書處理的一部分,也是最常用到的文書工具。然而,許多人在使用Word進行排版時,常常遇到了刪不掉的謎之空白頁的問題,不論怎麼按下"Delte"就是刪除不掉,硬生生就多出一頁,看起來既不美觀又不專業,今天一起來學學怎麼怎麼刪除。
Thumbnail
這世界上無所不在的設計。要自學版面設計,書不是必要,「知道自己要做出什麼東西」才是絕對必要的東西,而「認識軟體」只是這個必要的其中一項而已。
Thumbnail
indd排版就在滑鼠與鍵盤中進行,孩子好奇以前沒有電腦時,印刷品是怎麼產生的,當然印章是一種,但意義上還是有些不同。偶然看到這有趣的鉛字排版工具(嗯,姑且稱它為工具書吧)就和孩子一起來試試,並說一說如
Thumbnail
大部份的人都討厭重複,覺得「重複」就是代表著無聊、乏味、沒有變化性,其實排版設計上的「重複」並不是無趣、乏味、簡單,而是要給人統一、整體、相互關聯的感覺,讓視覺內容產生一種規律,使消費者可以更好閱讀,更快速的理解你想要傳達的訊息。
Thumbnail
視覺排版一直以來,都是設計師必備的重要技術之一,也是最常被人拿來討論、批評的話題,雖然不管是客戶或是一般民眾,大家通常都會覺得排版很簡單,自己來也可以,但其實如何把排版跟美感以及成效,一起發揮到極致,並不是人人都可以做得到的!