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

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

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

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

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

對比色

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

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

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

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

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

對比度的大小
在網(wǎng)頁設(shè)計中創(chuàng)建對比度的另一種方法是使用元素之間的大小差異。換句話說，做一些比別人更大的事情。
當(dāng)你不能依賴顏色時，通過大小創(chuàng)建對比變得非常重要。出租車有很多在它的布局，并有一個最小的配色方案。因此，為了在三列之間建立一個層次結(jié)構(gòu)，設(shè)計者在中間列上使用了一個更大的寬度--超過了左右列的兩倍。這使得用戶很明顯，中間列是頁面中最重要的區(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è)計中起著重要作用。事情看起來更好時，他們排隊。這就是為什么我想使用不同的對齊方式來建立對比是很困難的，應(yīng)謹(jǐn)慎使用。然而，做得好，它可以非常有效地創(chuàng)造分離。

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

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

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

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

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

分享名稱：網(wǎng)頁設(shè)計中的對比原則
URL網(wǎng)址：http://www.bm7419.com/news/20319.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、做網(wǎng)站、網(wǎng)站排名、網(wǎng)站策劃、企業(yè)建站、云服務(wù)器

廣告

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