漲姿勢！如何設(shè)計出一個高端網(wǎng)站？
2015-10-04 分類： 網(wǎng)站建設(shè)
知覺的過程使我們能夠通過我們的視覺、嗅覺、聲音、味覺和觸覺感知世界。特別是，我們的視覺系統(tǒng)處理大量的信息。而不是單獨的感知元素，我們的大腦組織模式，對一個形狀加以理解。格式塔原則–相似、接近、閉合，形象地、持續(xù)等等，作為一個視覺設(shè)計師，現(xiàn)在是一個互動設(shè)計師，我經(jīng)常運用這些原則，以建立在我的設(shè)計元素之間的關(guān)系和差異。了解這些原則如何工作，以及如何在你的設(shè)計中使用它們，產(chǎn)生更強(qiáng)大和更吸引人的設(shè)計本文說說如何用相似性和接近性原則提高你的設(shè)計。
在這第一篇文章中，我們將看看如何將這些相似性原則運用到我們的網(wǎng)頁設(shè)計中，你準(zhǔn)備好改進(jìn)你的設(shè)計了嗎？讓我們開始挖掘相似性吧。相似的格式塔原理說相似的元素被認(rèn)為是比不同元素更為相關(guān)。相似性有助于我們組織對象的關(guān)聯(lián)性，并可以受到顏色，大小，形狀和方向的屬性。
1、使用顏色分配關(guān)系
相似性特別受顏色的影響。在下面的例子中，即使不同的形狀，顏色和形狀在分配一個分組或關(guān)系時有一個很強(qiáng)的效果。當(dāng)涉及到分配關(guān)系時，沒有其他屬性可以擊敗顏色。
2、使用大小分配關(guān)系
大小是我們在創(chuàng)建相似性的另一個有用的工具。在下面的例子中，尺寸的相似性使更大的形狀突出并形成一個組，即使所有的形狀都是相同的。
3、使用形狀來分配關(guān)系
形狀在相似性分組時是有用的。在這里看到的例子中，形狀使我們能夠解釋元素為圓形和正方形的列，而不是行的交替的圓圈和正方形。
4、使用定向來分配關(guān)系
定向可以用于組的相似性，通過將某些圖形旋轉(zhuǎn)45度，就可以形成一個單獨的分組。同周圍形狀比較，他們幾乎似乎是在一個相同的方向移動。這實際上涉及到共同命運的格式塔原則。這是一個迷人的原則，經(jīng)常發(fā)生在你周圍。
5、更多關(guān)于顏色
如前所述，相似性特別受顏色的影響，并且可以覆蓋其他屬性。例如，我們可以通過添加顏色來覆蓋形狀相似的例子?，F(xiàn)在，我們看到交替行的紅色和白色的形狀，而不是列中的圓形和正方形。
6、實踐環(huán)節(jié)的相似性
當(dāng)我們設(shè)計的時候，我們可以通過顯示哪些元素是相關(guān)的，或不相關(guān)的，彼此之間的相似性來傳達(dá)組織和關(guān)聯(lián)。例如，在沙龍的網(wǎng)站上顯示的兩個部分是由他們的相對大小分組。我們清楚地看到兩個獨立的組，上面的故事在左邊，大多數(shù)在右邊讀。
7、接近和相似性
通過鄰近分組也可以與相似性相結(jié)合，以建立更牢固的關(guān)系。在這個例子中，從亞馬遜，通過接近和相似性的分組，使我們認(rèn)識到兩個獨立的分組和分配更突出的左組。
結(jié)論
了解如何使用相似性和接近性將會影響你的工作中元素之間的關(guān)系，這將有助于你網(wǎng)頁設(shè)計和頁面布局，更容易的組織和提高工作的可用性。使用相似性和接近性來創(chuàng)建你設(shè)計中的元素之間的關(guān)系和差異。實驗與使用的白色空間，顏色，大小，形狀和方向的元素，混合這兩個原則在一起，產(chǎn)生非常強(qiáng)大和吸引人的關(guān)系。創(chuàng)新互聯(lián)(http://www.rwnh.cn)，專業(yè)網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、logo設(shè)計、品牌設(shè)計、印刷等產(chǎn)品服務(wù)，歡迎新老顧客前來咨詢！咨詢熱線或QQ：1683211881
網(wǎng)頁標(biāo)題：漲姿勢！如何設(shè)計出一個高端網(wǎng)站？
文章位置：http://www.rwnh.cn/news19/32969.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、Google、網(wǎng)站內(nèi)鏈、定制開發(fā)、電子商務(wù)、軟件開發(fā)
聲明：本網(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
- 把控這些細(xì)節(jié)，你將會做出一個漂亮的網(wǎng)頁設(shè)計！ 2015-10-01
- 如何選擇適合正確的設(shè)計工具 2015-09-30
- 網(wǎng)頁設(shè)計中導(dǎo)航設(shè)計為何如此重要？ 2015-10-03
- 如何在Adobe Illustrator里做這樣一個UI設(shè)計？ 2015-10-02
- 怎樣運用光學(xué)調(diào)整來使網(wǎng)頁設(shè)計更協(xié)調(diào)？ 2015-10-02
- 熟悉印刷流程的細(xì)節(jié) 2015-01-10
- 簡單的心態(tài)變化,會讓你得到更多的客戶 2015-01-09
- 在一個設(shè)計工作室工作的四個技巧 2015-10-01
- 設(shè)計師如何對抗精神超載 2015-10-01
- 網(wǎng)頁設(shè)計中如何打破視覺模式來吸引訪客？ 2015-09-30
- 為什么壞設(shè)計師似乎總是得到最好的工作？ 2015-09-30
- 3種CSS字體點亮你的網(wǎng)頁設(shè)計 2015-09-29
- 干貨！網(wǎng)頁設(shè)計中的幻燈片動畫程序 2015-09-29
- 導(dǎo)航設(shè)計模式的重要性 2015-09-29