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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

7、接近和相似性

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

結(jié)論

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

網(wǎng)頁(yè)標(biāo)題：漲姿勢(shì)！如何設(shè)計(jì)出一個(gè)高端網(wǎng)站？
文章位置：http://www.2m8n56k.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)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

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

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

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

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