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

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

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

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

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

網(wǎng)頁設(shè)計(jì)色彩配色方案網(wǎng)站色彩方案

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

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

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

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

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

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

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

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

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

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

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

網(wǎng)頁設(shè)計(jì)色彩配色方案網(wǎng)站色彩方案

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

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

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

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

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

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

網(wǎng)頁設(shè)計(jì)色彩配色方案網(wǎng)站色彩方案

上下移動(dòng)滑塊，選擇一種顏色，你認(rèn)為適合你的設(shè)計(jì)。

網(wǎng)頁設(shè)計(jì)色彩配色方案網(wǎng)站色彩方案

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

你學(xué)到了：

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

網(wǎng)頁設(shè)計(jì)色彩配色方案網(wǎng)站色彩方案

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

4。如果有問題，用藍(lán)色

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

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

網(wǎng)頁設(shè)計(jì)色彩配色方案網(wǎng)站色彩方案

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

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

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

在顏色選擇器上，我們強(qiáng)烈地拖動(dòng)選擇點(diǎn)來創(chuàng)建顏色變化。

當(dāng)前文章：成都網(wǎng)站開發(fā):網(wǎng)頁設(shè)計(jì)的初學(xué)者安全指南
文章路徑：http://www.muchs.cn/news47/225947.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、網(wǎng)站維護(hù)、云服務(wù)器、面包屑導(dǎo)航、軟件開發(fā)、定制網(wǎng)站

廣告

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