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

2014-09-15    分類: 網(wǎng)站建設

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

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

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

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

對比色

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

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

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

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

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

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

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

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

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

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

對比校準

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

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

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

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

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


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

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

當前名稱:網(wǎng)頁設計中的對比原則
標題URL:http://m.kartarina.com/news19/20319.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供App設計、Google做網(wǎng)站、網(wǎng)站內(nèi)鏈、云服務器、品牌網(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)

外貿(mào)網(wǎng)站建設
主站蜘蛛池模板: 久久久久无码国产精品不卡 | 日韩人妻无码中文字幕视频| 国产一区二区三区无码免费| 无码国模国产在线无码精品国产自在久国产 | 在人线av无码免费高潮喷水 | 最新亚洲人成无码网站| 中文字幕人妻无码专区| 精品成在人线AV无码免费看| 亚洲AV中文无码乱人伦| 久久国产精品无码HDAV| 中文字幕无码av激情不卡| 无码丰满熟妇juliaann与黑人| 无码国内精品久久人妻麻豆按摩| 92午夜少妇极品福利无码电影| 人妻丰满熟妇aⅴ无码| 影院无码人妻精品一区二区| 亚洲av日韩av无码av| 亚洲AV无码精品无码麻豆| 无码免费又爽又高潮喷水的视频| 影音先锋中文无码一区| 午夜福利无码不卡在线观看| 国产午夜鲁丝无码拍拍| 亚洲日韩精品无码专区网站| 午夜寂寞视频无码专区| 特级小箩利无码毛片| 日韩精品无码一区二区三区不卡 | 亚洲韩国精品无码一区二区三区| 在线精品免费视频无码的| 精品爆乳一区二区三区无码av| 黄桃AV无码免费一区二区三区| 免费a级毛片无码a∨性按摩| 无码日韩精品一区二区免费| 无码中文字幕一区二区三区| 中文无码一区二区不卡αv| 精品三级AV无码一区| 无码人妻精品一区二区三区蜜桃 | 亚洲AV无码专区在线电影成人| 久久久久久久亚洲Av无码| 无码精品黑人一区二区三区| 人妻aⅴ无码一区二区三区| 精品欧洲AV无码一区二区男男 |