網(wǎng)頁設(shè)計(jì)中的對比原則

網(wǎng)頁設(shè)計(jì)是由許多不同的元素，每一個具有不同程度的重要性和一些要求突出。有些元素共享一種關(guān)系，而另一些則根本不相關(guān)。棘手的部分是能夠直觀有效地溝通。這就是對比原則在起作用的地方。

深圳網(wǎng)站設(shè)計(jì)對比是兩個或多個元素之間的差異。與此相反，設(shè)計(jì)師可以創(chuàng)建視覺興趣，并直接注意用戶。但是想象一下，如果網(wǎng)頁上的所有元素都是相同的樣式和外觀。沒有組織，沒有流程，也沒有層次結(jié)構(gòu)。內(nèi)容幾乎不可能消化。這使得對比有效的網(wǎng)頁設(shè)計(jì)的重要組成部分。

在這篇文章中，我們將看到如何通過創(chuàng)建三個方面的設(shè)計(jì)：顏色，大小和對齊的差異，可以實(shí)現(xiàn)對比。

對比色

當(dāng)大多數(shù)人聽到這個詞的對比，他們認(rèn)為顏色。盡管對比的原則不僅限于顏色，它可以很長的路，幫助用戶區(qū)分頁面元素從另一個。

這是一個給定的，幾乎所有的網(wǎng)頁設(shè)計(jì)有一個頭，一個內(nèi)容區(qū)，和頁腳。這三個完全不同的區(qū)域應(yīng)該有清晰的視覺分離。在背景色中使用對比度是達(dá)到這個目的的極好方法。

在這里你會看到，教會媒體集團(tuán)的網(wǎng)站是一個很好的例子。頁眉和頁腳有暗背景色，而內(nèi)容區(qū)域?yàn)榘咨?。這顯然確立了內(nèi)容是不同的，甚至比其他領(lǐng)域更重要。如果我們再看一點(diǎn)，內(nèi)容區(qū)域內(nèi)還有另一個背景對比度。“特色工程”區(qū)有淺藍(lán)色背景。由于這個區(qū)域和其余內(nèi)容之間的對比度是最小的，它告訴我們兩者是相關(guān)的。

Phil Renaud的投資組合都有一個獨(dú)特的布局和一個令人難以置信的色彩方案。他使用一個金色的黃色創(chuàng)造對比之間的垂直導(dǎo)航和其余的主要棕色設(shè)計(jì)。

顏色也可以用在文本內(nèi)創(chuàng)建對比度。Billy Tamplin沒有一個通過給標(biāo)題、副標(biāo)題分離層次創(chuàng)造出色的工作，和段落文本的不同顏色。對于博客風(fēng)格的布局，建立后標(biāo)題和正文之間的對比是至關(guān)重要的。它可以幫助用戶輕松地看到文章開始和結(jié)束時，他們向下滾動頁面。

對比度的大小
在網(wǎng)頁設(shè)計(jì)中創(chuàng)建對比度的另一種方法是使用元素之間的大小差異。換句話說，做一些比別人更大的事情。
當(dāng)你不能依賴顏色時，通過大小創(chuàng)建對比變得非常重要。出租車有很多在它的布局，并有一個最小的配色方案。因此，為了在三列之間建立一個層次結(jié)構(gòu)，設(shè)計(jì)者在中間列上使用了一個更大的寬度--超過了左右列的兩倍。這使得用戶很明顯，中間列是頁面中最重要的區(qū)域。

正如標(biāo)題可以使用顏色來形成對比，尺寸也可以。大標(biāo)題是一個偉大的方式來建立層次內(nèi)的網(wǎng)站內(nèi)容。imaginaria創(chuàng)意的網(wǎng)站，使用了大標(biāo)題來吸引注意力，吸引他們讓他們閱讀更多的小段落下面。

對比校準(zhǔn)

良好的對齊方式在創(chuàng)建高質(zhì)量的網(wǎng)頁設(shè)計(jì)中起著重要作用。事情看起來更好時，他們排隊(duì)。這就是為什么我想使用不同的對齊方式來建立對比是很困難的，應(yīng)謹(jǐn)慎使用。然而，做得好，它可以非常有效地創(chuàng)造分離。

legistyles使用在每個標(biāo)題下面的內(nèi)容塊大左緣。隨著大尺寸的標(biāo)題，這創(chuàng)造了良好的對比度。如果你要使用這種差異對齊，一定要使它大的區(qū)別。否則，它將結(jié)束看起來像一個錯誤的設(shè)計(jì)差。

中心的大段文字是一個排版不使文本很難讀。但是，不要害怕把左對齊段落與中心標(biāo)題混合在一起。這是另一個很好的方法來使用差異對齊創(chuàng)建對比。結(jié)合一個漂亮的襯線字體，它也可以給你的漂亮的效果。

Simon Collison在每個內(nèi)容框中使用與左對齊段落相匹配的居中標(biāo)題。由于標(biāo)題的字體大小不比段落大得多，這有助于分隔標(biāo)題。

現(xiàn)在去變得不同

學(xué)會在你的設(shè)計(jì)中建立正確的對比，就像掌握其他的設(shè)計(jì)原則一樣，需要實(shí)踐。花時間研究有才華的設(shè)計(jì)師的工作，看看他們是如何使用對比在他們的設(shè)計(jì)。記住對比是關(guān)于差異的。如果兩個元素在本質(zhì)上是非常不同的，一定要使他們的視覺差異非常明顯。