麻豆三级在线观看_丁香色欲久久久久久综合网_久久99久久99精品_日本精品www_喜爱夜蒲2在线_日韩av自拍偷拍_日韩一级在线免费观看_超碰91在线播放_国产精品网站免费_超碰在线资源站_www黄色日本_精品无码av无码免费专区

互聯網+內容
134-1887-2552

網站建設視覺感知交互設計 格式塔原則

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

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

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

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

網站建設視覺感知交互設計

接近性原理與軟件、網頁的布局明顯相關。我們會經常使用分割線和色塊來分隔空間和數據顯示。

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

網站建設 視覺感知交互設計原則

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


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

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

網站建設視覺設計 相似性原理

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

深圳網站設計 格式塔原則


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

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

深圳網站視覺設計 連續性原理

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

深圳網站設計 視覺感知連續性原理


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

深圳網站設計 視覺感知封閉性原理

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

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

深圳網站設計公司


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

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

深圳網站設計 對稱性原理

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

深圳網站設計 對稱性原理


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

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

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

深圳網站設計 主體/背景原理

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

深圳網站設計 主體/背景原理


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

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

深圳網站設計 共同命運原理

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

深圳網站設計公司 格式塔原理

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

微信分享領紅包!
相關閱讀 / 返回上一頁
麻豆三级在线观看_丁香色欲久久久久久综合网_久久99久久99精品_日本精品www_喜爱夜蒲2在线_日韩av自拍偷拍_日韩一级在线免费观看_超碰91在线播放_国产精品网站免费_超碰在线资源站_www黄色日本_精品无码av无码免费专区
国产高清精品软男同| 国产 国语对白 露脸| 在线观看视频在线观看| 别急慢慢来1978如如2| 欧美亚洲日本一区二区三区| 精品嫩模一区二区三区| 91欧美一区二区三区| 亚洲这里只有精品| 国产情侣av自拍| 亚洲黄色av网址| www日韩在线观看| 欧美三级一级片| 免费观看国产精品视频| 福利在线一区二区| 国产精品一线二线三线| 国产精品成人久久电影| 无码av天堂一区二区三区| 亚洲中文字幕无码不卡电影| 欧美深夜福利视频| 国产免费黄色小视频| 欧美午夜性视频| 免费一级特黄特色毛片久久看| 亚洲乱码日产精品bd在线观看| 少妇久久久久久被弄到高潮| 国产性生活免费视频| 毛片av免费在线观看| 日韩 欧美 高清| 亚洲成人福利在线观看| 一区二区三区 欧美| 国产无遮挡猛进猛出免费软件| 日韩av自拍偷拍| 伊人成人222| 日本77777| 国产高潮呻吟久久久| 免费无码av片在线观看| 日日碰狠狠丁香久燥| 另类小说色综合| 日韩高清在线一区二区| 无码毛片aaa在线| 国产一线二线三线女| 欧美日韩激情视频在线观看| 亚洲天堂av线| 国产 日韩 亚洲 欧美| 农村妇女精品一二区| 国产九九在线观看| 久久免费看毛片| 男女私大尺度视频| 日本www.色| av不卡在线免费观看| 青青青免费在线| 污网站免费在线| 亚洲中文字幕无码一区二区三区| 色婷婷一区二区三区av免费看| 五月天六月丁香| 免费人成自慰网站| 乱子伦视频在线看| 亚洲精品中文字幕乱码无线| 国内少妇毛片视频| 国产精品69页| 国产91av视频在线观看| 131美女爱做视频| 九九热免费在线观看| 欧美中日韩在线| 日本人视频jizz页码69| 日本aa在线观看| 欧美精品性生活| 老子影院午夜伦不卡大全| 亚洲不卡视频在线| 永久免费看av| 性欧美极品xxxx欧美一区二区| 婷婷视频在线播放| 男人揉女人奶房视频60分| 57pao国产成永久免费视频| 国产成人一区二区三区别| 欧美精品aaaa| 国产xxxx振车| 免费av不卡在线| 国产精品自拍片| 91 视频免费观看| 日本免费一级视频| 国产一级大片免费看| 国产视频一区二区三区在线播放| 日韩精品福利片午夜免费观看| 黄色一级大片在线观看| 永久免费看av| 男生操女生视频在线观看| 18禁免费观看网站| 手机在线视频你懂的| 动漫av免费观看| 色多多视频在线播放| 日韩中文字幕在线免费| 国产av不卡一区二区| 黄色片在线免费| 国产原创精品在线| 亚洲自偷自拍熟女另类| 国产精品免费看久久久无码| 污污网站在线观看视频| 99久久激情视频| 日本手机在线视频| 麻豆中文字幕在线观看| 亚洲高清免费在线观看| 国产精品wwwww| 亚洲人视频在线| 激情视频综合网| 男女视频网站在线观看| 国产一二三四五| 午夜av中文字幕| 精品久久久噜噜噜噜久久图片| 精品少妇在线视频| 欧美做暖暖视频| 欧美一级爱爱视频| 蜜臀av.com| 免费成人在线视频网站| 黄色一级片黄色| 看一级黄色录像| aaa一级黄色片| 天天干天天操天天做| 男人插女人下面免费视频| 亚洲色成人一区二区三区小说| 国产一区 在线播放| 狠狠干视频网站| 国产精品8888| 久久国产精品免费观看| 亚洲免费视频播放| 欧美 另类 交| 在线播放黄色av| 一区二区三区 日韩| www.精品在线| 日韩精品视频一二三| 午夜视频在线网站| 爱爱爱爱免费视频| av在线免费看片| 日韩av加勒比| 欧美性受xxxx黑人猛交88| 国内av一区二区| 色婷婷综合在线观看| 久久免费视频2| 干日本少妇视频| 国产精品va在线观看无码| 欧美精品久久久久久久久久久| 北条麻妃在线视频观看| 欧美性大战久久久久xxx| 国产成人精品视频免费看| 内射国产内射夫妻免费频道| 虎白女粉嫩尤物福利视频| 婷婷激情四射五月天| 日本一二三区在线| 欧美少妇一区二区三区| 色哟哟免费网站| 国产一二三在线视频| 精品国产免费av| 无码内射中文字幕岛国片| www.com黄色片| www.色.com| 日韩欧美猛交xxxxx无码| 精品国产免费av| 日本激情视频在线| 911福利视频| 999久久欧美人妻一区二区| 国产精品无码av在线播放| 国产免费xxx| 69堂免费视频| 亚洲怡红院在线| 97av中文字幕| 日本三区在线观看| 久久成人福利视频| 狠狠操精品视频| 91看片淫黄大片91| 成人观看免费完整观看| aaaaaaaa毛片| 9久久9毛片又大又硬又粗| 亚洲精品久久久中文字幕| 黄色一级片国产| 激情综合网俺也去| 天天爱天天做天天操| 日本精品一区在线观看| 97超碰人人看| 日韩精品―中文字幕| 久久久久久久久久毛片| 九九热只有这里有精品| 亚欧在线免费观看| 无颜之月在线看| 老熟妇仑乱视频一区二区| 欧洲美女和动交zoz0z| 波多野结衣家庭教师在线| 成人av毛片在线观看| 波多野结衣综合网| 青青草久久伊人| 日韩免费视频播放| 91蝌蚪视频在线| 日韩手机在线观看视频| 最新av在线免费观看| 国产亚洲天堂网| wwwjizzjizzcom| 91福利国产成人精品播放| 青春草国产视频| 国模私拍视频在线观看| 亚洲国产精品久久久久婷蜜芽| 欧美性受xxxx黑人猛交88| 日本久久久久久久久久久久|