Photoshop前期學(xué)的是技巧,后期基本就是靠感覺了,尤其是配色方案方面,因?yàn)樽约阂彩欠菍I(yè)美術(shù)設(shè)計(jì)類出身,在顏色使用上,生怕觸碰雷區(qū),顯得作品太low,但顏色搭配是避不開的技能,既然自己不會(huì)把握,那就拿來主義吧。
最近在做一個(gè)關(guān)于海洋生物的手機(jī)app,拿到任務(wù)后,首先就在思考,怎么搭配整體界面顏色,然后想起來有一張科普?qǐng)D片,配色方案很喜歡。就是下面這張。
里面色系一共兩種,藍(lán)色和橙色,互補(bǔ)色,又很柔和。全部統(tǒng)計(jì)下來,包括下面這五種,作為手機(jī)界面來說,足夠了。
最后整體界面效果如下
包括icon圖標(biāo),也是這幾個(gè)顏色進(jìn)行了搭配。
后來為了照相按鍵的動(dòng)態(tài)效果,又做了四分環(huán)的按鈕
按下和未按下兩個(gè)狀態(tài),為了方便演示,用gif圖表示一下
四分環(huán)按鈕的配色也完全來源于上面的顏色
這樣整個(gè)app界面看起來毫無突兀感
放幾張清晰的加載頁和引導(dǎo)頁
從大圖可以清晰的看出來,氣泡和背景色完全模仿了我選中的配色圖,甚至里面某些素材做的漸變效果,靈感也是來自那種圖片。
作為科普類的app應(yīng)用來說,基本達(dá)到了既不花哨,又清晰明了的效果。
所以平時(shí)做設(shè)計(jì)的話,要積累素材,有時(shí)候是一張眼前一亮的配色的圖,有時(shí)候是絕佳的排版方案,當(dāng)水平不到位和完全沒有思路的時(shí)候,翻一下自己積攢的素材,定會(huì)有收獲。