自媒體不知道怎麼配色?那你一定沒看過這個網頁...

 

你有經營自媒體嗎? 你會不會有時候覺得別人的自媒體平台顏色都很好看也很簡單

我自己的自媒體好像都沒有這麼美? 是不是我的審美觀有問題...

這裡教你幾個步驟輕鬆改變找到你的個人配色

我們必須要知道一個網站的配色一定要有一個主要顏色當作架構,再延伸搭配兩三個副色。以星巴克網站為例,主要用了以下四種綠色為主要配色,再搭配深淺以及白色黃色對比色,形成整體網站的架構。


所以我們可以先在心裡想像一個自己喜歡的顏色,再搭配深淺以及對比色就能簡單創造網站色彩。如果都沒有概念的話 ,這邊推薦這個網站:https://coolors.co/

這個網站非常適合新手配色,很簡單也很直覺是操作,付費版的功能更強大但免費版的功能已經非常足夠使用了。網站總共有以下五大功能:



1. Palette Generator

這個功能會自動產生一系列配色,你可以立即看到顏色效果,你只要按下鍵盤的"空白"鍵就可以自動換下一另一批預設色彩,直到找到你喜歡的配色為止。


2. Explore Palettes

如果嫌剛剛第一種功能還要按空白鍵麻煩的話,第二種功能則是一整個頁面直接配給你看,你就可以更方便的去尋找自己喜歡的顏色,而且你還可以針對特別的顏色(例如:紫色+亮色)關鍵詞去搜尋,不怕找不到你想要的色彩。


3. Image Picker

這個功能是我自己最常用的功能,如果你在網路看到一個很漂亮的圖案,它的配色是非常吸引你的,但我要怎麼知道它的色號呢?你就可以把圖片存下來,利用第三種功能上傳圖片,網站會自動抓取顏色,你也可以針對想了解的顏色拉過去就可以知道色號,是不是非常方便呢?


4. Contrast Checker

如同標題,第四種功能就是運用在文字搭配底框的時候,可避免底框顏色對比不足,將文字吃掉而看不清楚文自想表達的內容,只要將文字顏色與底框顏色輸入進來,網站會模擬最後的呈現效果,還會進行評分以及建議,這樣就完全不怕自己配得好不好看了。



5. Artwork Recolor

如果你有使用SVG影像的話,那這個功能就很適合你,你可以將SVG影像上傳至網站裡,可以藉由顏色的調整來看到你更改的效果,你就再也不用靠想像去調整配色,完成後還可以直接下載下來使用。


上面這個網站你都學會了嗎? 只要簡簡單單的操作再搭配自己喜好就可以完成非常專業的配色。

有任何問題都可以在下面留言討論