前幾天稍微調整了一下深色模式的畫面。


引言
原本是透明灰色背景,現在變成透明藍色背景。
超連結
原本這個 Hugo 主題,滑鼠 hover 上去會有一個遮蔽的小動畫。

我覺得還蠻有創意的,不過我還是比較喜歡傳統純粹的 hover 變色,所以就拿掉了。

標籤
原本是白色,hover 上去變灰色,而且還有惱人的 transition time,讓它看起來沒那麼流暢。

現在改成跟超連結一樣的藍色,hover 變深一點的藍色,也把 transition time 拿掉。

主選單
原本 active 的選項只是白色粗體,hover 幾乎沒變色。

現在 active 的選項改成藍色,hover 其他選項也變成藍色。

在自己的網站上才能調整
以上全部都是小細節,一般人可能覺得沒什麼。但我個人對於版面跟色彩還蠻要求的,所以這些對我來說是很大幅度的改動。
我相信一定有很多更有美感、更有品味的設計師,會比我在意的更多。
但是,只有在自己的網站才能客製化這些細節。在 FB/IG 等社群媒體,版面全都被決定好了,什麼都不能動。
所以,如果你是很在意美感跟版面的人,趕快架一個自己的網站來揮灑自己的藝術氣息吧!
如果你已經有了自己的網站,或有推薦的好看網站,希望你可以在下面留言告訴我,讓我也可以提升自己的品味。
哪個好看?
——我自己是比較喜歡現在的啦。
我覺得原本的色彩有點太單調,只有黑白灰,而且引言跟超連結會有點不夠突出。但是調整後,引言跟超連結都變成藍色,可以跟一般內容有區分,讓畫面看起來更豐富。
- 不知道你覺得原本的比較好看,還是後來的呢?
- 還有你平常喜歡用深色模式還是淺色模式看呢?
歡迎在下面留言讓我知道。