了解成都網(wǎng)站設(shè)計(jì)中的對稱性和不對稱性

成都網(wǎng)站建設(shè)設(shè)計(jì)師知道掌握平衡的視覺概念對于向觀眾傳達(dá)正確信息的重要性。通常，僅當(dāng)事物在設(shè)計(jì)的任一側(cè)對稱或具有相等的權(quán)重時(shí)，才認(rèn)為可以達(dá)到平衡。這不是真的;您也可以通過其他方式達(dá)到平衡。為此，我們首先應(yīng)該了解平衡設(shè)計(jì)的意義。它被稱為設(shè)計(jì)元素的分布。它是設(shè)計(jì)中重力的視覺解釋。大型，密集的對象看起來較重，而小型元素則較輕。有多種方法可以實(shí)現(xiàn)設(shè)計(jì)的平衡。我們將討論兩種廣泛使用的此類方法：對稱設(shè)計(jì)和非對稱設(shè)計(jì)。

什么是對稱性？

對稱性是指圖像的重復(fù)部分沿路徑或中心沿軸的視覺質(zhì)量。雙方的元素和組成相同，并且始終保持平衡?？梢詮淖匀唤缰辛私鈱ΨQ性概念的好參考是蝴蝶。所有相對的形狀都是彼此對應(yīng)的，并且比例好。這種好的對稱性營造出一種視覺上令人愉悅的和諧感，因此通常被很好地感知。

有多種方法可以實(shí)現(xiàn)不同種類的對稱。讓我們討論其中的一些：

1.反射對稱性：

反射對稱，也稱為雙邊對稱，是最常見和最受歡迎的對稱形式。在這樣的對稱中，中心軸可以水平或垂直地定位而不以任何方式影響對稱。不僅垂直和水平軸，而且對稱性也可以在多個(gè)對角軸上找到。例如，無論將中心軸放在何處，雪花都是對稱的。由于在這種對稱中，中心軸的兩側(cè)均無變化，因此也稱為純對稱。

當(dāng)我們在網(wǎng)頁設(shè)計(jì)中加入反射對稱性時(shí)，我們可以在布局中這樣做?；驹肀３植蛔?。但是，需要注意的是，您應(yīng)該從這種做法中汲取靈感，并且要避免偏離中心軸兩側(cè)元素的外觀，只要它們成比例地相似即可。如上面的網(wǎng)站示例所示，這種做法有時(shí)可以幫助創(chuàng)建高對比度。

2.旋轉(zhuǎn)對稱：

旋轉(zhuǎn)對稱也稱為徑向?qū)ΨQ。它用于添加設(shè)計(jì)中的運(yùn)動(dòng)?；舅枷胧菍⒃匦D(zhuǎn)到一定程度，通過以兩個(gè)或更多不同的角度顯示位移和速度來顯示該元素在設(shè)計(jì)中的運(yùn)動(dòng)。它傳達(dá)了動(dòng)態(tài)的動(dòng)作。它們必須處于與視覺對象相同的距離，頻率和角度，才能處于旋轉(zhuǎn)對稱狀態(tài)。如果我們從自然界中汲取靈感，那么旋轉(zhuǎn)對稱的例子就是向日葵的花瓣。

當(dāng)我們談?wù)摼W(wǎng)頁設(shè)計(jì)或徽標(biāo)設(shè)計(jì)時(shí)，可以在三菱徽標(biāo)設(shè)計(jì)中充分利用旋轉(zhuǎn)對稱性。相同的花樣以中心處連接的三個(gè)不同角度旋轉(zhuǎn)，這類似于花朵的設(shè)計(jì)，并使用旋轉(zhuǎn)對稱性并營造出運(yùn)動(dòng)感。

3.平移對稱：

平移對稱性是通過將對象重新定位到另一個(gè)位置，同時(shí)保持其大致或精確的方向來實(shí)現(xiàn)的。它通常用于邊框，以將復(fù)雜的圖案“在線”保持在平面或二維表面上。這并不要求所有元素都具有相同的大小。許多次以相同方向改變重復(fù)圖案的大小也可用于顯示距離，移動(dòng)或接近程度。這是在設(shè)計(jì)中創(chuàng)建速度，聲音和動(dòng)作的理想方式。

在進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)，設(shè)計(jì)人員通常將其作為網(wǎng)頁的一個(gè)元素來使用，而不是以這種方式設(shè)計(jì)整個(gè)網(wǎng)站。這也是設(shè)計(jì)徽標(biāo)的好實(shí)踐。公共廣播服務(wù)徽標(biāo)很好地利用了過渡對稱與單色融合的方式，以在徽標(biāo)中顯示對比度。

4.顏色對稱：

通常只在形狀及其排列中考慮和討論對稱性，但是也可以在顏色方面實(shí)現(xiàn)對稱性。所述色輪本身是在這樣好對稱性使得每個(gè)色光，每種顏色有一個(gè)安慰相反的顏色，這導(dǎo)致智能對稱性。顏色作為單獨(dú)的設(shè)計(jì)元素本身對網(wǎng)站的視覺美學(xué)和語言具有重大影響。因此，在網(wǎng)站上創(chuàng)建顏色對稱性對于使用戶的眼睛感覺舒緩舒適至關(guān)重要。它還可以幫助設(shè)計(jì)人員在各種要素（例如興趣點(diǎn)，唯一性和性格）之間保持理想的平衡。

Apple在其網(wǎng)站設(shè)計(jì)中使用了黑白或單色的最受歡迎和經(jīng)典組合，從而成功實(shí)現(xiàn)了色彩對稱。顏色的對比為單個(gè)元素以及整體網(wǎng)站體驗(yàn)提供了喘息的空間。用戶瀏覽網(wǎng)站時(shí)會(huì)感到輕松自在，因?yàn)樾畔⒖雌饋矸浅Ｓ袟l理和結(jié)構(gòu)化。

現(xiàn)在我們知道對稱天平的種類，我們可以討論在設(shè)計(jì)中使用它們的好處。

傳達(dá)信任感：對稱布局非常適合想要傳達(dá)信任感的設(shè)計(jì)師。它也給人一種穩(wěn)定感。因此，如果您在銀行工作；對稱設(shè)計(jì)可能是正確的選擇。

對于具有單個(gè)交互對象的頁面：對稱平衡最適合具有單個(gè)交互對象的頁面。通常，登錄/注冊頁面都有這樣的頁面。通過在中心使用主要的交互對象或關(guān)鍵消息，您可以擁有一個(gè)中心焦點(diǎn)。

當(dāng)頁面有兩個(gè)或多個(gè)基本選項(xiàng)可供選擇時(shí)：使用非對稱平衡可使訪問者平均關(guān)注網(wǎng)站的所有頁面。一個(gè)可以從中受益的的地方是購物網(wǎng)站，其中包含男女專用產(chǎn)品。因此，頁面的一個(gè)部分可以顯示男性部分，而另一部分可以顯示女性部分。

現(xiàn)在，我們已經(jīng)討論了各種對稱平衡，以及不同的設(shè)計(jì)師如何將其納入設(shè)計(jì)中，讓我們了解什么是非對稱設(shè)計(jì)。

什么是不對稱？

余額不具有對稱被稱為不對稱的平衡。盡管使用了權(quán)重互不相同的元素，但似乎雜亂的構(gòu)圖方式是一種故意的平衡感，在設(shè)計(jì)中仍然存在某種平衡感。許多方法可以實(shí)現(xiàn)這一目標(biāo)。例如，您可以在畫布的一端放置沉重的元素，并在設(shè)計(jì)的另一側(cè)與較輕的對象保持平衡。這種做法使設(shè)計(jì)看起來更具動(dòng)感和現(xiàn)代感。另外，它可能有助于您傳遞更有意義的消息。

要記住的是，較暗和較大的物體總是比較小和較輕的物體重。由于非對稱設(shè)計(jì)使用兩個(gè)或多個(gè)元素之間的復(fù)雜關(guān)系來創(chuàng)建其組成，因此可以吸引更多的注意力。通過使用對稱平衡可以實(shí)現(xiàn)一個(gè)和諧的平衡，但是有時(shí)它變得有些被動(dòng)。正確使用非對稱平衡的設(shè)計(jì)師不必?fù)?dān)心會(huì)吸引觀眾的注意力，因?yàn)榕c對稱設(shè)計(jì)相比，他們講故事的范圍更大。

著名畫家文森特·梵高（Vincent Van Gogh）繪制了他的著名畫作《星夜》，這是不對稱平衡的一個(gè)很好的例子。構(gòu)圖右上角的明亮月亮與繪畫左下角的深色樹木保持平衡并相互補(bǔ)充。

非對稱設(shè)計(jì)為您提供靈活性，不可預(yù)測性和講故事的自由。盡管這樣的設(shè)計(jì)看起來更加隨意和混亂，但不應(yīng)認(rèn)為它易于制造。在這種混亂的設(shè)計(jì)過程中實(shí)現(xiàn)平衡可能更具挑戰(zhàn)性。

存在多種實(shí)現(xiàn)不同種類的不對稱的方法。讓我們討論其中的一些：

1.按形狀和價(jià)值排列：

淺色和小尺寸的視覺對象的重量小于較大和較暗的視覺對象。與在設(shè)計(jì)另一側(cè)的一個(gè)更大的對象相比，這可以通過在設(shè)計(jì)的一側(cè)使用多個(gè)較小的元素來平衡設(shè)計(jì)。同樣，構(gòu)圖的大空白區(qū)域可以用較小的復(fù)雜細(xì)節(jié)來補(bǔ)充。

2.使用Texture的排列：

Texture是用于創(chuàng)建引人注目的逼真的設(shè)計(jì)的最強(qiáng)大的技術(shù)之一。它被稱為物體的表面質(zhì)量或感覺。您會(huì)知道棉，羊毛和黃麻等不同材料在皮膚上的感覺。這稱為該材質(zhì)的紋理。在實(shí)際世界中，紋理在視覺上以及通過感覺到的物理差異將兩個(gè)元素區(qū)分開。但是，在網(wǎng)頁設(shè)計(jì)中，由于設(shè)計(jì)是數(shù)字化的，因此無法通過觸摸感覺到紋理，而可以通過視覺調(diào)整來描繪?？梢愿鶕?jù)平滑，粗糙或任何其他此類效果調(diào)整顏色的“紋理”。通過顯示使用不同紋理的區(qū)域與沒有紋理變化的另一個(gè)區(qū)域之間的強(qiáng)烈對比，可以找到平衡感。

3.按顏色排列：

有多種描述顏色的方法。有原色，輔助色，同時(shí)也有更多令人耳目一新的顏色和更暖色調(diào)的顏色。有些顏色非常鮮艷，有些則很沉悶，而有些介于兩者之間則為中性。對此有適當(dāng)?shù)牧私饪梢詭椭O(shè)計(jì)師在設(shè)計(jì)中選擇相關(guān)的顏色以增加吸引力。在非對稱設(shè)計(jì)中，設(shè)計(jì)師通常在大面積設(shè)計(jì)中使用中性色，并將其與較小區(qū)域的鮮艷鮮艷顏色進(jìn)行對比。

4.視線方向排列：

通常，當(dāng)我們談?wù)撛O(shè)計(jì)時(shí)，許多元素都可以為觀眾提供視覺指導(dǎo)，讓他們了解設(shè)計(jì)者希望他們首先看到的東西，然后再看等等。三角形通常用作箭頭或指針，吸引人們的注意力是首先找到此類線索，然后再查看設(shè)計(jì)的其余部分。此外，當(dāng)設(shè)計(jì)元素指向某物時(shí)，它會(huì)將觀眾的注意力重定向到它所指向的位置。它使觀眾感到好奇，因此是非對稱平衡設(shè)計(jì)元素的組成部分。

現(xiàn)在我們知道了非對稱平衡的種類，我們可以討論在設(shè)計(jì)中使用它們的優(yōu)點(diǎn)：

使布局脫穎而出：不對稱設(shè)計(jì)具有講故事的功能，因此與眾不同，在客戶的心中留下了持久的印象。

展示動(dòng)態(tài)：動(dòng)態(tài)設(shè)計(jì)是一種設(shè)計(jì)，在這種設(shè)計(jì)中，觀看者的眼睛在設(shè)計(jì)布局中移動(dòng)，而不是將所有元素都看成一個(gè)整體。不對稱設(shè)計(jì)帶來動(dòng)感。這就是為什么許多運(yùn)動(dòng)品牌在徽標(biāo)和布局中使用不對稱設(shè)計(jì)的原因。

引起注意：不對稱設(shè)計(jì)引起注意。它會(huì)自動(dòng)將訪客引導(dǎo)到焦點(diǎn)，并且凝視首先關(guān)注設(shè)計(jì)中最關(guān)鍵的方面。通過調(diào)整和定位頁面的元素，設(shè)計(jì)人員可以將觀眾的視線引導(dǎo)到不同的區(qū)域。

盡管這兩種設(shè)計(jì)方法都是獨(dú)特的，并且具有其含義和優(yōu)勢，但它們也都有其局限性。因此，您可以結(jié)合對稱設(shè)計(jì)和非對稱設(shè)計(jì)的原理來創(chuàng)建美觀的設(shè)計(jì)布局。一種實(shí)現(xiàn)方法是在布局的一個(gè)區(qū)域中具有整體對稱的布局以及不對稱的區(qū)域或元素，以創(chuàng)建興趣點(diǎn)并在一組相似的元素內(nèi)組織視覺層次。

因此，掌握這兩個(gè)學(xué)科的技能將有助于您設(shè)計(jì)一個(gè)具有吸引力且相關(guān)的布局的出色成都網(wǎng)站設(shè)計(jì)，這對于訪客而言是獨(dú)特而令人難忘的。

新聞標(biāo)題：了解成都網(wǎng)站設(shè)計(jì)中的對稱性和不對稱性
文章來源：http://www.muchs.cn/news26/185276.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)