寧波網(wǎng)絡公司:網(wǎng)頁設計的初學者安全指南
發(fā)布日期: 2018-10-11 8:51:10 點擊量: 1281
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)容密切相關,但許多高質(zhì)量的網(wǎng)站設計幾乎空空如也。
這是一個好主意——你想在設計軟件中或直接在代碼中出現(xiàn)在這個位置的內(nèi)容樣本,然后圍繞它來做設計。特別是當你與照片或圖像的特定風格相關時,你可以確保你的設計與它們和諧。你的網(wǎng)站內(nèi)容是一個獨特的個人。你必須為它設計一個完美的配件。
慈溪網(wǎng)站建設
2。從簡單的灰色模式開始
你可以從眾多的顏色組合中選擇你的主要背景和文字。但是,我的建議是先用深灰文本來掌握最簡單的白色或灰色背景。
如果你看一個流行的網(wǎng)站所選擇的模板或主題,你會發(fā)現(xiàn)它們大多是深灰色的,有白色或淺灰色的背景,這是一個很好的理由。這種組合確保你可以為訪問者提供可讀性,并允許基于內(nèi)容的文本和圖像進入。前景。
一些基本的例子被用來制定一個基本的灰度布局,例如:
網(wǎng)頁設計色彩配色方案網(wǎng)站色彩方案一般來說,你應該避免使用純黑色文本。深灰色相對容易閱讀,相對舒適的范圍是從333333到666666。
在此基礎上,在任何文本主題下,最安全的背景色是全白色的白色FFFFFF。對于其他背景元素,背景色的范圍可以從αffffff到αccccCC。
同樣,這些不是你必須使用的顏色規(guī)則,而是一些指導你可以開始安全設計。
寧波網(wǎng)站建設
三。只選擇一種強調(diào)色
顏色方案中最常見的錯誤是顏色的過度使用。使用的顏色越多,你就越難控制它們。所以在開始時,只在灰色基礎上添加一個額外的顏色來強調(diào)鏈接、某些標題、菜單、按鈕等元素是有用的。ASIS可以是藍色、綠色、紅色或其他任何你喜歡的顏色。
開始繪制一個矩形框,重點放在你的底圖上,這樣你就可以測量顏色是否與頁面上的所有元素相匹配。然后打開顏色選擇器,選擇調(diào)色板右上角的1/4中心的顏色。
慈溪網(wǎng)絡公司
上下移動滑塊,選擇一種顏色,你認為適合你的設計。
到目前為止,你已經(jīng)使用了三種基本顏色:你的背景顏色、文本顏色和高亮顏色。在將來,你可以并且應該使用很多強大的顏色,但是現(xiàn)在最好考慮一下?,F(xiàn)在你已經(jīng)使用了三種顏色。請熟悉這三種顏色。當你更自信時,你可以增加更多的顏色。
你學到了:
你已經(jīng)學會了如何選擇顏色相位。簡而言之,顏色相位是一種基本顏色。當你在滑塊上下移動時,你會發(fā)現(xiàn)你的顏色選擇器中的H值不斷變化。
寧波網(wǎng)絡公司
H代表色調(diào)。一旦你選擇強調(diào)顏色,文本框中的值就是色調(diào)值。
慈溪微信營銷
4。如果有問題,用藍色
如果你有什么要強調(diào)的問題,請使用藍色。藍色通常是最靈活的顏色,適合大多數(shù)網(wǎng)站類型。紫色和黃色這樣的顏色可以很生動,但是如果它們沒有被正確使用,它們會立刻變得非常新奇。
另一方面,你可以在藍色的基礎上自由地玩,但是你不能走得太遠。如果你不知道在哪里開始學習或者在項目中使用什么顏色,使用藍色。如果你想選擇一種特殊的藍色,你可以選擇深藍色(H值235)到淺綠色(H值190),以確保YO。你們處在安全地帶。
余姚網(wǎng)站建設
在我的布局示例中,我選擇205色調(diào)。當你選擇強調(diào)顏色時,將它添加到你認為必要的任何位置。如果你使用按鈕或任何其他文本區(qū)域中的應力顏色,則相應地更改文本的顏色。在這個例子中,我將文本改為強顏色區(qū)域T。哦,懷特。
5。強調(diào)色彩的變化
一旦你選擇了重點,保持滑塊(H)的位置不變。現(xiàn)在你需要給你的設計增加額外的顏色,但是為了使事情更容易,這些顏色是你選擇強調(diào)的顏色變化。
在顏色選擇器上,余姚網(wǎng)絡公司我們強烈地拖動選擇點來創(chuàng)建顏色變化。