手機網(wǎng)站建設(shè)網(wǎng)頁色彩設(shè)計
日期 : 2019-04-14 10:45:49
色彩和其他視覺元素一樣不僅用于傳達內(nèi)容和情緒,也承擔(dān)著網(wǎng)頁層次結(jié)構(gòu)的梳理功能。在手機端網(wǎng)頁的色彩設(shè)計中往往會根據(jù)內(nèi)容和結(jié)構(gòu)設(shè)定主色,標(biāo)準(zhǔn)色和對比色。主色決定了整個系列網(wǎng)頁的視覺風(fēng)格,一般作為底色使用或者使用在每頁的一個固定位置上,起到定調(diào)的作用。標(biāo)準(zhǔn)色指的是整套移動界面的色彩規(guī)范,確定文字、線段、圖標(biāo)等的顏色。對比色通常會用在標(biāo)題、按鈕等地方,起強調(diào)和引導(dǎo)的作用。
手機端網(wǎng)頁一般是線性架構(gòu),由一組網(wǎng)頁構(gòu)成,整套網(wǎng)頁色彩的協(xié)調(diào)性顯得尤為重要,常見的色彩搭配方法主要有以下幾種。第一種是鄰近色配色(色相環(huán)上鄰近的顏色),這種方法比較常用是因為搭配出來的網(wǎng)頁色相比較柔和過渡也非常自然。第二種是同色系配色(色相一致,飽和度不同),主色和對比色都在統(tǒng)一的色相上,給用戶一種一致化的感受。第三種是點亮色配色,主色用相對沉穩(wěn)的顏色,對比色采用一個高亮的顏色,起帶動頁面氣氛,強調(diào)重點的作用。第四種是中性色配色,用一些中性的色彩為基調(diào)搭配,營造沉穩(wěn)內(nèi)斂的氣氛。當(dāng)然,具體的配色方法不限于以上這些,在確保內(nèi)容、情緒準(zhǔn)確傳達和信息結(jié)構(gòu)的清晰梳理的基礎(chǔ)上還有很多發(fā)揮的空間。
手機端網(wǎng)頁一般是線性架構(gòu),由一組網(wǎng)頁構(gòu)成,整套網(wǎng)頁色彩的協(xié)調(diào)性顯得尤為重要,常見的色彩搭配方法主要有以下幾種。第一種是鄰近色配色(色相環(huán)上鄰近的顏色),這種方法比較常用是因為搭配出來的網(wǎng)頁色相比較柔和過渡也非常自然。第二種是同色系配色(色相一致,飽和度不同),主色和對比色都在統(tǒng)一的色相上,給用戶一種一致化的感受。第三種是點亮色配色,主色用相對沉穩(wěn)的顏色,對比色采用一個高亮的顏色,起帶動頁面氣氛,強調(diào)重點的作用。第四種是中性色配色,用一些中性的色彩為基調(diào)搭配,營造沉穩(wěn)內(nèi)斂的氣氛。當(dāng)然,具體的配色方法不限于以上這些,在確保內(nèi)容、情緒準(zhǔn)確傳達和信息結(jié)構(gòu)的清晰梳理的基礎(chǔ)上還有很多發(fā)揮的空間。