不對稱設計技術可以非常直觀有趣和創(chuàng)建不同的焦點。下面是一些鼓舞人心的例子和關于如何使用不對稱設計的技巧。
不對稱僅僅是缺乏對稱性，但不對稱并沒有缺乏平衡與和諧。
不對稱和對稱的設計都可以創(chuàng)造一種活力和緊張的感覺，但也某種意義上的和諧取決于使用的比例。雖然大多數(shù)人往往首先能想到的是對稱性，因為這是一種 很常見的自然現(xiàn)象——想想達芬奇的維特魯威人或動物的臉的樣子;但不對稱也是一種自然現(xiàn)象，只是不同的方式出現(xiàn)，例如人類往往會出現(xiàn)左或者右撇子居多。
不對稱設計的用途非常廣泛。通常被用于創(chuàng)造出一種混亂或混淆但充滿美感和藝術的技巧。不對稱可以強調(diào)運動或行動，它是擁有最常用于創(chuàng)造出一種活力或屏幕上的焦點的巨大優(yōu)勢。一些網(wǎng)站如果沒有正確或錯誤的使用不對稱或?qū)ΨQ設計，會導致網(wǎng)站的元素錯亂雜混。
不對稱的設計使用
什么樣的項目適合于使用不對稱設計?簡單地說，幾乎所有的都可以使用。
在執(zhí)行好的一個項目，添加了一些很大的對比和維度元素的時候，往往關鍵是結(jié)構(gòu)，以便創(chuàng)建一個很好的平衡。如果你不想讓你的頁面有一個不平衡的感覺，那么你要特別注意安排元素、項目的匹配色調(diào)等等，這些平衡與否。在網(wǎng)頁設計中， 大部分所說的對稱術語，是指網(wǎng)站上的水平對稱或者網(wǎng)站上出現(xiàn)滾動的不對稱部分。但不對稱的設計可以有平衡感或運動感。最常用的非對稱設計技術中組合使用的 元素，也是具有對稱性的。想想一個網(wǎng)站，例如一個350像素的側(cè)邊欄，你很快就能立即完成創(chuàng)建一個非對稱的輪廓，因為網(wǎng)站的主體部分和側(cè)邊欄是不同的寬 度;還有照片經(jīng)常發(fā)生偏離中心位置，創(chuàng)建一個元素的不對稱。
圖像和文本
創(chuàng)造出一種平衡的方法之一是使用不同的元素搭配，如圖像和文字。這是眾多設計師常用的一種技術。關鍵技巧就在于你如何把二者結(jié)合起來。往往只是需要一張圖片和幾句話，抒發(fā)情感的圖片和文字(字體)必須是互補的，互相呼應的。
這種技巧的關鍵要素是文本和圖片之間的無縫合作，如何讓文字和圖片都是在表達同一個主題，說的是同樣的一件事?如何將文字和圖片緊緊的聯(lián)系在一起?如何衡量文字和圖片之間的著重點和平衡點?
圖像和空間
空間是搭配了重要元素(圖片或文字)來創(chuàng)建的重量感或運動感。在空蕩蕩的空間與豐滿的頁面的留白部分，看看物品在圖像中指出方向，是否有一張臉向左 看?這創(chuàng)造了一個運動的感覺;用戶在頁面上由左到右，是否有一個山峰嗎?那定向點將訪問者的眼睛從下到上。另一種方法來創(chuàng)建不對稱是隱藏部分的可視區(qū)域， 側(cè)邊欄和簡單的色塊就能做到這一點。 (通常在使用這個概念時，總體看是不對稱的，但這樣的設計使網(wǎng)站的每個部分都具有鮮明的對稱感)
顏色
不對稱也可以用顏色(色塊)來表現(xiàn)。鮮明的對比色調(diào)——例如白色和黑色，坐落在色輪上對立的位置，可以感覺到失去平衡，甚至是混亂的。非對稱的彩色 圖案也是自然界中的一種，他們也有一種奇怪的平衡感。在許多物種中，雄性動物顏色圖案將幾乎完美對稱的而雌性卻很少。(人們認為這種是自然界發(fā)生的自然現(xiàn) 象，這是幫助“更有吸引力”的男性引走掠奪者，讓掠奪者遠離女性和后代)平衡的配色方案是基于色輪的原則，結(jié)合并充分對顏色的選擇，在經(jīng)典顏色組合之外， 創(chuàng)建少對稱與和諧的顏色組合：背景色與在背景色上面的圖片或文本組合對比;米色的背景和霓虹燈的紫色組合。這些都是比較少使用的組合配對。另一個常見的技 巧是創(chuàng)建一個產(chǎn)品(有很多種的顏色)和另一個(含有很少或沒有顏色)的產(chǎn)品進行組合對比，形成不對稱設計。
結(jié)論
不對稱的設計可能會非常復雜繁瑣但它也是非常的美麗。我喜歡不對稱設計創(chuàng)造了幾乎無法預料的平衡感和充滿驚喜的感覺，不對稱設計的美觀已經(jīng)完全的達到了平衡設計。最好的設計是保持了強大圖片和文字之間的平衡性，在屏幕上創(chuàng)造一個獨特的眼睛去追蹤美。
譯文：codrops
轉(zhuǎn)載保留版權(quán)：覺唯前端 ，本文地址：http://www.jiawin.com/asymmetry-web-design/，轉(zhuǎn)載請注明版權(quán)以及本文地址，謝謝。