您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 設(shè)計(jì)欣賞 >> 瀏覽設(shè)計(jì)教程

網(wǎng)頁(yè)配色神器 -- 色卡生成器

最近在各種設(shè)計(jì)相關(guān)的微博,流傳著這么一批配色卡片,效果如下,第一眼看到覺(jué)得美膩了。


551656907be232f87574bebd1fc0.jpg


那么見(jiàn)到喜歡的東西,去模仿一下,這是很正常的想法,如果是用 Photoshop 去做這樣一個(gè)卡片,當(dāng)然是很簡(jiǎn)單的。不過(guò)我反過(guò)來(lái)想,如果通過(guò)一個(gè)漸變,從中選取幾個(gè)顏色,然后作為一個(gè)配色,這樣的配色是不是也能顯得比較和諧?于是我便動(dòng)手做了這樣一個(gè)配色卡片的生成器,使用起來(lái)十分簡(jiǎn)單,首先選擇你的色卡需要有幾個(gè)顏色組成,然后再指定幾個(gè)顏色,用來(lái)生成漸變,最后點(diǎn)擊生成就可以了。那么上面這張卡片就是用這個(gè)生成器生成的,不知道你們是否喜歡這個(gè)效果。


9ad256907e856ac725af23162360.jpg

好了那么效果呢大家都看到了,怎么使用也都知道,最后放出工具的地址


http://irelandcustomcontracting.com/tool/color-card/


看看你們能不能用它排出好看的色卡吧~~對(duì)了,還有一個(gè)比較重要的問(wèn)題,因?yàn)橐琅f是自己寫著玩的小工具,所以呢兼容性只考慮了 Chrome 瀏覽器,如果你使用其他瀏覽器訪問(wèn)看到了慘不忍睹的結(jié)果……我也木有辦法,哼,就是這么的任性呢~~


好了工具分享完了,開(kāi)始我們的慣例~~如果你覺(jué)得這篇文章對(duì)你有所幫助的話,就請(qǐng)我喝一杯咖啡吧~~

作者的支付寶賬號(hào):alay9999@163.com (劉源)


[教程作者:我是稻米鼠]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/de3159.html
50個(gè)讓用戶流連忘返的網(wǎng)站頁(yè)頭設(shè)計(jì)(下)
20個(gè)沉穩(wěn)有范兒的黑色系優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì)
圖趣網(wǎng)微信
建議反饋
×