成都網(wǎng)站開發(fā):網(wǎng)頁設計的初學者安全指南

成都網(wǎng)站開發(fā):網(wǎng)頁設計的初學者安全指南

還記得我上的最早的美術課，當我是一個小的，熱切的孩子，我拿出了許多漂亮的顏料。我仍然記得當我第一次看到原來的顏色和其他顏色的混合變成第二種顏色時的興奮，我認為這兩種顏色可以創(chuàng)造出來。一個新的美麗的顏色，所有的顏色會更好地在一起！最后，我很失望地發(fā)現(xiàn)無論我如何混合它，只要我用我自己的方式使用所有的顏色，我只能得到一個壞的顏色，只能用可怕的方式來描述。

幾年后，當我是一個初出茅廬的網(wǎng)頁設計師時，我經(jīng)歷了同樣的過程。在學習過程中，我不可避免地掉進了使用太多顏色的陷阱，或者錯誤地組合了各種顏色，最終使結果有點災難性。

我開始學習如何為網(wǎng)頁創(chuàng)建配色方案，我發(fā)現(xiàn)了很多關于色彩理論的優(yōu)秀知識。我閱讀色調(diào)、色調(diào)、色調(diào)、色調(diào)（色調(diào)）、飽和度（飽和度）和明度（亮度），以及類比、單色、三色、互補和混合色彩方案。

網(wǎng)頁設計色彩配色方案網(wǎng)站色彩方案

然而，沒有一個實用的框架來應用這些信息，我發(fā)現(xiàn)起初，這些色彩理論并沒有幫助我更好地設計站點色彩匹配。事實上，直到我開始通過重復實驗創(chuàng)造出可靠的色彩方案，我所看到的所有色彩理論都開始了。有道理。

在這個過程中，我開始了一些我最初想知道的網(wǎng)站顏色安全指南。首先，所有的顏色理論都不一定是你需要的。通常在學習和練習的過程中，你需要一點一點地增加雪球的理論知識。

在本教程中，我將與大家分享六個經(jīng)驗。你可以遵循指南，你可以掌握網(wǎng)頁設計中的顏色。這些不是規(guī)則。你可以在你的職業(yè)生涯中創(chuàng)造更多的配色方案，使他們在一個完全不同的方向發(fā)展。相反，這只是一個起點，一個安全指南，教你如何避免第一次測試水在網(wǎng)頁設計。

1。配色是畫布，不是繪畫

網(wǎng)頁設計的一個最基本的原則是，不管你花多長時間去創(chuàng)造一個華麗的設計，最終的角色就是展示的真正的明星——內(nèi)容的內(nèi)襯。在網(wǎng)頁設計中，色彩搭配不應該比內(nèi)容展示更生動。你的設計應該在BA中。CKLATE，幫助把網(wǎng)站的內(nèi)容推到前臺。

當使用PS圖象處理軟件或草圖軟件設計網(wǎng)站時，創(chuàng)建設計的過程通常是獨立的。一些設計個人看起來很好，可以被客戶接受，但當它真正被設計成網(wǎng)頁時，不適當?shù)纳势ヅ渫鶗稚⒃L問者的注意力。事實上，網(wǎng)頁設計過程與內(nèi)容密切相關，但許多高質量的網(wǎng)站設計幾乎空空如也。

這是一個好主意——你想在設計軟件中或直接在代碼中出現(xiàn)在這個位置的內(nèi)容樣本，然后圍繞它來做設計。特別是當你與照片或圖像的特定風格相關時，你可以確保你的設計與它們和諧。你的網(wǎng)站內(nèi)容是一個獨特的個人。你必須為它設計一個好的配件。

2。從簡單的灰色模式開始

你可以從眾多的顏色組合中選擇你的主要背景和文字。但是，我的建議是先用深灰文本來掌握最簡單的白色或灰色背景。

如果你看一個流行的網(wǎng)站所選擇的模板或主題，你會發(fā)現(xiàn)它們大多是深灰色的，有白色或淺灰色的背景，這是一個很好的理由。這種組合確保你可以為訪問者提供可讀性，并允許基于內(nèi)容的文本和圖像進入。前景。

一些基本的例子被用來制定一個基本的灰度布局，例如：

網(wǎng)頁設計色彩配色方案網(wǎng)站色彩方案

一般來說，你應該避免使用純黑色文本。深灰色相對容易閱讀，相對舒適的范圍是從333333到666666。

在此基礎上，在任何文本主題下，最安全的背景色是全白色的白色FFFFFF。對于其他背景元素，背景色的范圍可以從αffffff到αccccCC。

同樣，這些不是你必須使用的顏色規(guī)則，而是一些指導你可以開始安全設計。

三。只選擇一種強調(diào)色

顏色方案中最常見的錯誤是顏色的過度使用。使用的顏色越多，你就越難控制它們。所以在開始時，只在灰色基礎上添加一個額外的顏色來強調(diào)鏈接、某些標題、菜單、按鈕等元素是有用的。ASIS可以是藍色、綠色、紅色或其他任何你喜歡的顏色。

開始繪制一個矩形框，重點放在你的底圖上，這樣你就可以測量顏色是否與頁面上的所有元素相匹配。然后打開顏色選擇器，選擇調(diào)色板右上角的1／4中心的顏色。

網(wǎng)頁設計色彩配色方案網(wǎng)站色彩方案

上下移動滑塊，選擇一種顏色，你認為適合你的設計。

網(wǎng)頁設計色彩配色方案網(wǎng)站色彩方案

到目前為止，你已經(jīng)使用了三種基本顏色：你的背景顏色、文本顏色和高亮顏色。在將來，你可以并且應該使用很多強大的顏色，但是現(xiàn)在最好考慮一下?，F(xiàn)在你已經(jīng)使用了三種顏色。請熟悉這三種顏色。當你更自信時，你可以增加更多的顏色。

你學到了：

你已經(jīng)學會了如何選擇顏色相位。簡而言之，顏色相位是一種基本顏色。當你在滑塊上下移動時，你會發(fā)現(xiàn)你的顏色選擇器中的H值不斷變化。

網(wǎng)頁設計色彩配色方案網(wǎng)站色彩方案

H代表色調(diào)。一旦你選擇強調(diào)顏色，文本框中的值就是色調(diào)值。

4。如果有問題，用藍色

如果你有什么要強調(diào)的問題，請使用藍色。藍色通常是最靈活的顏色，適合大多數(shù)網(wǎng)站類型。紫色和黃色這樣的顏色可以很生動，但是如果它們沒有被正確使用，它們會立刻變得非常新奇。

另一方面，你可以在藍色的基礎上自由地玩，但是你不能走得太遠。如果你不知道在哪里開始學習或者在項目中使用什么顏色，使用藍色。如果你想選擇一種特殊的藍色，你可以選擇深藍色（H值235）到淺綠色（H值190），以確保YO。你們處在安全地帶。

網(wǎng)頁設計色彩配色方案網(wǎng)站色彩方案

在我的布局示例中，我選擇205色調(diào)。當你選擇強調(diào)顏色時，將它添加到你認為必要的任何位置。如果你使用按鈕或任何其他文本區(qū)域中的應力顏色，則相應地更改文本的顏色。在這個例子中，我將文本改為強顏色區(qū)域T。哦，懷特。

5。強調(diào)色彩的變化

一旦你選擇了重點，保持滑塊（H）的位置不變。現(xiàn)在你需要給你的設計增加額外的顏色，但是為了使事情更容易，這些顏色是你選擇強調(diào)的顏色變化。

在顏色選擇器上，我們強烈地拖動選擇點來創(chuàng)建顏色變化。

文章題目：成都網(wǎng)站開發(fā):網(wǎng)頁設計的初學者安全指南
標題路徑：http://muchs.cn/news/225947.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、域名注冊、網(wǎng)站排名、網(wǎng)站改版、App設計、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)