建立對比字型樣式?運用簡單的字型樣式小技巧提升讀者的連結!

建立字型樣是對比式設計人普片常用的手法,這是一個極為簡單又實用的小小技巧,即使沒有在學設計的你依然能使用,它能很快的讓對方產生吸引目光。

就字型而言,對比擁有多種形式呈現:大/小、黑/白、大寫/小寫、襯線/非襯線等。當這些東西改變的時候就產生變化,它傳遞的訊息或者本質,將一切的被改變。

下面你將會知道如何運用字型樣式對比方能給他人順暢的閱讀,Let’s go!

進入正題之前…先點個歌曲輕鬆一下:周杰倫-說好不哭

1.選擇字型樣式

好了,我將以周杰倫的歌曲作為例子,周杰倫 Jay Chou說好不哭 Won’t Cry with 五月天阿信 (Mayday Ashin)這是這首MV底下的標題,首先我們必須選擇一個字體風格,以確保我需要甚麼。

將這個字型選為不限個人或商業使用的台北黑體

我們可以看到,2019/9/16是該歌曲上傳到y0utube的日期、歌手名字以及歌曲名稱,可是呢,你會發現到他們其實都是用「同一種語氣」在說話,像念課本一樣。

既然一個位置裡面擁有四個資訊,那我們能做的就只有對比了!這樣能讓讀者知道你要說的重點在哪裡,分辨清楚這些訊息。

2.改變顏色

我們要做的是先改變顏色,像下面來說三個資訊輕易的分辨出來,時間、歌手的歌曲、跟誰一起唱的都能分辨。

傻眼這也太LOW了吧?!!!雖然分辨得出來時間、歌曲,可是這會給人一種俗氣感覺。

:阿那…那我在換換另一種好了~

這樣看就好多了,這樣的方式重點在於時間、其次是周杰倫 Jay Chou說好不哭 Won’t Cry 再來第三是五月天阿信的部分。

3.胖子跟瘦子

設計師通常很喜歡挑戰自己,他們喜歡把美提升到一個層次。台北黑體有一個非常棒的優勢它擁有它的家族。

家族?那什麼?意思就是在這一套字型裡它擁有粗跟細的部分,也就是說不用改變這一套字型但是這一套字型裡面的哥哥是胖子、弟弟是瘦子。

你會發現日期變細了,周杰倫變成重點了,當然阿信變藍色框第二要說的話。

:可是我不想要阿信灰灰的耶…
:(吸氣) 好^^b

(交卷!!)

這樣的就形成第一眼看到周杰倫是重點再來是阿信,接著是日期了。

:日期尾巴那邊好擠阿~~~~
: 好的,改改改~都改!!

4.重返改變顏色

:嗯?剛剛不是教過改變顏色了嗎?為何又要再教改變顏色?
:先別急著下定義,我們看下去吧~!

我們也不用字型家族去弄,用原本的字體下去更動。

日期的顏色方面,黑色與灰色看起來混濁但也不混濁,可是讀者會最先看周杰倫那一排看過去直到五月天完再看回日期。

相較第一個改變顏色的方式,這個會比較有動線。

延伸閱讀:平面設計如何創造視覺焦點?告訴你8大簡單實用的平面視覺焦點

5.空間

對於資訊上排列許多人第一眼就想要看周杰倫,但又不想要忽略時間的部分,那麼可以怎麼做?運用空間的排列。

我們運用人閱讀由左至右的習慣,加大空白方能知道資訊。

同時用上面的字體家族方式也能建立對比樣式。

延伸閱讀:如何打造搶眼海報構圖模式? 8種視覺海報構圖法則大公開

6.疊疊樂

: 啊我不想把日期方後面耶,那…那有什麼方法?
:有的,當然有的。

我們可以運用一個小塊的區隔內,疊疊樂的方式也能大大提升讀者的閱讀方式。

這樣就能清晰明瞭,那麼更可以把五月天部分弄細,重點就能顯現出來了。

加個箭頭後就像式日期讀完指示周杰倫那一排

甚至,大膽點。


大概就像這樣可以用這些方法在你的社群軟體裡擁有一個好的說明,讓讀者擁有極佳的體驗,使用之前都先看看有什麼重點可以說,不然的話讀者不知道你說什麼,重要的是為讀者服務。

在〈“建立對比字型樣式?運用簡單的字型樣式小技巧提升讀者的連結!”〉中有 9 則留言

  1. 真心覺得版主好厲害….我超不會排版QQ每種都簡單排但是卻很好看,很適合設計人看的文章~~

  2. 我喜歡倒數第四個!
    夠大膽~ 而且日期又獨立出來標示明顯,
    字體的粗細讓人和歌名好似有了靈魂似的!
    之後製作精選圖片又靈感了!
    感謝!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *