知覺的過程使我們能夠通過我們的視覺、嗅覺、聲音、味覺和觸覺感知世界。特別是，我們的視覺系統處理大量的信息。而不是單獨的感知元素，我們的大腦組織模式，對一個形狀加以理解。格式塔原則–相似、接近、閉合，形象地、持續等等，作為一個視覺設計師，現在是一個互動設計師，我經常運用這些原則，以建立在我的設計元素之間的關係和差異。瞭解這些原則如何工作，以及如何在您的設計中使用它們，產生更強大和更吸引人的設計本文説説如何用相似性和接近性原則提高您的設計。
在這第一篇文章中，我們將看看如何將這些相似性原則運用到我們的 WooCommerce 獨立站網頁設計中，您準備好改進您的設計了嗎？讓我們開始挖掘相似性吧。相似的格式塔原理説相似的元素被認為是比不同元素更為相關。相似性有助於我們組織物件的關聯性，並可以受到顏色，大小，形狀和方向的屬性。
1 、使用顏色分配關係
相似性特別受顏色的影響。在下面的例子中，即使不同的形狀，顏色和形狀在分配一個分組或關係時有一個很強的效果。當涉及到分配關係時，沒有其他屬性可以擊敗顏色。
2 、使用大小分配關係
大小是我們在建立相似性的另一個有用的工具。在下面的例子中，尺寸的相似性使更大的形狀突出並形成一個組，即使所有的形狀都是相同的。
3 、使用形狀來分配關係
形狀在相似性分組時是有用的。在這裏看到的例子中，形狀使我們能夠解釋元素為圓形和正方形的列，而不是行的交替的圓圈和正方形。
4 、使用定向來分配關係
定向可以用於組的相似性，通過將某些圖形旋轉 45 度，就可以形成一個單獨的分組。同周圍形狀比較，他們幾乎似乎是在一個相同的方向移動。這實際上涉及到共同命運的格式塔原則。這是一個迷人的原則，經常發生在您周圍。
5 、更多關於顏色
如前所述，相似性特別受顏色的影響，並且可以覆蓋其他屬性。例如，我們可以通過新增顏色來覆蓋形狀相似的例子。現在，我們看到交替行的紅色和白色的形狀，而不是列中的圓形和正方形。
6 、實踐環節的相似性
當我們設計的時候，我們可以通過顯示哪些元素是相關的，或不相關的，彼此之間的相似性來傳達組織和關聯。例如，在沙龍的網站上顯示的兩個部分是由他們的相對大小分組。我們清楚地看到兩個獨立的組，上面的故事在左邊，大多數在右邊讀。
7 、接近和相似性
通過鄰近分組也可以與相似性相結合，以建立更牢固的關係。在這個例子中，從亞馬遜，通過接近和相似性的分組，使我們認識到兩個獨立的分組和分配更突出的左組。
結論
瞭解如何使用相似性和接近性將會影響您的工作中元素之間的關係，這將有助於您 WooCommerce 獨立站網頁設計和頁面佈局，更容易的組織和提高工作的可用性。使用相似性和接近性來建立您設計中的元素之間的關係和差異。實驗與使用的白色空間，顏色，大小，形狀和方向的元素，混合這兩個原則在一起，產生非常強大和吸引人的關係。跨飛獨立站 (https://www.kuafei.com)，專業 WordPress 外貿獨立站網站建設、 WordPress 站羣網站優化、 logo 設計、品牌設計、印刷等產品服務，歡迎新老顧客前來諮詢！諮詢熱線或 QQ