視覺原理在當下紅火的機械視覺中是必不可少的，那么在我們日常工作的UI產(chǎn)品設計中又有什么可能性的呢？今天，小編從「視錯覺」這個角度，探索下如何運用在UI上 。
視錯覺歷史
古希臘哲學家亞里士多德的《靈魂論》里闡述了人類五感：視覺、觸覺、味覺、嗅覺和聽覺 。我們視覺設計師暫時無法在長方形盒子（泛指各種電子設備）內設計味覺、嗅覺和聽覺，而對于觸覺，說到底，我們始終在與這個長方形盒子接觸 ， 但是無法通過對設計內物體的真實觸摸而得到感覺，實際伸出手探尋或步行而感受到距離等 ， 去比較大小、距離等進行認知 。因為這個客觀存在，也更加需要我們視覺設計師運用視覺原理與技法讓用戶更容易與機器進行交互 。因為這樣的認識，我思考了以下這些可能性：
一. 蓬佐錯覺-Line
蓬佐錯覺是有關長短的視錯覺 。自從意大利心理學家馬里奧·蓬佐(Mario Ponzo,1882~1960)發(fā)表了相關論文后 ， 這一視錯覺便被稱為蓬佐錯覺 ， 但在這之前 ， 它就早已被人們所熟知 。
上圖上下并列的兩條橫線，上面的看起來比下面的長 。有一種觀點認為這是因為橫線外側的斜線使大腦覺得有縱深感，認為上面的線更遠一些 。長度相同的線段，位于遠處的應該更長一些 ， 因此上面的橫線會讓人覺得比下面的短 。
手機屏幕的邊界就如蓬佐錯覺中外側斜線，分割線與邊界的距離就能讓人對間隔中左右信息產(chǎn)生或長或短的感受，易讀性也成為考量的一點 。在App設計中，全局規(guī)范考慮是非常重要的，滿足了單個頁面的視覺需要是遠遠不夠的 。前端開發(fā)害怕的是沒有邏輯規(guī)則的不同 ， 只要定義好功能規(guī)范 ， 即使在不同界面使用不同線長短也不是大問題 。
簡言之 ， 在定義Line長短時，我們可以更多思考為什么要留邊距、留多少合適、為什么確定這樣的長短、是否有邏輯可循、考慮過全局性了嗎、是否與品牌相合、是否能傳達出視覺故事等等 。
二. 艾賓浩斯錯覺-Space
赫爾曼·艾賓浩斯（Hermann Ebbinghaus）是著名的研究人類記憶的心理學家，出生于德國，任職波蘭布雷斯勞大學教授 。他主要研究人類如何進行持續(xù)性記憶的（題外話：艾賓浩斯記憶曲線非常有名） 。上圖是他發(fā)現(xiàn)的視錯覺圖 。位于中間的兩個橘黃色的圓大小相同，但是看起來右側的明顯偏大 。右側橘黃色圓的四周是小圓，所以看起來比實際的大，而左側的橘黃色圓周圍是大圓，因此它看起來比實際的要略小 。
艾賓浩斯錯覺在實際應用中非常廣泛，利用我們身邊的東西，進行排列組合，就可以確認發(fā)現(xiàn)視錯覺 。艾賓浩斯錯覺加上德勃夫錯覺（Joseph Delboeuf illusion）和萬辛克（Dr.Brian Wansink）、薛爾特·梵·依特森博士（Dr.Koert van Ittersum）的研究證實 ， 人們的進食量會被盤子的大小與顏色所影響，也就是說，我們會被這些視錯覺而影響真實行為 。
三.卡尼莎三角–Iconography & Texture
蓋塔諾·卡尼莎（Gaetano Kanizsa,1913~1993）是意大利心理學家 。他在意大利的里雅斯特建立了「心理學研究所」，為意大利心理學研究做出了巨大貢獻 。
在卡尼莎發(fā)現(xiàn)的視錯覺中，最有名的是發(fā)表于1955年大家所熟知的下面的「卡尼莎三角」 。這個視錯覺表明我們的大腦把實際上不存在的三角形輪廓線畫了出來 。我們把根本不存在的輪廓線稱為「主觀輪廓」 。
四. 馮·貝措爾德效應–Color
在太陽照射的光波中，可見光是非常狹小的，我們只能看到區(qū)間在400-700nm的波長 。
在了解色彩視錯覺前，我們需要知道什么是色彩 。在學習什么是色彩時 ， 有一個理論讓我非常詫異——色彩是大腦的感覺 。感覺？什么！我看到的花花世界都是感覺？
接著 ， 我來轉述一下為什么說色彩是大腦的感覺 。光照射到蘋果上，而蘋果表面只反射特定波長的光，其他光會被吸收，所反射的特定波長的紅光被人收入眼簾 ， 那么感覺就是紅色 。
現(xiàn)代科學表明，由于不同對象反射光的波長不一樣，人類才能感受到各種各樣的色彩 。而且 ， 映入眼簾的光北視網(wǎng)膜細胞轉換成信號 ， 通過神經(jīng)傳達給大腦，至此才第一次有「是紅色」的感覺 。但是，有時候對相同波長的光也會有不同的色彩感覺 ， 那就是視錯覺 。
【如何將視錯覺運用到UI設計界面中？】
也就是說，在日常生活中，如衣服上看到的色彩，并非色彩本身，而是吸收波長后再反射的色彩 ， 染料本身的顏色未必是最終我們看到的顏色，其中的原理如同上面那個蘋果的光學反應 。
通常我們定義App色彩調性有幾種常用類型：無色彩、單一主色、主次色彩搭配 。色彩視錯覺的色彩搭配讓我想到了MD的色彩Guild-line，在不同色彩環(huán)境中無論哪種類型，都能通過周圍色彩來影響主色 ， 并讓周圍色幫助你表達App的情感 。
