付費限定方格精選

排版微調 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
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
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
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
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
視覺排版一直以來,都是設計師必備的重要技術之一,也是最常被人拿來討論、批評的話題,雖然不管是客戶或是一般民眾,大家通常都會覺得排版很簡單,自己來也可以,但其實如何把排版跟美感以及成效,一起發揮到極致,並不是人人都可以做得到的!