×
正確的配色方式
58同程的金剛區(qū)其實(shí)是比較有特點(diǎn)的，但是顏色有點(diǎn)過多，會(huì)讓用戶覺得整個(gè)界面在視覺上會(huì)稍微有點(diǎn)凌亂，可能也是因?yàn)楫a(chǎn)品的LOGO顏色比較多，識別度上來說是挺好的，但是用到界面搭配上會(huì)有點(diǎn)多了。好的色彩搭配同時(shí)還需要符合產(chǎn)品的特征和想要給用戶帶來的氛圍，比如藍(lán)色能給人帶來平靜，因此大部分的閱讀和學(xué)習(xí)類的主色調(diào)用的是藍(lán)色。
正確的配色方式
想大家都會(huì)在做產(chǎn)品之前做一些競品分析，和主要針對人群劃分以及產(chǎn)品定位，當(dāng)確定好了產(chǎn)品的方向和消費(fèi)人特征之后，就可以在上圖中選擇合適的顏色來做細(xì)微的調(diào)整。
正確的配色方式
每種顏色代表的意義也有所不同，會(huì)導(dǎo)致整個(gè)的視覺方向和感覺也會(huì)有所不同。從第一張圖中我們能夠發(fā)現(xiàn)淺藍(lán)色代表可靠，黃色代表活力，而這兩個(gè)顏色就比較符合產(chǎn)品的定位，因此在確認(rèn)了主色之后，再來搭配輔助色和點(diǎn)綴色，就會(huì)更加容易一些，因?yàn)槟阈睦镆呀?jīng)知道需要搭配出怎樣的整體感覺出來。
正確的配色方式
但是這種形式大部分會(huì)在我們的視覺稿和練習(xí)里面使用的比較多，在我們平時(shí)的工作中，還是要根據(jù)所推的產(chǎn)品和主題來確定banner的顏色，但選擇范圍要在界面整體視覺效果比較協(xié)調(diào)和統(tǒng)一的情況下。如下圖所示：
正確的配色方式
那么我們的主色從哪里來選擇呢？最常見以及最普遍的用法就是講產(chǎn)品LOGO的顏色來作為主題色，這樣能夠有效的保持品牌基金和視覺上的一致性。如下圖所示：
正確的配色方式
產(chǎn)品LOGO這個(gè)要如何設(shè)計(jì)，這又是另外一篇文章的啦，我爭取下周出一篇文章來專門寫產(chǎn)品logo的設(shè)計(jì)。解決了主色調(diào)的問題，在界面需要搭配其他輔助顏色的時(shí)候，如何搭配也是個(gè)很大的問題，要怎么搭配才能好看又平衡呢？我們可以從色盤里尋找靈感。
正確的配色方式
在色彩運(yùn)用中能夠達(dá)到平衡色的有三種類型：
正確的配色方式
這種使用的比較少，但是很容易就能夠讓用戶記住，因此音遇的這種孟菲斯風(fēng)格目前在是市面上還是比較少見的，但它的整體風(fēng)格讓用戶一打開就能夠記住。
正確的配色方式
這種顏色的搭配使用由于技巧比較多，因此對設(shè)計(jì)師的要求比較高，需要多練習(xí)
正確的配色方式
深淺色搭配最經(jīng)典的案例是蘋果的產(chǎn)品圖，而最直觀給人的感受是高大上，淺色的背景搭配深色的產(chǎn)品，較多的空間留白，頁面整體穩(wěn)定平衡，同時(shí)突出產(chǎn)品主體 。
正確的配色方式
（鄭重聲明：本文版權(quán)歸海鹽社潘團(tuán)子所有，轉(zhuǎn)載文章僅為傳播更多信息之目的新際網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系我們刪除；如作者信息標(biāo)記有誤，請聯(lián)系我們修改。）
，文章來源：企業(yè)網(wǎng)站開發(fā)
文章標(biāo)題：網(wǎng)站網(wǎng)頁設(shè)計(jì)時(shí)如何配色
文本地址：http://m.yoyoenglish.cn/info_1341.html
本文章Word文檔下載：
網(wǎng)站網(wǎng)頁設(shè)計(jì)時(shí)如何配色
關(guān)注公眾號
進(jìn)入手機(jī)版
點(diǎn)擊咨詢
4006-234-116
返回頂部