知覺的過程使我們能夠通過我們的視覺、嗅覺、聲音、味覺和觸覺感知世界。特別是,我們的視覺系統處理大量的信息。而不是單獨的感知元素,我們的大腦組織模式,對一個形狀加以理解。格式塔原則–相似、接近、閉合,形象地、持續等等,作為一個視覺設計師,現在是一個互動設計師,我經常運用這些原則,以建立在我的設計元素之間的關系和差異。了解這些原則如何工作,以及如何在你的設計中使用它們,產生更強大和更吸引人的設計本文說說如何用相似性和接近性原則提高你的設計。
在這第一篇文章中,我們將看看如何將這些相似性原則運用到我們的網頁設計中,你準備好改進你的設計了嗎?讓我們開始挖掘相似性吧。相似的格式塔原理說相似的元素被認為是比不同元素更為相關。相似性有助于我們組織對象的關聯性,并可以受到顏色,大小,形狀和方向的屬性。
1、使用顏色分配關系
相似性特別受顏色的影響。在下面的例子中,即使不同的形狀,顏色和形狀在分配一個分組或關系時有一個很強的效果。當涉及到分配關系時,沒有其他屬性可以擊敗顏色。
2、使用大小分配關系
大小是我們在創建相似性的另一個有用的工具。在下面的例子中,尺寸的相似性使更大的形狀突出并形成一個組,即使所有的形狀都是相同的。
3、使用形狀來分配關系
形狀在相似性分組時是有用的。在這里看到的例子中,形狀使我們能夠解釋元素為圓形和正方形的列,而不是行的交替的圓圈和正方形。
4、使用定向來分配關系
定向可以用于組的相似性,通過將某些圖形旋轉45度,就可以形成一個單獨的分組。同周圍形狀比較,他們幾乎似乎是在一個相同的方向移動。這實際上涉及到共同命運的格式塔原則。這是一個迷人的原則,經常發生在你周圍。
5、更多關于顏色
如前所述,相似性特別受顏色的影響,并且可以覆蓋其他屬性。例如,我們可以通過添加顏色來覆蓋形狀相似的例子?,F在,我們看到交替行的紅色和白色的形狀,而不是列中的圓形和正方形。
6、實踐環節的相似性
當我們設計的時候,我們可以通過顯示哪些元素是相關的,或不相關的,彼此之間的相似性來傳達組織和關聯。例如,在沙龍的網站上顯示的兩個部分是由他們的相對大小分組。我們清楚地看到兩個獨立的組,上面的故事在左邊,大多數在右邊讀。
7、接近和相似性
通過鄰近分組也可以與相似性相結合,以建立更牢固的關系。在這個例子中,從亞馬遜,通過接近和相似性的分組,使我們認識到兩個獨立的分組和分配更突出的左組。
結論
了解如何使用相似性和接近性將會影響你的工作中元素之間的關系,這將有助于你網頁設計和頁面布局,更容易的組織和提高工作的可用性。使用相似性和接近性來創建你設計中的元素之間的關系和差異。實驗與使用的白色空間,顏色,大小,形狀和方向的元素,混合這兩個原則在一起,產生非常強大和吸引人的關系。
創新互聯(http://m.newbst.com),專業
網站建設、網站優化、logo設計、品牌設計、
印刷等產品服務,歡迎新老顧客前來咨詢!咨詢熱線或QQ:1683211881
網頁標題:漲姿勢!如何設計出一個高端網站?
文章位置:http://m.newbst.com/news19/32969.html
成都網站建設公司_創新互聯,為您提供響應式網站、Google、網站內鏈、定制開發、電子商務、軟件開發
廣告
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創新互聯