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