国产在线精品观看_免费国产a国产片高清不卡_国产三级电影免费看_男人天堂网站在线

互聯(lián)網(wǎng)+內(nèi)容
134-1887-2552

網(wǎng)站建設(shè)視覺感知交互設(shè)計 格式塔原則

標簽:深圳網(wǎng)站設(shè)計2018-06-26 3579
【網(wǎng)站設(shè)計-格式塔原理的應(yīng)用】格式塔心理學誕生于1912年,是由德國心理學家組成的研究小組試圖解釋人類視覺的工作原理。研究發(fā)現(xiàn)人類視覺是整體的,我們的視覺系統(tǒng)自動對視覺輸入構(gòu)建結(jié)構(gòu),并在神經(jīng)系統(tǒng)層面上感知形狀、圖形和物體,而不是只看到互不相連的邊、線和區(qū)域。“形狀”和“圖形”在德語中是Gestalt,因此這些理論也稱做視覺感知的格式塔原理。

原理有:接近性原理;相似性原理;連續(xù)性原理;封閉性原理;對稱性原理;主體/背景原理;共同命運原理。

原則一:接近性原理
物體之間的相對距離會影響我們感知它是否以及如何組織在一起。互相靠近(相對于其它物體)的物體看起來屬于一組,而那些距離較遠的則自動劃為組外。

下圖A組看起來是成行的,而B組看起來就是成列的。

網(wǎng)站建設(shè)視覺感知交互設(shè)計

接近性原理與軟件、網(wǎng)頁的布局明顯相關(guān)。我們會經(jīng)常使用分割線和色塊來分隔空間和數(shù)據(jù)顯示。

另一方面,可以通過縮短相關(guān)內(nèi)容的距離,并加大與其他內(nèi)容的距離,使它們在視覺上成為一組,這樣就可以不用加劃分區(qū)域的邊界線條。這一方式可以減少用戶界面上的視覺凌亂感,前段時間流行起來的無邊框設(shè)計便是如此,如下圖的Airbnb界面。

網(wǎng)站建設(shè) 視覺感知交互設(shè)計原則

相反的,如果同一組控件的擺放距離太遠、橫縱接近方式不對或沒有使用任何區(qū)域分割線的話,人們就很難感知到它們是相關(guān)的。軟件就會變得難以學習和使用。


原則二:相似性原理
如果其它因素相同,那么相似的物體看起來歸屬于一組。

下圖中,紅色漸變圓圈看起來更像是一組,同時受它們的影響,使我們將排列感知為橫向排列。

網(wǎng)站建設(shè)視覺設(shè)計 相似性原理

如美團中的分類區(qū),用戶會按照顏色把周邊游/旅游,機票/火車票和景點/門票劃為一種類別。

深圳網(wǎng)站設(shè)計 格式塔原則


原則三:連續(xù)性原理
視覺傾向于感知連續(xù)的形式而不是離散的碎片。

如下圖,左邊的圖中我們也能夠感知到是一個圓圈將兩條線遮住了,而不是四條線和圓圈,右邊的圖形中我們會認為是圓形被三條線截斷了而不是四個圖形。

深圳網(wǎng)站視覺設(shè)計 連續(xù)性原理

滑動條和進度條就是使用了連續(xù)性感知的一個用戶界面實例。雖然滑動條的中間被一個滑塊截斷,但是仍然不影響我們將它感知為一個連續(xù)的整體。

深圳網(wǎng)站設(shè)計 視覺感知連續(xù)性原理


原則四:封閉性原理
與連續(xù)性原理相關(guān)的是格式塔封閉性原理:視覺系統(tǒng)自動嘗試將敞開的圖形關(guān)閉起來,從而將其感知為完整的物體而不是分散的碎片。

深圳網(wǎng)站設(shè)計 視覺感知封閉性原理

這一原則其實很多地方都用到,不過我們一般不叫其為封閉性原理,而是叫截斷式設(shè)計。為了讓用戶感知到還有內(nèi)容,一般我們會使用截斷式設(shè)計。

像下面截圖中的左右滑動交互,因為屏幕大小的關(guān)系被截掉了部分內(nèi)容,但是用戶可以通過殘留的部分,“腦補”出右邊還有內(nèi)容:

深圳網(wǎng)站設(shè)計公司


原則五:對稱性原理
我們傾向于將復(fù)雜的視覺信息降低為更為簡單的,更有對稱性,更容易理解,更有意義的東西。對于同一種信息,我們的大腦視覺區(qū)域會對它有很多種可能的解析,但是我們的視覺和感知會選擇更加簡單和更對稱的視覺景象。

對于A圖形,你更傾向于感知為B圖形,而不是右邊的其他的幾種形式

深圳網(wǎng)站設(shè)計 對稱性原理

同樣的,當你看到下圖的時候,你并不會將它看做一些明暗不同的線和面組成的沒有任何意義平面圖形,而會解析為一個更具有對稱性的,更為簡單的,更易于理解的建筑。

深圳網(wǎng)站設(shè)計 對稱性原理


原則六:主體/背景原理
我們在感知事物的時候,總是自動的將視覺區(qū)域分為主體和背景。一旦圖像中的某個部分符合作為背景的特征的話,我們的視覺感知就不會把它們作為主體焦點。

根據(jù)這樣的原理在用戶界面設(shè)計當中,我們就可以通過一些處理將圖像中的某些部分變成背景,這樣可以顯示更多的信息或者將用戶的焦點轉(zhuǎn)移。

比如,在圖片上加一個漸變或透明遮罩,讓用戶區(qū)分主體和背景。下圖中加漸變這張以后用戶就能準確的區(qū)分文字是主體。

深圳網(wǎng)站設(shè)計 主體/背景原理

又比如,手機應(yīng)用中常常使用的彈窗,通過將當前的內(nèi)容變暗,將之轉(zhuǎn)換成為背景,之后彈出窗口,使用戶的視覺焦點轉(zhuǎn)移。

深圳網(wǎng)站設(shè)計 主體/背景原理


原則七:共同命運原理
前面的幾個原理都是針對靜態(tài)的圖形圖像,最后一個共同命運原理針對的是運動的物體。共同命運和前面的相似性原理和接近性原理相關(guān),都影響著我們感知的物體是否成組。共同命運指出具有共同運動形式的物體被感知為彼此相關(guān)的一組。

比如,下面的數(shù)十個五邊形中,如果其中的7個同步的前后擺動,那么雖然它們的距離較遠,還是會被感知為一組。

深圳網(wǎng)站設(shè)計 共同命運原理

又比如,當我們同時選中多個文件夾,之后拖動的時候,它們會一起移動,這就是共同命運原理的利用。

深圳網(wǎng)站設(shè)計公司 格式塔原理

格式塔原理的綜合利用
當然,界面設(shè)計場景中,各種格式塔原理并不是孤立存在的,而是相互影響,共同起作用。這是因為格式塔原理之間的相互作用,但我們同時使用某幾個格式塔原理進行設(shè)計的時候,常常導致無意的副作用,產(chǎn)生違反預(yù)期的副作用。為了消除這種影響,一個方法是,當設(shè)計好之后,逐一的用各個原理來考量各個設(shè)計元素之間的關(guān)系是否符合設(shè)計的初衷。以上就是我對格式塔原理的理解,如有覺得不對的地方歡迎斧正,深圳網(wǎng)站設(shè)計服務(wù)咨詢:0755-32925198,免費獲取網(wǎng)站建設(shè)策劃方案!

微信分享領(lǐng)紅包!
相關(guān)閱讀 / 返回上一頁
国产在线精品观看_免费国产a国产片高清不卡_国产三级电影免费看_男人天堂网站在线
欧美美女直播网站| 国产精品天天摸av网| 亚洲精品精品亚洲| 成人av网站免费| 国产免费久久精品| 国产精品1区二区.| 国产三级一区二区三区| 国产麻豆午夜三级精品| 精品国产一区二区三区不卡 | 久久综合久久综合久久| 奇米一区二区三区av| 69久久夜色精品国产69蝌蚪网| 亚洲一线二线三线视频| 欧美亚洲国产一区在线观看网站| 亚洲精品国产视频| 欧美日本乱大交xxxxx| 天堂蜜桃一区二区三区| 日韩欧美亚洲一区二区| 精品一区在线看| 久久久久久久久久电影| 成人精品视频一区二区三区尤物| 国产精品欧美极品| 色一情一伦一子一伦一区| 亚洲一区二区三区视频在线播放 | 成人综合婷婷国产精品久久蜜臀| 国产情人综合久久777777| 懂色中文一区二区在线播放| 中文成人综合网| 一本大道av一区二区在线播放| 亚洲综合区在线| 欧美一区二区三区四区在线观看 | 日韩免费观看高清完整版在线观看| 免费成人av资源网| 久久精品夜色噜噜亚洲a∨| 成人黄色片在线观看| 亚洲午夜一区二区| 欧美电影免费观看高清完整版在| 久久成人免费电影| 中文字幕一区二区在线观看| 欧美三级中文字幕在线观看| 狠狠狠色丁香婷婷综合久久五月| 欧美激情一区二区在线| 色偷偷久久一区二区三区| 男男gaygay亚洲| 中文字幕av一区二区三区| 91香蕉视频黄| 免费在线观看日韩欧美| 国产精品传媒入口麻豆| 欧美一区二区在线视频| 成人黄色电影在线 | 久久这里只有精品视频网| 成人97人人超碰人人99| 热久久免费视频| 中文字幕一区二区三区视频| 69堂亚洲精品首页| 97久久精品人人做人人爽| 琪琪一区二区三区| 一区二区三国产精华液| 国产午夜精品一区二区| 在线播放欧美女士性生活| a亚洲天堂av| 久久精品久久精品| 亚洲va欧美va国产va天堂影院| 久久嫩草精品久久久精品| 色综合天天视频在线观看| 日韩高清不卡一区| 国产精品毛片无遮挡高清| 欧美日韩亚洲丝袜制服| 国产成人精品午夜视频免费| 亚洲午夜在线视频| 国产精品天天看| 777色狠狠一区二区三区| 大桥未久av一区二区三区中文| 天堂在线亚洲视频| 国产精品国产三级国产aⅴ入口| 欧美色男人天堂| 不卡视频在线观看| 蜜臀国产一区二区三区在线播放 | 日韩一级大片在线观看| 欧美在线观看一区| 色综合久久久久| 91影视在线播放| 日韩欧美在线网站| 国产色婷婷亚洲99精品小说| 日韩一区二区高清| 777久久久精品| 欧美丰满少妇xxxxx高潮对白| 91成人免费在线视频| 色综合久久久久| 91麻豆6部合集magnet| av不卡在线观看| 99久久精品免费观看| 成a人片国产精品| 91亚洲精品久久久蜜桃网站| 99re视频精品| 一本大道av伊人久久综合| 色噜噜久久综合| 欧美日韩另类一区| 777亚洲妇女| 日韩欧美电影在线| 久久久久99精品国产片| 日本一区二区三区dvd视频在线| 欧美激情在线一区二区| 亚洲欧美影音先锋| 亚洲精品乱码久久久久久久久| 亚洲免费观看高清完整版在线| 一二三区精品福利视频| 天堂影院一区二区| 国产一区二区在线观看视频| 国产盗摄一区二区| av网站一区二区三区| 日本韩国欧美三级| 91精品婷婷国产综合久久性色| 精品久久久久久久一区二区蜜臀| 久久久久久久免费视频了| 国产精品激情偷乱一区二区∴| 亚洲乱码中文字幕| 久久精品久久99精品久久| 岛国精品在线播放| 欧美色图天堂网| 欧美精品一区二区三区视频| 国产精品国产三级国产| 午夜精品福利一区二区蜜股av | 色综合久久九月婷婷色综合| 欧美精三区欧美精三区| 国产日韩成人精品| 亚洲国产日韩一级| 国产毛片精品视频| 欧美三区免费完整视频在线观看| 精品久久久久久久人人人人传媒| 国产精品久久一卡二卡| 丝袜诱惑亚洲看片 | 成人深夜福利app| 欧美视频中文一区二区三区在线观看| 日韩欧美国产wwwww| 亚洲精品中文在线影院| 九九国产精品视频| 欧美午夜精品理论片a级按摩| 精品精品欲导航| 亚洲国产三级在线| 成人免费毛片片v| 日韩一区二区三区视频| 亚洲女同女同女同女同女同69| 九九在线精品视频| 欧美精品久久一区| 亚洲嫩草精品久久| 国产成人精品三级| 日韩精品一区二区三区视频 | 国产精品久久久久影院亚瑟 | 成人天堂资源www在线| 日韩一区二区三区三四区视频在线观看| 国产精品视频一二三区| 精品一区二区三区久久| 欧美日韩国产免费一区二区| 国产精品不卡一区二区三区| 国产综合久久久久影院| 91精品国产一区二区三区 | 日韩亚洲欧美在线| 亚洲国产欧美在线人成| 91美女片黄在线| 中文字幕成人网| 国产精品中文字幕日韩精品 | 日韩一级片在线播放| 亚洲福利国产精品| 欧美性色aⅴ视频一区日韩精品| 中文字幕精品—区二区四季| 国产精品亚洲综合一区在线观看| 日韩欧美一级在线播放| 亚洲成人精品一区二区| 欧美在线视频全部完| 一区二区三区四区不卡在线 | 国产一区二区在线电影| 欧美r级电影在线观看| 美国十次综合导航| 91精品国产麻豆| 美女一区二区在线观看| 日韩免费看网站| 蜜臀久久99精品久久久久宅男| 制服.丝袜.亚洲.另类.中文| 亚洲国产wwwccc36天堂| 欧美日韩国产经典色站一区二区三区| 亚洲一区二区三区在线看| 欧洲一区二区三区免费视频| 亚洲蜜臀av乱码久久精品蜜桃| 一本色道久久加勒比精品| 亚洲精品成人精品456| 欧美日精品一区视频| 日韩精品欧美精品| 精品福利一区二区三区 | 亚洲精品国产精品乱码不99 | 欧美亚洲国产怡红院影院| 亚洲午夜免费电影| 欧美一级免费大片| 国产美女一区二区三区| 欧美国产精品一区二区三区| 成人动漫中文字幕| 亚洲午夜免费电影| 日韩精品一区二区三区在线观看| 国产美女一区二区| 亚洲人成小说网站色在线|