小白設計制作網站入門:網站顏色搭配
時間:2023-10-01 13:24:02 | 來源:網站運營
時間:2023-10-01 13:24:02 來源:網站運營
小白設計制作網站入門:網站顏色搭配:回顧:上一篇文章總體介紹了設計制作網站的相關知識點,重點就是明白
網站設計和
網站制作是兩個獨立的方向,不是一碼事,會網站設計的很多都不會制作網站,會制作網站的很多也不會設計網站。
今天這篇講的是網站設計的方向:
網站顏色搭配。新手小白做網站設計最容易犯的錯誤之一就是:喜歡在網站上做各種疊加,比如做很多顏色疊加,以為顏色越多越好看,這其實是錯的!
網站顏色搭配其實越做減法越簡單,記住一個口訣:
提煉出一兩個主題色,其他顏色盡量不加,全部用黑白灰來輔助主題色!舉個例子,假如你要設計一個公司官網,對方是環(huán)保方面的公司,你可以先確定綠色為主題色??赡苡腥藛枺挥幸粋€顏色會不會很單調?當然不會單調,世上有千紫萬紅,也有千綠萬綠,還有很多綠色你可能都沒見過,比如北極光綠,夏威夷海灘綠,孔雀綠,馬克龍綠等等,這些你都見過嗎?
理論就不多扯了,直接看效果,我現(xiàn)在用北極光綠配合黑白灰來構建一個頁面,大家先看看效果再說。
如上圖所示,主題色只有一個,其他文字按鈕基本都是黑白灰,這就是主次分明,就好比一個電視劇不可能同時有一堆的主角一樣,黑白灰的配色就好比配角,是用來承托主題色的。
確定一兩個主題色,不盲目做加法,你就成功了一半。然后還要記住,
不要輕易大面積的使用飽和度高的主題色,比如整個背景都是紅色或者綠色那種,那種不利于文字閱讀,一般有文字的地方,背景都配上白色和灰色就好了,主題色,通常都用在小面積的按鈕上或局部塊上。下面用大紅色主題網站來看大家看一下。
如上圖所示,只有按鈕,小塊背景和插畫用到了主題色,其他一概用黑白灰,這就是一種點綴,既讓人記住,又不會隨便讓用戶覺得視覺疲勞。