付費限定

利用色塊線條做出一張質感社群用圖

更新於 發佈於 閱讀時間約 3 分鐘
raw-image

上一篇〈拍出一張快速能製成社群圖的拍照構圖法!〉說到「怎麼利用構圖在版面上留白」好拿來運用在社群用圖(或長輩圖),但如果「真的已經拍了,又無法重拍」版面就是亂亂的一定需要用這張圖來做怎麼辦?

首先,我們必須先思考一件事:

你在圖上放的字是「裝飾」還是「給人讀的」?

如果是輕鬆好玩想要變點花樣,並不真的「傳遞訊息」,說實話,像「長輩圖」這種就是長輩們彼此傳爽爽當問候(或是你自己做得爽的)不用太介意美感或是「清楚傳遞訊息」(我就不相信有多少長輩認真讀那些花到無法讀、小到懶得帶老花眼鏡的字!)

但如果你要做的圖是「傳遞訊息」來著的,那麼,請你務必去衡量版面的「易讀」和「你到底要跟別人說什麼」這些細節。

假設我要以這張圖片,做一張「好好喝水」的圖片,但圖片實在太亂了,做起來根本不太容易讀到圖片上的字:

raw-image

那麼,我就可以替它加上一個深色的色塊,調整「透明度」,讓圖上有一個區塊,可以放上字,讓所要表達的文字清楚可讀。

raw-image

我用了幾套app,記得從前LINE Camera有這個「色塊」的選項,但現在我找不到,所以改用了Canva在手機做範例。

除了運用色塊在圖片找出空間放字外,色塊和線條該怎麼運用?

raw-image

恰好看到有河書店的一張講座宣傳圖片,便向686大大要來他的兩張圖做示範,六爺說:「要分析失敗案例是嗎?哈哈~~」哈哈哈,沒有,我沒有那麼機車,提供一點小訣竅,有時只是「不知道可以這樣做!」知道了就會用了。

raw-image

這張講座圖,訊息有了但不好讀,所以我替它加了色塊放主要的訊息。

raw-image

看起來有點空空的,那可不可以加一條線在日期及講座主題與下方講者之間?重點就被明顯的區隔出來,做個中間的斷點,在閱讀和視覺上能把訊息區分得清楚,再利用字體的粗細、大小變化,會更突顯講者,(頭銜反而不是那麼重要的重點,可以縮小。)

這裡我沒有用太複雜的作法,如果是我幫案主做的,那個「星期」「時間」我都不會放得跟「日期」一樣大,會再縮小一點。

最後再在色塊的四角加上小圓點,像是一個「布告欄」的樣態。(可加可不加,加了讓這些訊息更集中視線了。)

raw-image

上面兩張是在電腦做的,大概花我不到十五分鐘。但在手機上手機太小,不過還是可以做出來:

raw-image

由於在手機上的功能很陽春,如果在電腦上我會用「漸層色塊」來使畫面空出一個區域放上需要傳達的文字,如下圖:

raw-image

另外找了以下幾個範例,拿了小英總統台權會的圖。

總統的圖片時常運用「同一張照片」的相同色域來做漸層色,使原本看似沒有空間的圖檔上,有了可以上字的地方:

raw-image

而台權會的照片則是運用了看似暗角的方式,讓圖片像罩著一塊透黑的色塊,再用白字或對比強的亮色調突顯重點,訊息也就清晰了起來!

raw-image

長輩圖通常不考量「易讀」這件事,但如果你真心要透過圖片傳達你要說的事,千萬不要忽略「能不能讓人一眼就看到訊息」這件事!

學起來,就是你的!

以行動支持創作者!付費即可解鎖
本篇內容共 1169 字、0 則留言,僅發佈於線線的生活日常你目前無法檢視以下內容,可能因為尚未登入,或沒有該房間的查看權限。
留言
avatar-img
留言分享你的想法!
avatar-img
換日線的沙龍
19.1K會員
899內容數
自由工作者、上班族究竟要用什麼樣的心態去面對呢?來看線線怎麼說;業餘的時候,也來跟線線一起看劇看電影及看書;有空的話一起來學做出版、編輯和電子書吧!
換日線的沙龍的其他內容
2025/04/27
,如果透過手動來修正,把ChatGPT當作圖片統一格式及風格確認的前製作業,對於像我這種不太會畫圖或畫口很慢但有想法的人來說,算是有幫上一點忙。
Thumbnail
2025/04/27
,如果透過手動來修正,把ChatGPT當作圖片統一格式及風格確認的前製作業,對於像我這種不太會畫圖或畫口很慢但有想法的人來說,算是有幫上一點忙。
Thumbnail
2025/04/23
與年輕的孩子最大的不同是,與十年前的太陽花學運(香港的革命運動)的自己相比,年紀還是有讓人稍微變得還算可以安撫自己:不焦慮,往前走就對了!不慌張,相信自己、相信隊友!如果感到無力,就休息一下,找件可以補充能量的事做吧!至少年紀有教會我這樣的能力!
Thumbnail
2025/04/23
與年輕的孩子最大的不同是,與十年前的太陽花學運(香港的革命運動)的自己相比,年紀還是有讓人稍微變得還算可以安撫自己:不焦慮,往前走就對了!不慌張,相信自己、相信隊友!如果感到無力,就休息一下,找件可以補充能量的事做吧!至少年紀有教會我這樣的能力!
Thumbnail
2025/03/20
跟旁人說著天天去騎飛輪也不覺得腳痠或痛,都會得到一句「你好強!」其實運動就是這樣:你去運動了,你發現沒有很難你也做得到,你今天完成了,明天進步了,就會喜歡它了!一旦你喜歡它,身體就會被訓練起來了!
Thumbnail
2025/03/20
跟旁人說著天天去騎飛輪也不覺得腳痠或痛,都會得到一句「你好強!」其實運動就是這樣:你去運動了,你發現沒有很難你也做得到,你今天完成了,明天進步了,就會喜歡它了!一旦你喜歡它,身體就會被訓練起來了!
Thumbnail
看更多
你可能也想看
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
草圖不只是紙上畫畫,它可以運用各種媒材和活動來展現概念,目的是快速獲得證據,證明設計概念的可行性,推進設計的演進。我們先快速展現設計概念,驗證它的可行性,才能避免後續花費太多成本在旁技末節上。
Thumbnail
草圖不只是紙上畫畫,它可以運用各種媒材和活動來展現概念,目的是快速獲得證據,證明設計概念的可行性,推進設計的演進。我們先快速展現設計概念,驗證它的可行性,才能避免後續花費太多成本在旁技末節上。
Thumbnail
此篇文章會一路展示8種圖卡改造方案。尤其《光輝模板》自由換色並視覺元素充沛,讓你想為哪本書製作知識圖卡,都沒有問題。其視覺元素還有〔長遠複用性〕,讓簡報製作省時省力。也能幫你在最短時間,做出至少70分的作品。有沒有可能,學校的簡報,有一天都能結構清晰、乾淨簡潔,提升孩子的學習效果呢?
Thumbnail
此篇文章會一路展示8種圖卡改造方案。尤其《光輝模板》自由換色並視覺元素充沛,讓你想為哪本書製作知識圖卡,都沒有問題。其視覺元素還有〔長遠複用性〕,讓簡報製作省時省力。也能幫你在最短時間,做出至少70分的作品。有沒有可能,學校的簡報,有一天都能結構清晰、乾淨簡潔,提升孩子的學習效果呢?
Thumbnail
簡報的靈魂是「重點」;打造重點靠「對比」! 但PPT 不是專業設計軟體, 想把一張照片的某區域, 拉高視覺能見度, 真的不容易辦到! 後來,我才明白,一個有趣的組合: 圖片或材質填滿+ 投影片背景填滿,幫我打開了簡報設計的另一番小天地。
Thumbnail
簡報的靈魂是「重點」;打造重點靠「對比」! 但PPT 不是專業設計軟體, 想把一張照片的某區域, 拉高視覺能見度, 真的不容易辦到! 後來,我才明白,一個有趣的組合: 圖片或材質填滿+ 投影片背景填滿,幫我打開了簡報設計的另一番小天地。
Thumbnail
如果你真心要透過圖片傳達你要說的事,千萬不要忽略「能不能讓人一眼就看到訊息」這件事!
Thumbnail
如果你真心要透過圖片傳達你要說的事,千萬不要忽略「能不能讓人一眼就看到訊息」這件事!
Thumbnail
要用什麼樣的構圖法輕鬆拍出「把字放上去也很好看」的照片?首先,你要有一個「版面配置」的概念:這張照片要放字,放哪裡?
Thumbnail
要用什麼樣的構圖法輕鬆拍出「把字放上去也很好看」的照片?首先,你要有一個「版面配置」的概念:這張照片要放字,放哪裡?
Thumbnail
你看的出來這張圖片的上下紋路有何不同嗎?這是我把兩張同樣的圖片接在一起,你可以放大來看紋路都是一樣的,差別只在於其中一個步驟採用別的方式,但是在結果上卻產生肉眼可見的差異,這一篇會先解釋我在圖像運算上的理解,後半段則說明如何運用在寫作上。
Thumbnail
你看的出來這張圖片的上下紋路有何不同嗎?這是我把兩張同樣的圖片接在一起,你可以放大來看紋路都是一樣的,差別只在於其中一個步驟採用別的方式,但是在結果上卻產生肉眼可見的差異,這一篇會先解釋我在圖像運算上的理解,後半段則說明如何運用在寫作上。
Thumbnail
平面設計概念與簡報設計息息相關,沒有設計背景的上班族其實也可以輕鬆地應用起來。設計理念並不是互相排斥的獨立原則,幾種理念可以在同一頁投映片中互補合作,讓觀眾有序地理解和接收到你想傳遞的訊息。承接上文,就讓我們來看一下,接近性、圍繞性、主體/ 背景以及留白,如何把這幾種設計理念帶進你下一份簡報之中吧。
Thumbnail
平面設計概念與簡報設計息息相關,沒有設計背景的上班族其實也可以輕鬆地應用起來。設計理念並不是互相排斥的獨立原則,幾種理念可以在同一頁投映片中互補合作,讓觀眾有序地理解和接收到你想傳遞的訊息。承接上文,就讓我們來看一下,接近性、圍繞性、主體/ 背景以及留白,如何把這幾種設計理念帶進你下一份簡報之中吧。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News