DIV CSS 佈局教程網

網頁制作Webjx文章簡介：網頁設計要在設計布局之前決定色彩方案.

　 網頁設計吸引人的地方在哪裡？是圖片還是對內容的布局？或者說是網站的內容決定了網站的價值。所有這些因素都會發揮其作用，但正是配色方案決定了設計是否出彩。

　　 有經驗的專業人士會告訴你很多訣竅，比如說，一種配色方案可能適合一種設計，但未必適合於另一種；配色方案選擇應該在布局內容之前還是之後？今天我們就要找到這些問題的答案，本文中，你也能找到很多免費資源供你選擇配色方案。

　　 請注意：這個話題內容很廣，單這樣一篇小文章是無法涵蓋所有內容的。因此，我提供了相關資源的鏈接，以備你在學習本文時借鑒，這是個不錯的選擇。


　　 對色彩組合的介紹

　　 選擇色彩組合方法有多種。讓我們快速地浏覽下它們。

• 單色（法）：這是我最喜歡的方法，它有一個單獨的顏色打底，我們只需要調整其色度並著手設計即可。單一色彩看起來典雅漂亮，且容易將純色融合在內。但是要通過單一色彩組合來創建吸引眼球的設計卻不是一件容易事。

• 色彩補充法：一個冷色系和一暖色系的色彩相搭。例如，你的標題是暗黑色的，但內容可以是白色的。這也是網站設計使用最多的方法。

• 三色組合法：顧名思義，該方法使用色輪中等色度距離的三種色彩搭配。（色輪如上圖所示）

• 四色組合法：與三色組合相同，四色組合法使用了四種色彩搭配。（上圖顯示為四色組合法的搭配圖）

• 模擬法：模擬法是我第二喜歡的設計風格。這種方法借用了色輪中的鄰近的三個色彩，比如說，紫色、紅色和橙色。

　　這些是最基本的配色方案方法。設計師也能設計其它的配色法，如果你有一定經驗的話，也可以設計自己的方法。對設計師而言，熟能生巧。


　　顏色及其適用性


　　正如你知道的，每種顏色都帶有一種情感色彩，你可以通過上面紫色的圖例來體會。與柔美主題相關的網站通常使用紅色，因為紅色代表激情。如果你想了解更多色彩及其適用性，可以參看這個信息圖《網頁設計師的色彩心理學》，以了解相關信息。由於模板布局也帶有一定色彩，這就解釋了為何一種顏色只適用於一個設計模板，而不適應與另外的模板。當你改變配色方案時，它就與模板的整體感覺不搭。舉個例子，如果你設計了一個頁面，該頁面鮮明的圖像邊界點鮮明就象征著力量，這種頁面適用於健身房一類的網站；如果你把配色方案設計為粉色和紫色，那這個模板就泡湯了。


　　布局和配色方案



　　現在問題來了，我們應該在設計之前還是之後選擇配色方案呢？根據客戶的需求，你會得到一些配色建議，最好的選擇就讓客戶做決定。

　　如果客戶選定了最基本的配色方案，你在設計時就不會感到困惑。這樣，你的設計色彩迎合了客戶的喜好，客戶很可能會對你的工作滿意。

　　因此，在設計布局之要前決定色彩方案，這種方法適合我。我認為你也該試試這一技巧。

　　結論

　　無論何時接到客戶，你要根據客戶業務的性質羅列一些適當的色彩。詢問客戶最喜歡的色彩，並依此他們的喜好來設計布局。