不對稱和不對稱設計可以創造能量和張力的感覺,但也取決於使用的組成和諧感。非對稱設計的使用可以是廣泛的。通常該技術用於創造混亂的感覺。不對稱可以強調運動或動作。它最常用於在螢幕上建立優勢和焦點的感覺。使用不對稱或對稱設計沒有對或錯。有些網站甚至會混合每個元素的形成大圖片。 WooCommerce 獨立站網頁設計 WordPress 外貿獨立站網站建設:非對稱設計的使用技巧。
不對稱設計使用
什麼樣的專案可以從非對稱設計中受益?簡單地說,幾乎所有的人。
該技術 – 當執行得很好時,為專案增加了大量的對比度和維度。關鍵是結構元素,以便建立一個良好的平衡。您不想讓您的頁面有一個不平衡的感覺。請特別注意以符合專案音調的方式排列元素,平衡與否。
在 WooCommerce 獨立站網頁設計中,圍繞對稱的大多數對話是指水平對稱或不對稱以及出現在滾動上方的網站部分。不對稱設計可以建立平衡或運動。
最常見的非對稱設計技術與具有對稱性的專案組合使用。例如,考慮一個具有 350 畫素邊欄的網站。您立即建立了一個不對稱的輪廓,因為網站的主體和側邊欄的寬度不同。照片放置通常也發生在中心以外,創造了一個不對稱的元素。
影像和文字
創造平衡感的一種方法是將不同的元素(如影像和文字)配對。 這是許多設計師使用的常見技術。訣竅在於您如何把兩個排列在一起。 它不只是一張圖片和幾個字。 影像和文字(甚至字型)的心情必須是互補的。跨飛獨立站,專業 WordPress 外貿獨立站網站建設、 WordPress 站群網站最佳化、 logo 設計、品牌設計、印刷等產品服務,新上線企業 VI 設計套餐和 WordPress 站群網站營銷推廣系統(強),歡迎新老顧客前來諮詢!
使這種技術工作的關鍵要素之一是連結文字和影像。 做詞和形象 “說” 同樣的事情嗎? 他們設計的方式,他們似乎連線? 字型的權重是否反映影像中的權重?
影像和空間
空間與重元素(影像或文字)配對以產生重量或運動感。 空間的空虛與頁面其餘部分的豐滿度形成對比。
看看影像中的方向專案是否指向。 有沒有臉左看? 這創造了一種移動感,將多使用者從頁面上的左側移動到右側。 有山峰嗎? 該方向點將使訪問者的眼睛從底部移動到頂部。
建立不對稱的另一種方式是阻止可視區域的部分。 側邊欄和顏色阻塞是簡單的方法來做到這一點。(通常當使用這個概念時,總體外觀是不對稱的,儘管該設計在站點的每個部分內具有獨特的對稱性)。
顏色
也可以使用顏色選擇建立不對稱。鮮明的對比色調 – 白色與黑色,例如,色輪上的對面 – 可以感覺失去平衡,甚至混亂。不對稱的顏色圖案也是自然的,並且對它們具有奇怪的平衡感。在許多物種中,雄性動物將具有幾乎完全對稱的顏色標記,而雌性很少做。(據認為,這種自然發生的現象是幫助 “更有吸引力” 的男性導致獵物遠離女性和後代。)
平衡配色方案基於色輪的原理。組合和做出這些經典組合之外的顏色選擇,以減少對稱性和顏色的和諧。
不對稱的設計可以是棘手和美麗的。我喜歡的驚喜不對稱的元素創造幾乎一樣多的計劃平衡從一個完成不對稱的設計。