非專業人士的簡單網頁配色技巧。

網頁配色的目的。

先分清楚主次關係,對於一個網站或者網頁而言,內容是主,佈局以及顏色搭配是次。因為用戶瀏覽你的網站,主要目的是看內容的,而不是看你的網頁佈局和色彩搭配。
網頁佈局和色彩搭配,目的都是為了用戶瀏覽網頁內容的時候,視覺更加的舒適,假設你的網頁配色,弄的亂七八糟,造成用戶厭煩等負面效果,那還不如不要配色。

顏色搭配的技巧。

當我們分清楚主次關係之後,思路就清晰了,一切圍繞著內容,顏色是為內容服務的。所以,色彩的搭配,就可以用來區分內容的主次,以方便用戶清晰閱讀。
先保持頁面基礎的三種顏色:黑、灰、白。
在這基礎上,選擇一個主色,用於將主要內容突出顯示,譬如:文章標題,小標題,目錄⋯⋯等等都是。

非專業人士,這樣子就大概可以了,不礙眼就行。
參考:https://m2.material.io/design/color/the-color-system.html

留言