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

更新私密發佈閱讀 3 分鐘

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

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


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

raw-image

調整重點

1.畫面太雜亂,把一些非必要元素拿掉,像是洗面乳旁邊線條、強效潔淨外框線、立即購買陰影拿掉可以讓畫面減少複雜度。

2.立即購買使用白色按鈕更清楚,且陰影改成深綠色更自然。

3.補上產品的使用圖或內容物等示意,來增加說服力與信任感。


raw-image

調整重點

1.畫面太雜亂,使用太多字體與顏色,這邊首先做的就是把顏色都先改成白色與紅色,然後字體統一,馬上可以讓雜亂感降低。

2.立即購買改成白色按鈕,雖然變小但其實更凸顯,且陰影改成深紅色更自然。

3.限時優惠改成放左上,讓資訊呈現更簡潔與清楚。

4.插畫改成更簡潔的圖案,且降低透明度,變成配角更好一點


raw-image

調整重點

1.把文字對齊,這邊文字多,閱讀都是左到右,所以選擇齊左對齊。

2.字體除了大小外,粗細也可以有變化,讓層次感更強。


raw-image

調整重點

​這邊調整重點就是要讓這文字的感覺更有「茶餐廳招牌感」,所以最好的調整方是就是找實際招牌參考,像是招牌是燈管,會有霓虹效果,另外字體以襯線體比較常見,所以也同時變化字體。


raw-image

調整重點

1.步驟說明我們可以使用虛線來作為步驟的引導。

2.步驟說明要讓人清楚知道目前處於哪一個步驟,我們可以讓該步驟有一個主色,其他用灰、白、黑這類中性色來呈現。

3.把圖示與文字縮小可以讓整體視覺效果更精緻。


raw-image

調整重點

1.透過手指方向的圖示引導,可以讓我們更快注意到重點。

2.線條上下除了有像是講話擴音的效果,也同時把資訊給強調出來。


raw-image

調整重點

讓價格呈現更細緻的方法有很多,我自己就很喜歡這張的作法,調整適合的字體、間距、符號,然後把元給改小,這些調整都可以讓文字看起來更加精緻。


raw-image

調整重點

這類設計我自己會說是「圖象化」,這也是我覺得設計師很常在做的事情,當我想讓畫面更豐富時,我就會看一遍文案,看看有哪些文字可以跟圖案搭配,像是這邊倒數就跟沙漏很搭。

另外有圖像一起搭配後整體就會更精緻,我另外很喜歡的一個方式就是把整個元素群組化,用幾何圖形讓不同元素之間可以結合在一起。


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