當(dāng)前位置：軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > Dreamweaver > 教育類網(wǎng)站網(wǎng)頁配色案例解析

教育類網(wǎng)站網(wǎng)頁配色案例解析

2021/9/11 10:14:16作者：佚名來源：網(wǎng)絡(luò)

移動端
Dreamweaver mac 2020v20.0漢化

大?。?79MB語言：

類型：平面設(shè)計等級：

教育類網(wǎng)站在設(shè)計上要表現(xiàn)出專業(yè)性，給人可信賴感：配色上應(yīng)該使用誠實、積極的顏色。下面我們就來講講站網(wǎng)頁配色案例解析，學(xué)校的網(wǎng)站應(yīng)該突出本身的特點，營造出良好的學(xué)術(shù)氣氛。
教育類網(wǎng)站網(wǎng)頁配色案例解析

一、 教育類網(wǎng)站的配色推薦

色彩會明顯影響情緒，不同的色彩可以表現(xiàn)出不同的情感：教育類網(wǎng)站的頁面應(yīng)當(dāng)干凈、明亮、簡潔，其配色方案推薦如下。

教育類網(wǎng)1

教育類網(wǎng)2

教育類網(wǎng)3

教育類網(wǎng)4

二、教育類網(wǎng)站的版式與配色案例解析

這是一個大學(xué)教育網(wǎng)站，頁面采用分割型版式，網(wǎng)站整體風(fēng)格簡單、明了，以藍(lán)色為主色調(diào)的頁面顯得純凈，簡單的頁面設(shè)計使整體顯得清新、干凈。

教育類網(wǎng)5

教育類網(wǎng)6

這是個學(xué)校網(wǎng)站，采用分割型版式，使用健康的綠色為主色調(diào)，營造出健康向上的學(xué)習(xí)氛圍

教育類網(wǎng)7

教育類網(wǎng)8

這是一個學(xué)校招生網(wǎng)站，采用滿版型版式，視覺效果直觀而強(qiáng)烈，頁面采用綠色模糊的背景，為普通的頁面增加藝術(shù)氣息。

教育類網(wǎng)9

教育類網(wǎng)10

這是一個學(xué)校網(wǎng)站，采用分割型版式，多欄的分割使頁面更具條例，圖文配合也將整個頁面填充得正好，既不空洞也不雜亂。

教育類網(wǎng)11

教育類網(wǎng)12

這是一個英語學(xué)習(xí)網(wǎng)站，采用水平分割型版式，綠色的草地搭配鮮艷的顏色，使整個頁面充滿活力，整體風(fēng)格和諧、自然。

教育類網(wǎng)13

教育類網(wǎng)14

以上就是有關(guān)站網(wǎng)頁配色案例解析的課程內(nèi)容，希望對你有所幫助。

標(biāo)簽： 教育類網(wǎng)站  網(wǎng)頁  配色