2012-11-27 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( www.jghy.net )是一家專(zhuān)注而深入的設(shè)計(jì)機(jī)構(gòu) ，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
來(lái)源： http://www.cnblogs.com/lhb25/archive/2012/11/27/using-asymmetry-in-web-design.html
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
不對(duì)稱(chēng)是對(duì)稱(chēng)的反面，但并不意味著不對(duì)稱(chēng)就缺少平衡與和諧。不對(duì)稱(chēng)的設(shè)計(jì)技術(shù)可以在視覺(jué)上引人入勝，為內(nèi)容創(chuàng)建出重要程度不同的差異性。這篇文章分享一組鼓舞人心的例子，介紹了不對(duì)稱(chēng)設(shè)計(jì)在網(wǎng)頁(yè)中的使用技巧。
大多數(shù)人想到的對(duì)稱(chēng)性都是一種自然發(fā)生的現(xiàn)象，其實(shí)不對(duì)稱(chēng)也是一種自然現(xiàn)象，例如人都是顯性的左撇子或右撇子。不對(duì)稱(chēng)設(shè)計(jì)的用途也非常廣泛，常用來(lái)突出重點(diǎn)，讓人的視線自然的被吸引到焦點(diǎn)上面。
什么樣的項(xiàng)目可以受益于非對(duì)稱(chēng)設(shè)計(jì)？簡(jiǎn)單地說(shuō)，幾乎所有的項(xiàng)目都可以。這項(xiàng)技術(shù)如果能夠合理運(yùn)用，將會(huì)給項(xiàng)目增強(qiáng)對(duì)比度和差異性。其關(guān)鍵是要元素的組織和排布以達(dá)到非對(duì)稱(chēng)的平衡。
在網(wǎng)頁(yè)設(shè)計(jì)中，對(duì)稱(chēng)通常都是指水平對(duì)稱(chēng)，而不對(duì)稱(chēng)都是指首屏部分的內(nèi)容，即用戶(hù)不用拖動(dòng)滾動(dòng)條就能看到的那部分。最常用的不對(duì)稱(chēng)設(shè)計(jì)都是把對(duì)稱(chēng)的元素組合在一起，重新排布，下面是幾個(gè)不對(duì)稱(chēng)設(shè)計(jì)的示例。
讓不對(duì)稱(chēng)設(shè)計(jì)達(dá)到平衡的方法之一是配對(duì)不同的元素，如圖像和文本 。這是一種常用的技術(shù)，眾多設(shè)計(jì)師都在使用。
這種技術(shù)的秘訣就在于你如何把二者結(jié)合起來(lái)，需要的只是一張圖片和幾句話，不多圖片和文字必須是互補(bǔ) 的。這種技術(shù)關(guān)鍵要素之一是如何鏈接文本和圖像。文字和圖片是表示同樣的事情嗎？它們存在關(guān)聯(lián)嗎？字體的大小是否能體現(xiàn)圖像的權(quán)重？
夢(mèng)想天空博客關(guān)注前端開(kāi)發(fā) 技術(shù)，展示HTML5 和CSS3 應(yīng)用，分享實(shí)用的jQuery 插件，推薦網(wǎng)頁(yè)設(shè)計(jì) 案例。
空白通常搭配一些重的元素（圖片或文字）以創(chuàng)造出重量或運(yùn)動(dòng)感。空虛的空白和頁(yè)面其它部分的豐滿(mǎn)形成強(qiáng)烈的對(duì)比 。
另一種創(chuàng)建不對(duì)稱(chēng)性的方法是遮擋部分可視區(qū)域 。使用側(cè)邊欄和色塊是做到這一點(diǎn)的簡(jiǎn)單方法。通常在使用這個(gè)技巧的時(shí)候，雖然這樣的設(shè)計(jì)在網(wǎng)站的局部具有鮮明的對(duì)稱(chēng)感，但總體看是不對(duì)稱(chēng)的。
不對(duì)稱(chēng)也可以通過(guò)顏色的使用來(lái)創(chuàng)建。鮮明的對(duì)比色調(diào) ，例如白色和黑色的或者調(diào)色板上的其它對(duì)立顏色，能然人感覺(jué)到失去平衡。
非對(duì)稱(chēng)的彩色圖案也自然會(huì)有一種奇怪的平衡感。在許多物種中，雄性動(dòng)物幾乎都有完全對(duì)稱(chēng) 的顏色標(biāo)記，而雌性動(dòng)物則很少有（這種自然現(xiàn)象被認(rèn)為是生物進(jìn)化的自然選擇。） 另一種常用的方法是創(chuàng)建一個(gè)色彩多種多樣的項(xiàng)目，而和它搭配的項(xiàng)目則它含有很少或根本沒(méi)有顏色。
不對(duì)稱(chēng)設(shè)計(jì)可能會(huì)非常棘手，但成功的設(shè)計(jì)也非常美麗。我喜歡不對(duì)稱(chēng)設(shè)計(jì)，同時(shí)更喜歡不對(duì)稱(chēng)設(shè)計(jì)中出其不意的平衡。最好的不對(duì)稱(chēng)設(shè)計(jì)是搭配合適的圖像和文字以創(chuàng)建平衡，在屏幕上創(chuàng)造一個(gè)獨(dú)特的從圖像到文字的視線移動(dòng)路徑。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.jghy.net