|
在設(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)站進行討論。 對稱的種類 對稱分三種：反射對稱,、 旋轉(zhuǎn)對稱,、平移對稱。不同方法的使用可以創(chuàng)造出強烈的興趣點和視覺穩(wěn)定性。 反射對稱 反射對稱也叫做左右對稱,。反射對稱就是一種鏡子效映,，一個物體在平面內(nèi)反射后得到另一個自已。
自然界是最普遍的反射是水平反射,，如：蝴蝶,、人體，中心軸是垂直的,。 反射對稱可以是任意方向的,，垂直的，對角線的,，或是界于這兩者之間的任一角度,。 旋轉(zhuǎn)對稱 旋轉(zhuǎn)對稱（或稱放射對稱）是指某一物體繞著某一點在某一方向上做轉(zhuǎn)動。
在自然界中,，從花瓣到水母的頂部視角圖,，隨處可以發(fā)現(xiàn)轉(zhuǎn)動對稱的存在。在藝術(shù)和設(shè)計中,，轉(zhuǎn)動對稱可以用來表達動作和速度,。即使在一個靜態(tài)的介質(zhì)中，轉(zhuǎn)動對稱也可以表達出動態(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)對稱傳達動作和行為 即使在平面靜態(tài)的介質(zhì)中,，旋轉(zhuǎn)對稱也可以模擬運動,。旋轉(zhuǎn)對稱可以推斷發(fā)展進程和向前運動的方向。
利用不對稱突出重點 總的來說,，不對稱可以讓設(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è)計的平衡卻達到了這個效果。頁面頂部和底部的元素布局呈水平變換,，達到了更深層次的對稱的效果,。 Pointless Corp
這個頁面使用不對稱的設(shè)計手法。此種風(fēng)格使頁面看起來富有創(chuàng)意,、天馬行空,、視覺上有很大的沖擊力（同時也使用對稱手法以保持設(shè)計的一致性）。要學(xué)習(xí)各種形狀和流程的重復(fù)使用（這是平移對稱的展現(xiàn)）,。 The Idealists
可以看到,，各個形狀間和內(nèi)容區(qū)塊間均使用了平移對稱。主要元素采用居中反射對稱,，并均勻地垂直分布于整個頁面,。需要學(xué)習(xí)的是，雖然個別的幾個設(shè)計元素增強了視覺效果，但在設(shè)計上它們依然保持對稱以達到平衡,。頁面左上角的黑色logo是覆蓋上去的,，為了達到視覺的平衡，右側(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ù)雜度,、不同顏色和密度的方塊混合，達到視覺的平衡,。 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ù)使用,，為了達到平衡與結(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è)計特點是反射對稱,。然而單獨來看,，每個元素又是獨一無二的，不對稱的,。例如：兩個小人舉起地球的圖片相對來說是對稱的,，但是細節(jié)上又不完全一致。這種設(shè)計在達到平衡性和穩(wěn)定性的同時,，又能保持其獨特性和創(chuàng)造性,。 Forever Heavy
這又是一個以居中為主的設(shè)計，頁面元素居中并水平反射,。我們要學(xué)習(xí)的是,，如何使用不對稱的元素讓整體性對稱布局更出彩,。 小結(jié)： 對稱是設(shè)計中非常有用的一種工具,。對稱設(shè)計傳達出頁面的平衡、安靜和穩(wěn)定,，同時表達了完整性,、專業(yè)性和一致性,。不對稱可以營造強烈的興趣點，顯示獨特和個性,?？傊瑢ΨQ和不對稱的運用能夠幫助設(shè)計者設(shè)計出更完美的作品,。
|
|
|
