UI風(fēng)水學(xué):你該知道的9個UI設(shè)計門道
好風(fēng)水稱之“順”,其中一元叫氣,精氣/氣場在于風(fēng)水之中:“氣遇風(fēng)則走,遇水則停。”講究個氣順心暢;
好交互稱之“理”,其中一元叫情,情感/情懷在于場景之中:“情遇雜則亂,遇簡則通。”講究個通情達理。
印象
一副羅盤,一桶竹簽,一把神仙胡。電影里的風(fēng)水先生,給足了我們算命卜卦的印象。我不是風(fēng)水中人,只是聽過昔日老友的一些風(fēng)水之道,關(guān)于風(fēng)/水/氣勢對與人的影響,里面有透著一種“以人為本”的氣息。像極了我們行內(nèi)的交互設(shè)計,所以今天我也來一掛,信不信由你。
話說UI并不是研發(fā)(早期)流程的必要環(huán)節(jié),產(chǎn)品也不能單靠UI成功,國內(nèi)UI的興起,離不開IT行業(yè)日益激烈的競爭,后來企業(yè)為了與網(wǎng)絡(luò)接軌,終于從國外引進了交互的概念,為了融合本土文化,筆者嘗試從風(fēng)水的角度重新審視和探索這個我們曾經(jīng)熟悉的“未知空間”。
史例
在英國倫敦郊外,一座叫布萊克弗賴爾的黑色大橋,每年總有不少厭世者跑到橋上投河,民間盛傳這座橋上總是有幽靈游蕩……后來政府把黑色的橋漆成綠色,試行后發(fā)現(xiàn)橋上自殺事件驟然降到原來的一半。有人說這是典型色彩應(yīng)用的設(shè)計案例,和風(fēng)水無關(guān)。但放在風(fēng)水里,似乎也有著相似的講究。
門道講究甚多
1.陰陽——“陰陽交感而生宇宙萬物”
陰陽學(xué)說來自于《易經(jīng)》,黑白兩極又稱正負空間,UI的發(fā)展正是將原有復(fù)雜的事物信息扁平后呈現(xiàn),表面上減掉了很多視覺信息,實質(zhì)上卻將產(chǎn)品重心回歸到了內(nèi)容和功能上,為設(shè)計開辟了一個新的縱深空間。
2.布陣——“太極生兩儀,兩儀生四象,四象生八卦。”
界面中任何圖形/交互的樣式都有影響全局的作用,前期的交互規(guī)范決定了每一種樣式的屬性和有效的層級關(guān)系,從體驗上幫助用戶理解信息,從格局上奠定語言生態(tài),從情感上建立產(chǎn)品信任度。
3.方位——“辯方位而正則”
上下左右,常用控件到底擺在哪里合適?如“關(guān)閉”鍵是大家最熟悉的BUTTON,一般擺放于界面右上角的位置(通用),這樣既好找又能減少了誤操作。就像中國人喜歡朝南的房子一樣(采光),背后有著很多科學(xué)的解釋。
4.時辰——“子、 丑、寅、卯、辰、巳、午、未、申、酉、辛、亥12時辰”
因為睡眠的原因,我們在家里待的最久的地方不是客廳而是起居室(臥室),風(fēng)水的布置不免費心,從建筑規(guī)劃也能看出,加配獨衛(wèi)的主臥早成賣點。所以一個成熟的產(chǎn)品設(shè)計,更離不開對用戶各種時間節(jié)點的分析和運用。
5.聲音——“五音六律十三徽”
視覺傳達的概念中文字被喻為一種平面聲音,同樣的視覺范圍,不一樣大小的文字有著不同的音量,像聲音一樣,較大音量具備明顯的輻射效應(yīng),大號的文字標題干擾和穿透力更強。
6.風(fēng)/水——“藏風(fēng)聚氣,得水為上”
風(fēng)代表靈動,用來改變僵地的平淡;水代表凈潔,用來沖洗多余的繁華,“動靜有致”的畫/界面,既能拉開信息的層次,也符合了人眼本能處理信息的方式;
7.規(guī)矩——“心如規(guī)矩,志如尺衡”
刻量與標記雖然是UI交付中一個很不起眼的工作環(huán)節(jié),但在團隊協(xié)作中卻發(fā)揮了重要的作用,再好的界面也離不開精細的前端呈現(xiàn),每一像素的標注都關(guān)系最終產(chǎn)品的品質(zhì)。
8.玄關(guān)——“玄關(guān)幽鍵,喻法藏也”
加載或登錄界面是UI中最有趣也最容易忽視的地方,如同玄關(guān),一個過渡的空間,表面可有可無,但此處為用戶出入的必經(jīng)之地,使用頻率之高,足以承載整體UI的第一感受。
9.靠山——“有其象必其應(yīng)”
俗話說:“耳聽為虛,眼見為實!”生活中人們?yōu)榱吮苊馐Ю敢饨邮茏约核J知的事物,經(jīng)驗和習(xí)慣像一座大山一樣難以撼動,所以交互中最常見的操作如“返回”鍵的ICON,箭頭和對齊的方向永遠指向左邊,依靠的都是人們長期的閱讀和使用習(xí)慣。
UI之風(fēng)水忌諱
關(guān)鍵性功能不宜放在高頻操作區(qū)域(避免誤操作)
猶如“大路對沖”,指屋/門正對一條筆直街道,影響健康。
同一個功能的操作或顯示不宜呈現(xiàn)多種樣式(避免認知摩擦)
猶如“門向不一”,指屋內(nèi)開門的方向左右不一致,影響運勢。
設(shè)計完稿后不宜直接提交(避免閉門造車)
猶如“喬遷未曖”,指搬入新居時過于冷清,影響財運
根文化
風(fēng)水源自《易經(jīng)》,載于商周之際,后推崇于道家(老子-開創(chuàng)),與道家有著密不可分的關(guān)系,道家哲學(xué)不同于儒家社會哲學(xué)的進路,道家重視人性,創(chuàng)立了“人本”的思想觀點,“天道運行有其自然而然的原理在”。
小結(jié)
- 道學(xué)的一面為人性,以無形勝有形;
- UI是內(nèi)容的載體,拓展的核心在空間;
- “風(fēng)水輪流轉(zhuǎn)”強調(diào)不斷借鑒與包容的心態(tài)。
好風(fēng)水稱之“順”,其中一元叫氣,精氣/氣場在于風(fēng)水之中:“氣遇風(fēng)則走,遇水則停?!敝v究個氣順心暢;
好交互稱之“理”,其中一元叫情,情感/情懷在于場景之中:“情遇雜則亂,遇簡則通?!敝v究個通情達理。
“風(fēng)水”之說至今未被科學(xué)證實,江湖傳言也僅為道聽途說,生活中我們正逐漸遠離這些古老的“迷信”……只待有識之士,著起研之!
本文由 @WET 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
有意思有意思,很有趣的比喻。
蠻有意思的一篇文章