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

更新私密發佈閱讀 4 分鐘

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

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


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

raw-image

字體風格:

字體變得更為粗壯,並且增加了立體效果,讓文字更具視覺衝擊力。


顏色與陰影:

文字增加了藍色邊框和陰影效果,讓文字更具立體感和層次感。


圖案元素:

在百分比符號中加入了閃電圖案,增強了設計的趣味性和動感。


整體視覺效果:

通過字體、顏色和圖案的改變,使設計更具活力和吸引力,能更好地傳達「電量充足」的概念。



raw-image

字體樣式:

使用了描邊字體,字體內部變為透明,僅保留字體的邊緣線條。


視覺效果:

描邊字體讓文字與背景更好地融合,增加了設計的透氣感和輕盈感,讓整體設計更為和諧。


設計風格:

描邊字體增加了現代感和設計感,使得設計更具吸引力和視覺美感。



raw-image

文字排版:

使用了標籤(#)來分隔不同的資訊,使得每個特點更加獨立和突出。


視覺元素的加入:

在右上角加入了產品的細節圖,增加了產品的真實感和質感,讓消費者更有信任感。


按鈕設計:

立即購買使用按鈕圖案,讓引導效果更為強烈。


背景顏色:

背景顏色有了漸變效果,增加了層次感和視覺吸引力。



raw-image

文字對比度:

微調前:文字顏色與背景顏色對比度較低,導致文字不夠清晰,閱讀困難。

微調後:文字顏色與背景顏色對比度提高,使文字更為清晰易讀,增強了資訊的可讀性。


raw-image

文字風格:

文字增加了色彩和陰影效果,使其更具立體感和視覺吸引力,且選擇深藍是為了搭配「夜晚」的意象。


圖案添加:

文字左側添加了一個時間的圖案符號,來強調「整夜有效」的時間感。



raw-image

這個微調前後差異只在於一個小地方,下方在手機前增加的漸層黑,透過這方式可以讓手機更有深度,像是真的放在框裡面,上方原圖少了陰影看起來更扁平。


raw-image

字體樣式:

改用了藍色的襯線字體,使得整體設計更具文化氣息和節日氛圍。


增加英文:

在中文標題上方增加了英文翻譯「THE MID-AUTUMN FESTIVAL」,增強了設計的層次感,讓整個文字結構更豐富。


整體排版:

通過字體大小和顏色的變化,以及英文與中文的搭配,使得排版更加豐富,層次分明。



raw-image

文字強調:

將「滿 3,000」和「預約來店」這些關鍵資訊進行了加粗和顏色強調,讓讀者更容易捕捉到重點資訊。


標籤設計:

增加了橙色的優惠標籤「優惠1」和「優惠2」,這樣可以更清晰地區分不同的優惠活動,提升視覺層次感。


整體排版:

通過字體大小、顏色和標籤的變化,使得排版更具層次感,訊息傳達更為清晰明確。


留言
avatar-img
創作邦|設計X工具X品牌的沙龍
19.5K會員
135內容數
創作邦致力分享設計新知、創作工具、高效工作方法,我們的沙龍提供各種給設計師和創作者的實用知識與資源,如果你付費訂閱我們,還會提供你更深度的內容分享、專屬討論區、會員購買數位商品限定優惠等福利。