頁面的顏色搭配 含外賣APP的顏色介紹

2021-10-03 04:33:03 字數 969 閱讀 2550

1、對比色: 在24色色相環中,120度範圍內色彩

2、 互補色:180度相對應

【注意:① 對比色和互補色搭配色彩對比強烈,視覺衝擊力強,突出,醒目,色彩感覺有力

且振奮人心!

② 對比色和互補色搭配時注意適當運用無彩色(黑、白、灰)或主色的同類色來進

行調和搭配

③ 在色彩搭配時注意參考色環,充分考慮色彩三要素(色相、純度、明度)靈活運

用,且勿生搬硬套!

3、 鄰近色配色:選取色相環上鄰近的幾種顏色來搭配設計。

4、同色系配色:色相一致,飽和度不同;主色和點晴色都在統一的色相上(給使用者一種一致

化的感受)

5、點亮色配色:主色用相對沉穩的顏色,點晴色採用乙個高亮的顏色(起帶動頁面氣氛,強

調重點的作用)

6、中性色配色:用一些中性的色彩為基調搭配(弱化干擾,這種方法在移動端是最常見的方法)

【由黑色、白色及由黑白調和的各種深淺不同的灰色系列,稱為無彩色系,也稱

為中性色。中性色不屬於冷色調也不屬於暖色調。黑白灰是常用到的三大中性色】

不錯的選擇。

8、配色體系建立的目標:視覺分割槽、調整介面風格、吸引使用者注意力【注意行業代表色】

9、如何優化介面主色調

① 原色較為暗沉:加入漸變之後整個頁面靈動,跳躍了很多,沒有那麼死氣沉沉了

② 原色調飽和度過高:老闆的主色調飽和度過高非常容易視覺疲勞。新版在老版的基礎上

加入了白色進行調和,降低了原色的明度,使得整體飽和度視覺上感

覺降低了。

輔色:飽和度較低的同色系淺橙色【給使用者一種一致化的感受】

一級文本色:333333

二級文本色:666666

**文本色:999999

為什麼採用這個顏色作主色調?

橙色是歡快活潑的光輝色彩,是暖色系中最溫暖的色,橙色的明視度高,餐廳多用

橙黃色可增食慾,象徵健康;

web頁面的快取方式, 載入頁面的優化?

強快取 expires 絕對時間 cache control 相對時間 協商快取 last modify web伺服器在響應請求時,告訴瀏覽器資源的最後修改時間 if modified since 當資源過期時 強快取失效 發現資源具有last modified宣告,則再次向web伺服器請求時帶上頭...

幾種比較和諧的文字背景顏色搭配

1背景色 f1fafa 做正文的背景色好,淡雅 a 2背景色 e8ffe8 做標題的背景色較好 a3背景色 e8e8ff 做正文的背景色較好,文字顏色配黑色 a4背景色 8080c0 上配黃色白色文字較好 a5背景色 e8d098 上配淺藍色或藍色文字較好 a6背景色 efefda 上配淺藍色或紅色...

16進製制顏色識別和搭配規律

16進製制顏色的數值意義 舉個例子 比如 1a2bf4 不區分大小寫 前兩位1a表示的是rgb中r red 紅色 2b表示的是rgb中的g green 綠色 f4表示rgb中的b blue 藍色 大小從00 0 到ff 255 數值越高,顏色越深。16進製制顏色的混合 比如對於 ff0000,綠色和...