2021-05-28 分類: 網(wǎng)站建設(shè)
正確的配色方式
58同程的金剛區(qū)其實(shí)是比較有特點(diǎn)的,但是顏色有點(diǎn)過多,會讓用戶覺得整個界面在視覺上會稍微有點(diǎn)凌亂,可能也是因?yàn)楫a(chǎn)品的LOGO顏色比較多,識別度上來說是挺好的,但是用到界面搭配上會有點(diǎn)多了。好的色彩搭配同時還需要符合產(chǎn)品的特征和想要給用戶帶來的氛圍,比如藍(lán)色能給人帶來平靜,因此大部分的閱讀和學(xué)習(xí)類的主色調(diào)用的是藍(lán)色。
正確的配色方式
想大家都會在做產(chǎn)品之前做一些競品分析,和主要針對人群劃分以及產(chǎn)品定位,當(dāng)確定好了產(chǎn)品的方向和消費(fèi)人特征之后,就可以在上圖中選擇合適的顏色來做細(xì)微的調(diào)整。正確的配色方式
每種顏色代表的意義也有所不同,會導(dǎo)致整個的視覺方向和感覺也會有所不同。從第一張圖中我們能夠發(fā)現(xiàn)淺藍(lán)色代表可靠,黃色代表活力,而這兩個顏色就比較符合產(chǎn)品的定位,因此在確認(rèn)了主色之后,再來搭配輔助色和點(diǎn)綴色,就會更加容易一些,因?yàn)槟阈睦镆呀?jīng)知道需要搭配出怎樣的整體感覺出來。正確的配色方式
但是這種形式大部分會在我們的視覺稿和練習(xí)里面使用的比較多,在我們平時的工作中,還是要根據(jù)所推的產(chǎn)品和主題來確定banner的顏色,但選擇范圍要在界面整體視覺效果比較協(xié)調(diào)和統(tǒng)一的情況下。如下圖所示:正確的配色方式
那么我們的主色從哪里來選擇呢?最常見以及最普遍的用法就是講產(chǎn)品LOGO的顏色來作為主題色,這樣能夠有效的保持品牌基金和視覺上的一致性。如下圖所示:正確的配色方式
產(chǎn)品LOGO這個要如何設(shè)計,這又是另外一篇文章的啦,我爭取下周出一篇文章來專門寫產(chǎn)品logo的設(shè)計。解決了主色調(diào)的問題,在界面需要搭配其他輔助顏色的時候,如何搭配也是個很大的問題,要怎么搭配才能好看又平衡呢?我們可以從色盤里尋找靈感。
正確的配色方式
在色彩運(yùn)用中能夠達(dá)到平衡色的有三種類型:正確的配色方式
這種使用的比較少,但是很容易就能夠讓用戶記住,因此音遇的這種孟菲斯風(fēng)格目前在是市面上還是比較少見的,但它的整體風(fēng)格讓用戶一打開就能夠記住。正確的配色方式
這種顏色的搭配使用由于技巧比較多,因此對設(shè)計師的要求比較高,需要多練習(xí)正確的配色方式
深淺色搭配最經(jīng)典的案例是蘋果的產(chǎn)品圖,而最直觀給人的感受是高大上,淺色的背景搭配深色的產(chǎn)品,較多的空間留白,頁面整體穩(wěn)定平衡,同時突出產(chǎn)品主體 。
正確的配色方式
(鄭重聲明:本文版權(quán)歸海鹽社潘團(tuán)子所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如有侵權(quán),請聯(lián)系我們刪除;如作者信息標(biāo)記有誤,請聯(lián)系我們修改。)
當(dāng)前文章:網(wǎng)站網(wǎng)頁設(shè)計時如何配色
網(wǎng)頁地址:http://m.rwnh.cn/news11/115411.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制網(wǎng)站、品牌網(wǎng)站設(shè)計、品牌網(wǎng)站制作、網(wǎng)站改版、外貿(mào)建站、搜索引擎優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容