在設(shè)計中，對稱創(chuàng)造了平衡，平衡了創(chuàng)造和諧、秩序和審美。自然界中對稱無處不在，也許正是這種無處不在的狀態(tài)讓我們發(fā)現(xiàn)對稱的美。形態(tài)學(xué)的基本原則之一就是對稱，它是一套人類形為理論，形態(tài)學(xué)認(rèn)為人類對看到和遇到的事物本能的產(chǎn)生出秩序和完整性。

然而，對稱也會讓人感到厭倦，這時就出現(xiàn)了不對稱。如果用的好，不對稱可以營造出更有趣的效果。在這里，我也將會談一談不對稱的用法。

設(shè)計人員如何將對稱作為工具？在下面的內(nèi)容中，我們將涉及設(shè)計中的對稱，對稱的基本概念，使用對稱的技巧、秘訣和最佳案例，以及對一些使用對稱設(shè)計的網(wǎng)站進(jìn)行討論。

對稱的種類

對稱分三種：反射對稱、 旋轉(zhuǎn)對稱、平移對稱。不同方法的使用可以創(chuàng)造出強烈的興趣點和視覺穩(wěn)定性。

反射對稱

反射對稱也叫做左右對稱。反射對稱就是一種鏡子效映，一個物體在平面內(nèi)反射后得到另一個自已。

自然界是最普遍的反射是水平反射，如：蝴蝶、人體，中心軸是垂直的。

反射對稱可以是任意方向的，垂直的，對角線的，或是界于這兩者之間的任一角度。

旋轉(zhuǎn)對稱

旋轉(zhuǎn)對稱（或稱放射對稱）是指某一物體繞著某一點在某一方向上做轉(zhuǎn)動。

在自然界中，從花瓣到水母的頂部視角圖，隨處可以發(fā)現(xiàn)轉(zhuǎn)動對稱的存在。在藝術(shù)和設(shè)計中，轉(zhuǎn)動對稱可以用來表達(dá)動作和速度。即使在一個靜態(tài)的介質(zhì)中，轉(zhuǎn)動對稱也可以表達(dá)出動態(tài)的意味。

平移對稱

平移對稱，是將一個物體移動到另外一個位置，物體大體的方向不變。如下圖，物體以相等的間隔移動了若干次。平移對稱的稱動間隔不一定是相等的，只需要成比例移動。

平稱對稱可用來制作各種圖案，例如平鋪的網(wǎng)站背景和重復(fù)的設(shè)計元素。如果運用的好，平移對稱完全可以像轉(zhuǎn)動對稱一樣打造出運動和速度效果。

不對稱

不對稱即是對稱的缺失。不對稱打破了預(yù)先的對稱模式，是設(shè)計中不協(xié)調(diào)的元素。

不對稱的使用可以創(chuàng)造出不同的興趣點，在一組相似的元素中建立視覺層級。不對稱創(chuàng)造出無秩序的效果從而突出設(shè)計。

自然界中，樹木的枝杈，云朵，和動物的皮毛都是不對稱的體現(xiàn)。

不對稱具有很強的吸引力，因為它可以在統(tǒng)一的設(shè)計中營造出視覺的復(fù)雜性和多樣性。

不對稱 vs. 對稱

不對稱物體在視覺上要重于對稱物體。因此，對稱最適合用在圖案、背景、總體布局、內(nèi)容及一切視覺上被動的設(shè)計中。而不對稱可以抓人眼球，打破千篇一律。

對稱/不對稱設(shè)計技巧和最佳案例

在使用對稱或不對稱做設(shè)計時，以下最佳案例可以用來參考。

適當(dāng)?shù)氖褂脤ΨQ

合適的使用對稱是一個強大的設(shè)計法寶。以下情形中更趨向使用對稱，如：需要更大穩(wěn)定性的設(shè)計中，牢固的組織結(jié)構(gòu)中，或是要傳遞傳統(tǒng)的、令人信賴的信息時。

對于一些大膽、創(chuàng)新的設(shè)計，不對稱更可以強化這種效果。不對稱可以使平淡的設(shè)計出彩。

平移對稱最適合用于結(jié)構(gòu)布局

將內(nèi)容條塊設(shè)置成大約相同的尺寸，擴展至整個頁面，或者輸出內(nèi)容條塊是實現(xiàn)對稱的最好方法，同時也可以為主要文本和圖像留有足夠的空間。

例如，許多網(wǎng)格布局系統(tǒng)通過打破列寬來展示平移對稱，以保持平衡和比例。

使用旋轉(zhuǎn)對稱傳達(dá)動作和行為

即使在平面靜態(tài)的介質(zhì)中，旋轉(zhuǎn)對稱也可以模擬運動。旋轉(zhuǎn)對稱可以推斷發(fā)展進(jìn)程和向前運動的方向。

利用不對稱突出重點

總的來說，不對稱可以讓設(shè)計更有趣，但其另有更基本的功能：抓人眼球和營造視覺層級。有時設(shè)計者故意打破平衡以將用戶的注意力引導(dǎo)到某個區(qū)域。

跟著感覺走

對稱是與生俱來的。如果你熟悉格式塔原理，你必定知道人類的大腦對遇到的事物本能產(chǎn)生對稱和平衡。我們的身體生來就是對稱的，對稱在自然界中，對稱就在我們周圍。

然而如果什么東西看起來或感覺起來是不平衡的，這種現(xiàn)象也許是存在的。

案例：網(wǎng)頁設(shè)計中的對稱

下面的15個案例中，你將學(xué)到對稱和不對稱是如何使用的。通過對稱的使用，我們能夠了解到各種設(shè)計是如何傳遞特定的信息：使用大量對稱手法的設(shè)計看起來更深沉，更有條理；而不對稱的大量運用感覺更個性化。

IWC

在IWC的網(wǎng)站中，使用了平移對稱和反射對稱。許多內(nèi)容元素和內(nèi)容塊居中，并且均勻地成比例的分布在兩邊形成反射對稱。每一塊區(qū)域保持相同的尺寸擴展至整個頁面。整個設(shè)計中兩種對稱方法的運用，使網(wǎng)站看起來即沉穩(wěn)又專業(yè)。

Regenerator

Regenerator是網(wǎng)站設(shè)計中使用反射對稱的極佳的例子。所有設(shè)計元素，從logo到中心位置的圖像（機器人圖像）全部水平反射。這種相當(dāng)簡潔的設(shè)計方案卻呈現(xiàn)出極好的效果。

Beanstalk

總的來說，此設(shè)計保持居中并水平對稱。雖然圖像元素并不是完全的反射，但整體設(shè)計的平衡卻達(dá)到了這個效果。頁面頂部和底部的元素布局呈水平變換，達(dá)到了更深層次的對稱的效果。

Pointless Corp

這個頁面使用不對稱的設(shè)計手法。此種風(fēng)格使頁面看起來富有創(chuàng)意、天馬行空、視覺上有很大的沖擊力（同時也使用對稱手法以保持設(shè)計的一致性）。要學(xué)習(xí)各種形狀和流程的重復(fù)使用（這是平移對稱的展現(xiàn)）。

The Idealists

可以看到，各個形狀間和內(nèi)容區(qū)塊間均使用了平移對稱。主要元素采用居中反射對稱，并均勻地垂直分布于整個頁面。需要學(xué)習(xí)的是，雖然個別的幾個設(shè)計元素增強了視覺效果，但在設(shè)計上它們依然保持對稱以達(dá)到平衡。頁面左上角的黑色logo是覆蓋上去的，為了達(dá)到視覺的平衡，右側(cè)的圖片采用更為復(fù)雜和色彩明亮的圖像。

Typographisme

這個網(wǎng)站設(shè)計采用反射對稱，主要內(nèi)容均勻的居中對齊。如果將頁面對折，兩邊會相互吻合。除此之外，不對稱元素的使用更是創(chuàng)造了視覺層次，用以區(qū)分其它部分。例如，黃色TG郵戳狀圖像，就打破了單調(diào)的對稱設(shè)計。

Coda Automotive

這個網(wǎng)站內(nèi)容很多，因此平衡性和組織性是至關(guān)重要的。頁面中大量使用了平移對稱設(shè)計，相同大小的形狀重復(fù)出現(xiàn)在不同的位置。為了強化視覺，也為了實用性的內(nèi)容布局，各個方塊在尺寸上也不盡相同。不同尺寸、不同復(fù)雜度、不同顏色和密度的方塊混合，達(dá)到視覺的平衡。

Jessica Allen

在這個案例中，大量使用了不對稱的設(shè)計。除了一小部分使用平移對稱，logo使用了反射對稱之外，全部采用不對稱手法。正如我們所看到的，不對稱同樣是一種高效的設(shè)計方法。

Ambassadors for Life

在這里，內(nèi)容上同樣采用了大量的平移對稱，從內(nèi)容塊的尺寸到內(nèi)容塊周圍的附加圖像。頁面logo和logo下方的圖形采用了反射對稱。這個設(shè)計中最有意思的是主體的照片部分，主體照片大小不一，引導(dǎo)用戶關(guān)注網(wǎng)站的專題報道。

QTRLY

這個網(wǎng)站的背景和導(dǎo)航菜單采用抽象設(shè)計。而主體部分是方塊的重復(fù)使用，為了達(dá)到平衡與結(jié)構(gòu)的完整水平垂直重復(fù)。

Elegant Seagulls

這是個對稱設(shè)計的案例。logo、裝飾條、導(dǎo)航以及許多標(biāo)題元素居中展示。底部的服務(wù)列表采用移動對稱設(shè)計。

Dark Sky

這個網(wǎng)頁設(shè)計干凈、簡潔，采用網(wǎng)格布局區(qū)分出平移對稱和反射對稱。左右兩邊均有書籍圖片保持對稱。

Polecat

這是一個使用旋轉(zhuǎn)對稱的案例。在頁面上部特性的描述上采用了一般性的旋轉(zhuǎn)對稱，下面“我們的團隊”一欄中，實實在在的采用旋轉(zhuǎn)對稱。除此之外，雖然頁面背景采用不對稱設(shè)計，主要欄目設(shè)置卻保持平衡。這個頁面是不對稱和對稱的完美融合，是視覺趣味與平衡、比例與整體性的完美搭配。

SVN 2 FTP

這個頁面的整體布局和圖像設(shè)計特點是反射對稱。然而單獨來看，每個元素又是獨一無二的，不對稱的。例如：兩個小人舉起地球的圖片相對來說是對稱的，但是細(xì)節(jié)上又不完全一致。這種設(shè)計在達(dá)到平衡性和穩(wěn)定性的同時，又能保持其獨特性和創(chuàng)造性。

Forever Heavy

這又是一個以居中為主的設(shè)計，頁面元素居中并水平反射。我們要學(xué)習(xí)的是，如何使用不對稱的元素讓整體性對稱布局更出彩。

小結(jié)：

對稱是設(shè)計中非常有用的一種工具。對稱設(shè)計傳達(dá)出頁面的平衡、安靜和穩(wěn)定，同時表達(dá)了完整性、專業(yè)性和一致性。不對稱可以營造強烈的興趣點，顯示獨特和個性。總之，對稱和不對稱的運用能夠幫助設(shè)計者設(shè)計出更完美的作品。

本文作者Kayla Knight是一位網(wǎng)頁設(shè)計師和網(wǎng)站開發(fā)員。她做為一名自由職業(yè)者從事設(shè)計和開發(fā)工作。了解更多，請訪問她的主頁。http://kaylaknight.com/

來源：http://article.yeeyan.org/view/163030/169263