分享一個製圖的小 trick，叫做「四分之一框」，這是我觀察媒體《鏈新聞》學來的。
目的是為了視覺上的「區隔」效果，讀者友善！
在讀文章的時候，有一個痛點是：配合一張圖片的說明文字，到底是要看該圖片的上方呢？還是看該圖片的下方？這會因為作者的習慣而有所不同（有的人習慣先 show 圖再給說明，有的人習慣先給說明再 show 圖，還有些人⋯⋯沒有一定規律 XD。）
於是讀者還要去適應作者的習慣。
透過「四分之一框」的做法，可以在視覺上把「文字和搭配的圖」收斂（聚攏）在一起，讓讀者好讀，減輕閱讀時的阻力。
＊
下圖為「文字先行，圖片跟進」的 1/4 框用法，框放在左下角；同理，假如另一位作者的習慣是「圖片先行，文字跟進」，則他可以把 1/4 框框安置在左上角。
更多的四分之一框請見：
墨耘｜餘額不遮了！FTX 索賠網站教學懶人包
分享一個製圖的小 trick，叫做「四分之一框」，這是我觀察媒體《鏈新聞》學來的。
目的是為了視覺上的「區隔」效果，讀者友善！
在讀文章的時候，有一個痛點是：配合一張圖片的說明文字，到底是要看該圖片的上方呢？還是看該圖片的下方？這會因為作者的習慣而有所不同（有的人習慣先 show 圖再給說明，有的人習慣先給說明再 show 圖，還有些人⋯⋯沒有一定規律 XD。）
於是讀者還要去適應作者的習慣。
透過「四分之一框」的做法，可以在視覺上把「文字和搭配的圖」收斂（聚攏）在一起，讓讀者好讀，減輕閱讀時的阻力。
＊
下圖為「文字先行，圖片跟進」的 1/4 框用法，框放在左下角；同理，假如另一位作者的習慣是「圖片先行，文字跟進」，則他可以把 1/4 框框安置在左上角。
更多的四分之一框請見：
墨耘｜餘額不遮了！FTX 索賠網站教學懶人包