Godzilla. 2017-09-11
網(wǎng)站建設(shè)
網(wǎng)站制作公司網(wǎng)站配色的十大技巧
色彩在我們的生活中影戲想那個(gè)很大，每天面對藍(lán)藍(lán)的天空，心情會(huì)很愉快，每天穿什么樣顏色的衣服，會(huì)很糾結(jié)，選什么樣的顏色包包搭配也是個(gè)問題，所以色彩千變?nèi)f化，影響的是我們的每一種心情，那制作網(wǎng)站也是一樣，選用什么樣的色彩，怎么配色，對于網(wǎng)站的發(fā)展有著很大的影響，那怎么選用色彩，也是要看設(shè)計(jì)師的基本功，好的配色可以為網(wǎng)站帶來很多優(yōu)勢，不同的顏色代表不同的情感，如何能夠運(yùn)用配色留住網(wǎng)站用戶的情感，那也是需要掌握一定的技巧，配色的方法很多，輔助工具也不少，但是令人印象深刻的，往往是一些頗為有意思的技巧。今天，連云港網(wǎng)站制作公司就來分享配色大師Patrick Multani的色彩搭配的十大技巧。
技巧1：謹(jǐn)記配色戰(zhàn)略
在開始著手挑選配色之前，我常常會(huì)翻看Dustin Senos關(guān)于設(shè)計(jì)原則的短文。他在文章中，論述設(shè)計(jì)原則的方法十分有意思，干練而有趣，“方向優(yōu)于選擇”，“適合優(yōu)于一致”，“發(fā)展性優(yōu)于總結(jié)”。其實(shí)如果借用這種句式來總結(jié)配色也不錯(cuò)：“白色優(yōu)于灰色”，“和諧優(yōu)于錯(cuò)位”，“沉靜優(yōu)于火熱”。當(dāng)我在工作的時(shí)候，我會(huì)時(shí)刻謹(jǐn)記這些配色策略，它們更像是一種感覺上的標(biāo)準(zhǔn)，就像用戶角色引導(dǎo)UX設(shè)計(jì)師來設(shè)計(jì)體驗(yàn)一樣。
技巧2：取色一條線
當(dāng)在調(diào)色板上挑選顏色的時(shí)候，連云港網(wǎng)站制作公司會(huì)傾向于沿著直線路徑來挑選顏色，從左到右，從上到下，或者沿著對角線來選取顏色。這樣所取得的一套配色可以兼顧到不同的按鈕狀態(tài)（可用/不可用，活動(dòng)/非活動(dòng)），兼顧到視覺主體和邊框，背景等。我們也能夠在取色器的同一個(gè)位置取色，調(diào)整顏色，取得的一組色度挨近色調(diào)不同但是高度和諧的顏色組合。
技巧3：保持敏感，小幅調(diào)整
調(diào)配這這么多配色計(jì)劃，給我最深入的經(jīng)驗(yàn)教訓(xùn)就是：哪怕細(xì)微的顏色調(diào)整，都會(huì)對整個(gè)配色計(jì)劃帶來巨大的影響。所以，我覺得在配色的時(shí)候，要保持敏感，小幅度調(diào)整和改動(dòng)。你能夠試著挑選偏冷或偏暖的灰色，運(yùn)用到你的配色方案中，你會(huì)發(fā)現(xiàn)它們會(huì)不同程度地調(diào)和整個(gè)配色計(jì)劃的協(xié)調(diào)度。根據(jù)這樣的策略，你能夠挑選出一大堆顏色作為備選，反復(fù)迭代，變得對于微妙的顏色變化更加敏感。
技巧4：善用疊加形式
如果你能善用混合形式，就能創(chuàng)造出令人入神的配色方案。經(jīng)過簡單的疊加兩個(gè)色塊，挑選“Multiply”（乘法）混合形式，就能得到匹配的第三種色彩。在白色背景上，我們還能通過調(diào)整透明度來快速調(diào)整顏色的明暗。不過我一直覺得在黑色背景上來調(diào)整顏色更有意思，搭配混合模式來探究顏色的可能性，總能創(chuàng)造新的搭配。這種同顏色的交互辦法，為許多經(jīng)驗(yàn)豐富的設(shè)計(jì)師所運(yùn)用。
技巧5：沉靜而集中的配色
選好顏色是一回事，在視覺設(shè)計(jì)中有效地運(yùn)用它們是另外一回事。有的配色方案十分漂亮，可是一旦運(yùn)用在特定的設(shè)計(jì)項(xiàng)目當(dāng)中，整個(gè)視覺就崩壞了。盡量讓配色方案中顏色不要那么雜亂，讓整個(gè)規(guī)劃愈加沉靜。比如，文本、圖標(biāo)和邊框選用不同類型的藍(lán)色，能讓整個(gè)設(shè)計(jì)規(guī)劃顯得和諧。當(dāng)你想要高亮突出什么東西的時(shí)候，能夠采用這種辦法。
技巧6：在不同背景下檢查配色
我記得之前參加過一個(gè)可拓寬的顏色體系項(xiàng)目，當(dāng)時(shí)我挑選了大量微妙而接近的顏色，當(dāng)我細(xì)心審視它們的時(shí)候發(fā)現(xiàn)很難區(qū)分彼此。這個(gè)時(shí)候，我將這些顏色復(fù)制了一份，然后添加了一個(gè)黑色的背景，這個(gè)時(shí)候，顏色和顏色之間的差異就變得清楚了，讓我能夠更好的作出選擇。
技巧7：鮮艷的顏色更吸引人
在取色器的右上角取色能夠找到更加安全、更加吸引人的顏色，供你運(yùn)用在配色方案中。顏色越靠左、靠下，顏色上所疊加的灰度和黑色就越多，顏色本身的重量就越重，而過重的顏色會(huì)在潛意識(shí)上給人以壓力。所以，我更傾向于運(yùn)用清晰亮堂的顏色來進(jìn)行設(shè)計(jì)。
技巧8：疊加圖層調(diào)色
想象有一張半透明的紙，當(dāng)我們將它置于顏色上方的時(shí)候，它能夠從視覺上“消減”色度。我們能夠在PS和Sketch中來模擬這樣的“紙”，新建形狀，通過調(diào)整透明度和混合模式，或者搭配使用來完成不同的效果，我們還能夠調(diào)整紙張本身為白色或許黑色，在疊加混合形式下，能對顏色的飽和度產(chǎn)生不同的影響。在有的UI設(shè)計(jì)項(xiàng)目旁邊，會(huì)憑借這樣的技能來暫時(shí)調(diào)整整個(gè)區(qū)域的敏感色度，這比改色愈加輕松，還堅(jiān)持了顏色之間的和諧度。
技巧9：跟據(jù)前景色來挑選背景色
當(dāng)我選取背景色的時(shí)候，我更喜愛根據(jù)前景色來調(diào)配，吸取前景色，調(diào)亮或許變暗，而不是挑選樸實(shí)的中性灰色。這樣的方法會(huì)讓背景色是或冷或暖的淺灰，給人一種和諧的感覺。
技巧10：顏色的明暗與前后
最終，我們應(yīng)該一直謹(jǐn)記顏色的明暗所帶來的視覺深度原理。在較深的背景下，淡色會(huì)顯得更靠前，而在較淺的背景下，深色會(huì)顯得突出而靠前。并且這幾種技巧也可以運(yùn)用到連云港網(wǎng)站制作B2C商城網(wǎng)站的兩種常見模式,也會(huì)帶來意想不到的效果。
文章標(biāo)簽：
網(wǎng)站制作公司 網(wǎng)站配色
文章評論：