本文由伯樂在線 - 敏捷翻譯的史莉萍翻譯自《Creating an Effective Color-Scheme for Web Designs》一文。
網(wǎng)頁設(shè)計吸引人的地方在哪里?是圖片還是對內(nèi)容的布局?或者說是網(wǎng)站的內(nèi)容決定了網(wǎng)站的價值。所有這些因素都會發(fā)揮其作用,但正是配色方案決定了設(shè)計是否出彩。
有經(jīng)驗(yàn)的專業(yè)人士會告訴你很多訣竅,比如說,一種配色方案可能適合一種設(shè)計,但未必適合于另一種;配色方案選擇應(yīng)該在布局內(nèi)容之前還是之后?今天我們就要找到這些問題的答案,本文中,你也能找到很多免費(fèi)資源供你選擇配色方案。
請注意:這個話題內(nèi)容很廣,單這樣一篇小文章是無法涵蓋所有內(nèi)容的。因此,我提供了相關(guān)資源的鏈接,以備你在學(xué)習(xí)本文時借鑒,這是個不錯的選擇。
對色彩組合的介紹
選擇色彩組合方法有多種。讓我們快速地瀏覽下它們。
- 單色(法):這是我最喜歡的方法,它有一個單獨(dú)的顏色打底,我們只需要調(diào)整其色度并著手設(shè)計即可。單一色彩看起來典雅漂亮,且容易將純色融合在內(nèi)。但是要通過單一色彩組合來創(chuàng)建吸引眼球的設(shè)計卻不是一件容易事。
- 色彩補(bǔ)充法:一個冷色系和一暖色系的色彩相搭。例如,你的標(biāo)題是暗黑色的,但內(nèi)容可以是白色的。這也是網(wǎng)站設(shè)計使用最多的方法。
- 三色組合法:顧名思義,該方法使用色輪中等色度距離的三種色彩搭配。(色輪如上圖所示)
- 四色組合法:與三色組合相同,四色組合法使用了四種色彩搭配。(上圖顯示為四色組合法的搭配圖)
- 模擬法:模擬法是我第二喜歡的設(shè)計風(fēng)格。這種方法借用了色輪中的鄰近的三個色彩,比如說,紫色、紅色和橙色。
這些是最基本的配色方案方法。設(shè)計師也能設(shè)計其它的配色法,如果你有一定經(jīng)驗(yàn)的話,也可以設(shè)計自己的方法。對設(shè)計師而言,熟能生巧。
顏色及其適用性
正如你知道的,每種顏色都帶有一種情感色彩,你可以通過上面紫色的圖例來體會。與柔美主題相關(guān)的網(wǎng)站通常使用紅色,因?yàn)榧t色代表激情。如果你想了解更多色彩及其適用性,可以參看這個信息圖《網(wǎng)頁設(shè)計師的色彩心理學(xué)》,以了解相關(guān)信息。由于模板布局也帶有一定色彩,這就解釋了為何一種顏色只適用于一個設(shè)計模板,而不適應(yīng)與另外的模板。當(dāng)你改變配色方案時,它就與模板的整體感覺不搭。舉個例子,如果你設(shè)計了一個頁面,該頁面鮮明的圖像邊界點(diǎn)鮮明就象征著力量,這種頁面適用于健身房一類的網(wǎng)站;如果你把配色方案設(shè)計為粉色和紫色,那這個模板就泡湯了。
布局和配色方案
現(xiàn)在問題來了,我們應(yīng)該在設(shè)計之前還是之后選擇配色方案呢?根據(jù)客戶的需求,你會得到一些配色建議,最好的選擇就讓客戶做決定。
如果客戶選定了最基本的配色方案,你在設(shè)計時就不會感到困惑。這樣,你的設(shè)計色彩迎合了客戶的喜好,客戶很可能會對你的工作滿意。
因此,在設(shè)計布局之要前決定色彩方案,這種方法適合我。我認(rèn)為你也該試試這一技巧。
結(jié)論
無論何時接到客戶,你要根據(jù)客戶業(yè)務(wù)的性質(zhì)羅列一些適當(dāng)?shù)纳。詢問客戶最喜歡的色彩,并依此他們的喜好來設(shè)計布局。另外,可以使用配色方案工具設(shè)計色彩組合,請參閱《20個對設(shè)計師非常有用的在線配色工具》一文。
本文鏈接:http://www.95time.cn/design/doc/2011/8561.asp
出處:伯樂在線
責(zé)任編輯:bluehearts
|