“這不就是一團亂麻嗎萧福！”
“一灘爛泥！”
“復制粘貼而已辈赋，我也會鲫忍。”
…………
以上對于現(xiàn)代藝術的評價钥屈，相信大家都聽過悟民，語氣表情還請自行腦補。
每當一個藝術家的作品在國際藝術品拍賣會上拍得天價時篷就，總有幾個圍觀的吃瓜群眾會潑下幾滴自信的冷水：“這是什么玩意兒射亏！我也能做好不好！”
然而竭业，有一幅圖是這么機智地反駁的：
筆者默默地表示贊同……誰叫你想到的時候沒有做呢智润？
然而，無論你是否能真的創(chuàng)作出與大師相同的作品未辆，你都需要先對大師創(chuàng)作的動機有些了解窟绷。即使說有許多作品的確很容易復制（想想那些專業(yè)復制名畫的油畫村吧），如果不去思考作畫背后的過程和背景的話咐柜，所作出來的畫也只能是形似兼蜈，達不到神似攘残，更不用提自己創(chuàng)作了。
本文旨在討論幾點現(xiàn)代藝術家在創(chuàng)作過程中的思考为狸，并討論這些思考與用戶界面設計的一些微妙的聯(lián)系歼郭。
雖然從事著UI這個行業(yè)，筆者大學的專業(yè)卻是藝術史辐棒。經(jīng)過了四年的專業(yè)洗（cui）禮（can）实撒，對從古至今的藝術的變革歷程有了一個客觀的、系統(tǒng)的了解涉瘾。當看到吃瓜群眾們從媒體引用有關藝術品的觀點時，筆者時不時要為他們擦一把冷汗捷兰。許多看上去好似極易上手立叛、平庸無奇的作品實際上是藝術家做了無數(shù)次加減法的結果。
當時筆者的期末考試便是背畫名贡茅，畫家秘蛇，及作畫時間。想象一下顶考，每日盯著幾百幅畫作背誦它們創(chuàng)作的時間赁还、地點、創(chuàng)作媒介是件多么美（nao）好（can）的事情驹沿！因此在經(jīng)歷了這樣的洗禮后艘策，筆者每接觸一個與曾經(jīng)背過的畫有類似元素的圖像時，腦中就如數(shù)據(jù)庫般調(diào)出那幅畫的圖像記錄渊季。自然到好似自己已變成一個移動的藝術品數(shù)據(jù)庫（真是感動不已）朋蔫。
這種感覺筆者稱之為“回光返照”之感，即在有意識的情況下却汉，你所接收到的信息令你回想到了過去所接觸到的信息驯妄，下意識地與之形成對比。那么在UI的世界里合砂，我們能否尋覓到現(xiàn)代藝術的影子呢青扔？
1、格子翩伪，格子微猖，格子
先看它：
在許多令筆者印象深刻的UI風格中，最典型的就數(shù)已遍地開花的“方格子風格”缘屹，或“網(wǎng)格化風格”励两。比如上面掌上生活的APP主界面，也如Windows Surface Pro的主屏界面：
（Windows 移動端操作系統(tǒng)主界面）
大家一定在想囊颅，筆者的數(shù)據(jù)庫此時調(diào)出的是哪位藝術家的作品当悔？
傅瞻？
？
盲憎？
嗅骄？
？
饼疙？
溺森？
？
窑眯？
屏积？
？
答案是：
方格子的設計讓筆者分分鐘聯(lián)想到了蒙德里安鞍跛Α炊林！
網(wǎng)格化風格在近年來已被廣泛地應用于許多主界面的設計當中，如上面截圖的Windows Surface Pro和許多文件管理APP和游戲APP卷要。對于Windows Surface Pro來說渣聚，這樣的設計旨在將多樣化的軟件和文件快捷方式均勻且富有變化地排布在桌面上，它相比于傳統(tǒng)的Windows桌面快捷方式更為生動僧叉，并可以緩解用戶使用時的乏味感奕枝。
有人這么總結過，“網(wǎng)格的最重要的用處是為一個構圖中如何定位元素而建立一套規(guī)則瓶堕。一個有效的網(wǎng)格不僅定義著它的度量隘道，也為設計增添了韻律±砂剩”（引用1）之所以筆者想到了蒙德里安薄声，不僅因為表面上可以看到的“網(wǎng)格”風，更在于它與網(wǎng)格化設計共同想體現(xiàn)的一種富有變化的韻律题画。
下面這幅畫的靈感取自于紐約曼哈頓的百老匯街道默辨。
繁榮熱鬧的百老匯街道被蒙德里安用抽象化的方式濃縮進橫豎交錯的網(wǎng)格，而散布在網(wǎng)格上的較小的方格則代表了川流不息的車流和人群苍息。在表現(xiàn)“歡騰缩幸、熱鬧”這一主題時，除了錯落的網(wǎng)格竞思，網(wǎng)格中填充的顏色同時起到了至關重要的作用表谊。
當筆者看到Windows Surface Pro的主界面時，第一個感受到的也是界面的非靜止性盖喷。當代表著不同意義的方格被同時呈現(xiàn)在一個界面爆办、由直線相互連接著時，觀者的目光不再是靜定的课梳，而是沿著各色格子的邊框而不斷跳躍距辆。
2余佃、極簡的標志
在藝術不斷被“現(xiàn)代化”的過程中，有一個非常關鍵的詞匯跨算，那就是“簡化（simplify）”爆土。幾乎所有經(jīng)典的，傳統(tǒng)的畫作中常見的特點诸蚕，如精致的人像或物件輪廓步势、一絲不茍的質(zhì)地描繪、對眼見之物準確完整的再現(xiàn)背犯，都在藝術的現(xiàn)代化進程中坏瘩，被一點一點地抹去了。
簡化有一個關鍵的目的：讓觀看者更加專注于剩下的部分漠魏。通過做減法倔矾，藝術家們逐漸學會了有目的性的只留下他們想呈現(xiàn)的部分。古典藝術很像是復刻了照片蛉幸，每一個細節(jié)都完美展現(xiàn)，而現(xiàn)代藝術作品則是往截然相反的方向發(fā)展丛晦，盡可能地簡化現(xiàn)實中的景象奕纫，濃縮成簡化的形態(tài)。
請看Picasso不同時期的作品對比：
人們熟知的畢加索是右邊這張圖代表的風格，而孰不知風格大膽的畢加索也曾經(jīng)做過循規(guī)蹈矩的好學生锌蓄。同樣是自畫像升筏，畢加索把自己化成了完全不同的樣子。事實上瘸爽，從寫實到抽象的描繪方式的不同您访，是現(xiàn)代藝術相對于古典藝術的一大革新之處。
如果上面畢加索作品的對比不夠深刻剪决，請參考這組：
米老鼠竟還可以這樣畫柑潦？而如此幾何化之后享言，我們竟然還能認得出它是什么。這與UI設計中的扁平化好像如出一轍渗鬼？是的览露，無需完整的邊描，僅僅使用基本的幾何形狀依然可以呈現(xiàn)物件最基本的結構譬胎，UI設計也是如此差牛。
若要談UI設計命锄，就不得不談icon這個不可或缺的基本元素，以及近年來被極度推崇的扁平化設計多糠。而從擬物化到扁平化的設計發(fā)展累舷，就如古典藝術至現(xiàn)代藝術的進程。過度的設計容易使人產(chǎn)生視覺審美疲勞夹孔。在電腦普及的短短幾十年內(nèi)被盈，icon的風格已從最早的精致刻畫逐漸發(fā)展到今日扁平化、極簡化搭伤、幾何化的風格只怎。
iOS 6 和 iOS 7 的對比：
陰影被弱化，紋路被舍去怜俐，字體纖細了身堡，也不再有攝影精度的圖片出現(xiàn)在icon內(nèi)，取代而之的是平鋪的色塊和精簡的幾何形狀拍鲤。生活中的物件被不斷抽象化贴谎，提取至幾條簡單的線條。icon的設計進化似乎借鑒了藝術的現(xiàn)代化季稳，不再具象擅这、立體。因而不得不說景鼠，不管是在藝術作品還是UI設計中仲翎，精簡化都是一個必要的走勢。
3铛漓、模糊的意義
最后要比較的一個UI效果是它：
沒錯溯香，就是毛玻璃效果。對此類設計最早的接觸來自于Windows vista的窗口欄浓恶。那時筆者對印象派的了解并不深玫坛。而后正式學習了印象派的定義時，才意識到包晰，如今在OS 8.0中隨處可見的毛玻璃效果原來與印象派有著異曲同工之妙昂秃。請看莫奈的霧蓮系列作品：
被譽為最喜愛霧霾的藝術家，莫奈的創(chuàng)作特點是舍去對具象物體的描繪杜窄，而反過來通過描繪光影對物體的效果來呈現(xiàn)物體本身肠骆。他的目的是營造一種光影的氛圍，而不是具體體現(xiàn)任何一個具體的物件塞耕。
莫奈這樣描述他的“Water-Lilies”蚀腿，’創(chuàng)造一種沒有盡頭的整體感，一種沒有水平線或邊岸的水平面’（引用2）。距離和角度已被摒棄莉钙，水好似無限地延伸到了我們整個的視覺中廓脆。
而筆者轉念一想，在UI中對毛玻璃的運用不亦如此嗎磁玉？通過模糊背景停忿、卻保留背景的光影，使得原背景中較為銳化的顆粒得以模糊化蚊伞，為浮于上層的功能性控件提供了極好的背景效果席赂。它使窗口內(nèi)的文字清晰呈現(xiàn)，卻又維持了大環(huán)境的色澤时迫、光影的流向颅停，得以讓我們的視覺沉浸在無限廣闊的背景當中。試著把莫奈的作品置于常用的天氣APP的背景掠拳，即是如下的效果：
毛玻璃的作用效果與莫奈的光影處理如此相似癞揉，著實耐人尋味，讓人不禁感嘆到藝術的博大精深溺欧。
4喊熟、最后，TO吃瓜群眾
籠統(tǒng)得說姐刁，設計和藝術的區(qū)別在于：設計更有目的性芥牌，它為特定的用戶、需求而存在龙填，而藝術更加自由胳泉、主觀拐叉。盡管如此岩遗，在現(xiàn)代藝術的極簡化道路中也不乏與UI設計思路相謀的地方。
上面列舉的只是筆者發(fā)現(xiàn)的UI設計中與現(xiàn)代藝術的幾處微妙的聯(lián)系凤瘦。拋開商業(yè)化宿礁、功能化、用戶需求這些詞語蔬芥，設計和藝術的區(qū)別也許并沒有那么明顯梆靖。我們只是需要用一雙開闊的眼睛去感受這些視覺的變化，這些不同時空里的匠心獨運笔诵。
怎么樣返吻，是不是對藝術和設計的關系有了全新的認識？想不想嘗試一下回光返照的美好感受乎婿？快去豐富下自己的數(shù)據(jù)庫测僵，開始背畫吧。可以先從《教你看100幅世界名作》開始捍靠。來沐旨，筆者悄悄告訴你一個快速背畫的秘訣……：
…
…
…
…
…
…
…
…
那就是，沒有秘訣榨婆。
引用：
The designer's guide to grid theory
http://www.creativebloq.com/web-design/grid-theory-41411345
Water-Lilies, after 1916, Claude Monet
http://www.nationalgallery.org.uk/paintings/claude-monet-water-lilies
本文作者：霍詩雨（點融黑幫）磁携，來自點融DDC設計團隊的交互設計師，曾在紐約大學研習藝術史良风。熱愛游戲谊迄，信仰中醫(yī)，關注時事拖吼。
