漲姿勢！如何設(shè)計出一個高端網(wǎng)站？

2015-10-04 分類：網(wǎng)站建設(shè)

知覺的過程使我們能夠通過我們的視覺、嗅覺、聲音、味覺和觸覺感知世界。特別是，我們的視覺系統(tǒng)處理大量的信息。而不是單獨的感知元素，我們的大腦組織模式，對一個形狀加以理解。格式塔原則–相似、接近、閉合，形象地、持續(xù)等等，作為一個視覺設(shè)計師，現(xiàn)在是一個互動設(shè)計師，我經(jīng)常運用這些原則，以建立在我的設(shè)計元素之間的關(guān)系和差異。了解這些原則如何工作，以及如何在你的設(shè)計中使用它們，產(chǎn)生更強大和更吸引人的設(shè)計本文說說如何用相似性和接近性原則提高你的設(shè)計。

在這第一篇文章中，我們將看看如何將這些相似性原則運用到我們的網(wǎng)頁設(shè)計中，你準備好改進你的設(shè)計了嗎？讓我們開始挖掘相似性吧。相似的格式塔原理說相似的元素被認為是比不同元素更為相關(guān)。相似性有助于我們組織對象的關(guān)聯(lián)性，并可以受到顏色，大小，形狀和方向的屬性。

1、使用顏色分配關(guān)系

相似性特別受顏色的影響。在下面的例子中，即使不同的形狀，顏色和形狀在分配一個分組或關(guān)系時有一個很強的效果。當涉及到分配關(guān)系時，沒有其他屬性可以擊敗顏色。

2、使用大小分配關(guān)系

大小是我們在創(chuàng)建相似性的另一個有用的工具。在下面的例子中，尺寸的相似性使更大的形狀突出并形成一個組，即使所有的形狀都是相同的。

3、使用形狀來分配關(guān)系

形狀在相似性分組時是有用的。在這里看到的例子中，形狀使我們能夠解釋元素為圓形和正方形的列，而不是行的交替的圓圈和正方形。

4、使用定向來分配關(guān)系

定向可以用于組的相似性，通過將某些圖形旋轉(zhuǎn)45度，就可以形成一個單獨的分組。同周圍形狀比較，他們幾乎似乎是在一個相同的方向移動。這實際上涉及到共同命運的格式塔原則。這是一個迷人的原則，經(jīng)常發(fā)生在你周圍。

5、更多關(guān)于顏色

如前所述，相似性特別受顏色的影響，并且可以覆蓋其他屬性。例如，我們可以通過添加顏色來覆蓋形狀相似的例子。現(xiàn)在，我們看到交替行的紅色和白色的形狀，而不是列中的圓形和正方形。

6、實踐環(huán)節(jié)的相似性

當我們設(shè)計的時候，我們可以通過顯示哪些元素是相關(guān)的，或不相關(guān)的，彼此之間的相似性來傳達組織和關(guān)聯(lián)。例如，在沙龍的網(wǎng)站上顯示的兩個部分是由他們的相對大小分組。我們清楚地看到兩個獨立的組，上面的故事在左邊，大多數(shù)在右邊讀。

7、接近和相似性

通過鄰近分組也可以與相似性相結(jié)合，以建立更牢固的關(guān)系。在這個例子中，從亞馬遜，通過接近和相似性的分組，使我們認識到兩個獨立的分組和分配更突出的左組。

結(jié)論

了解如何使用相似性和接近性將會影響你的工作中元素之間的關(guān)系，這將有助于你網(wǎng)頁設(shè)計和頁面布局，更容易的組織和提高工作的可用性。使用相似性和接近性來創(chuàng)建你設(shè)計中的元素之間的關(guān)系和差異。實驗與使用的白色空間，顏色，大小，形狀和方向的元素，混合這兩個原則在一起，產(chǎn)生非常強大和吸引人的關(guān)系。創(chuàng)新互聯(lián)(http://m.kartarina.com)，專業(yè)網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、logo設(shè)計、品牌設(shè)計、印刷等產(chǎn)品服務(wù)，歡迎新老顧客前來咨詢！咨詢熱線或QQ：1683211881

分享文章：漲姿勢！如何設(shè)計出一個高端網(wǎng)站？
文章源于：http://m.kartarina.com/news/32969.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動網(wǎng)站建設(shè)、網(wǎng)站改版、定制開發(fā)、網(wǎng)頁設(shè)計公司、網(wǎng)站設(shè)計、域名注冊

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

猜你還喜歡下面的內(nèi)容

巧用色彩為卡片設(shè)計加分 2015-10-04
你知道嗎？這些LOGO設(shè)計中隱藏了這些信息！ 2015-10-03
WebGL是如何重塑Flash的 2015-01-10
常見的SEO優(yōu)化的謬見和誤解 2016-02-20
如何防止“突然的客戶端設(shè)計綜合癥” 2015-10-02
把控這些細節(jié)，你將會做出一個漂亮的網(wǎng)頁設(shè)計！ 2015-10-01
如何選擇適合正確的設(shè)計工具 2015-09-30