UI風(fēng)水學(xué):你該知道的9個(gè)UI設(shè)計(jì)門道

WET
2 評(píng)論 11345 瀏覽 60 收藏 10 分鐘

好風(fēng)水稱之“順”,其中一元叫氣,精氣/氣場(chǎng)在于風(fēng)水之中:“氣遇風(fēng)則走,遇水則停?!敝v究個(gè)氣順心暢;

好交互稱之“理”,其中一元叫情,情感/情懷在于場(chǎng)景之中:“情遇雜則亂,遇簡(jiǎn)則通。”講究個(gè)通情達(dá)理。

印象

一副羅盤,一桶竹簽,一把神仙胡。電影里的風(fēng)水先生,給足了我們算命卜卦的印象。我不是風(fēng)水中人,只是聽(tīng)過(guò)昔日老友的一些風(fēng)水之道,關(guān)于風(fēng)/水/氣勢(shì)對(duì)與人的影響,里面有透著一種“以人為本”的氣息。像極了我們行內(nèi)的交互設(shè)計(jì),所以今天我也來(lái)一掛,信不信由你。

話說(shuō)UI并不是研發(fā)(早期)流程的必要環(huán)節(jié),產(chǎn)品也不能單靠UI成功,國(guó)內(nèi)UI的興起,離不開IT行業(yè)日益激烈的競(jìng)爭(zhēng),后來(lái)企業(yè)為了與網(wǎng)絡(luò)接軌,終于從國(guó)外引進(jìn)了交互的概念,為了融合本土文化,筆者嘗試從風(fēng)水的角度重新審視和探索這個(gè)我們?cè)?jīng)熟悉的“未知空間”。

史例

在英國(guó)倫敦郊外,一座叫布萊克弗賴爾的黑色大橋,每年總有不少厭世者跑到橋上投河,民間盛傳這座橋上總是有幽靈游蕩……后來(lái)政府把黑色的橋漆成綠色,試行后發(fā)現(xiàn)橋上自殺事件驟然降到原來(lái)的一半。有人說(shuō)這是典型色彩應(yīng)用的設(shè)計(jì)案例,和風(fēng)水無(wú)關(guān)。但放在風(fēng)水里,似乎也有著相似的講究。

門道講究甚多

1.陰陽(yáng)——“陰陽(yáng)交感而生宇宙萬(wàn)物”

陰陽(yáng)學(xué)說(shuō)來(lái)自于《易經(jīng)》,黑白兩極又稱正負(fù)空間,UI的發(fā)展正是將原有復(fù)雜的事物信息扁平后呈現(xiàn),表面上減掉了很多視覺(jué)信息,實(shí)質(zhì)上卻將產(chǎn)品重心回歸到了內(nèi)容和功能上,為設(shè)計(jì)開辟了一個(gè)新的縱深空間。

2.布陣——“太極生兩儀,兩儀生四象,四象生八卦?!?/strong>

界面中任何圖形/交互的樣式都有影響全局的作用,前期的交互規(guī)范決定了每一種樣式的屬性和有效的層級(jí)關(guān)系,從體驗(yàn)上幫助用戶理解信息,從格局上奠定語(yǔ)言生態(tài),從情感上建立產(chǎn)品信任度。

3.方位——“辯方位而正則”

上下左右,常用控件到底擺在哪里合適?如“關(guān)閉”鍵是大家最熟悉的BUTTON,一般擺放于界面右上角的位置(通用),這樣既好找又能減少了誤操作。就像中國(guó)人喜歡朝南的房子一樣(采光),背后有著很多科學(xué)的解釋。

4.時(shí)辰——“子、 丑、寅、卯、辰、巳、午、未、申、酉、辛、亥12時(shí)辰”

因?yàn)樗叩脑?,我們?cè)诩依锎淖罹玫牡胤讲皇强蛷d而是起居室(臥室),風(fēng)水的布置不免費(fèi)心,從建筑規(guī)劃也能看出,加配獨(dú)衛(wèi)的主臥早成賣點(diǎn)。所以一個(gè)成熟的產(chǎn)品設(shè)計(jì),更離不開對(duì)用戶各種時(shí)間節(jié)點(diǎn)的分析和運(yùn)用。

5.聲音——“五音六律十三徽”

視覺(jué)傳達(dá)的概念中文字被喻為一種平面聲音,同樣的視覺(jué)范圍,不一樣大小的文字有著不同的音量,像聲音一樣,較大音量具備明顯的輻射效應(yīng),大號(hào)的文字標(biāo)題干擾和穿透力更強(qiáng)。

6.風(fēng)/水——“藏風(fēng)聚氣,得水為上”

風(fēng)代表靈動(dòng),用來(lái)改變僵地的平淡;水代表凈潔,用來(lái)沖洗多余的繁華,“動(dòng)靜有致”的畫/界面,既能拉開信息的層次,也符合了人眼本能處理信息的方式;

7.規(guī)矩——“心如規(guī)矩,志如尺衡”

刻量與標(biāo)記雖然是UI交付中一個(gè)很不起眼的工作環(huán)節(jié),但在團(tuán)隊(duì)協(xié)作中卻發(fā)揮了重要的作用,再好的界面也離不開精細(xì)的前端呈現(xiàn),每一像素的標(biāo)注都關(guān)系最終產(chǎn)品的品質(zhì)。

8.玄關(guān)——“玄關(guān)幽鍵,喻法藏也”

加載或登錄界面是UI中最有趣也最容易忽視的地方,如同玄關(guān),一個(gè)過(guò)渡的空間,表面可有可無(wú),但此處為用戶出入的必經(jīng)之地,使用頻率之高,足以承載整體UI的第一感受。

9.靠山——“有其象必其應(yīng)”

俗話說(shuō):“耳聽(tīng)為虛,眼見(jiàn)為實(shí)!”生活中人們?yōu)榱吮苊馐Ю敢饨邮茏约核J(rèn)知的事物,經(jīng)驗(yàn)和習(xí)慣像一座大山一樣難以撼動(dòng),所以交互中最常見(jiàn)的操作如“返回”鍵的ICON,箭頭和對(duì)齊的方向永遠(yuǎn)指向左邊,依靠的都是人們長(zhǎng)期的閱讀和使用習(xí)慣。

UI之風(fēng)水忌諱

關(guān)鍵性功能不宜放在高頻操作區(qū)域(避免誤操作)

猶如“大路對(duì)沖”,指屋/門正對(duì)一條筆直街道,影響健康。

同一個(gè)功能的操作或顯示不宜呈現(xiàn)多種樣式(避免認(rèn)知摩擦)

猶如“門向不一”,指屋內(nèi)開門的方向左右不一致,影響運(yùn)勢(shì)。

設(shè)計(jì)完稿后不宜直接提交(避免閉門造車)

猶如“喬遷未曖”,指搬入新居時(shí)過(guò)于冷清,影響財(cái)運(yùn)

根文化

風(fēng)水源自《易經(jīng)》,載于商周之際,后推崇于道家(老子-開創(chuàng)),與道家有著密不可分的關(guān)系,道家哲學(xué)不同于儒家社會(huì)哲學(xué)的進(jìn)路,道家重視人性,創(chuàng)立了“人本”的思想觀點(diǎn),“天道運(yùn)行有其自然而然的原理在”。

小結(jié)

  • 道學(xué)的一面為人性,以無(wú)形勝有形;
  • UI是內(nèi)容的載體,拓展的核心在空間;
  • “風(fēng)水輪流轉(zhuǎn)”強(qiáng)調(diào)不斷借鑒與包容的心態(tài)。

好風(fēng)水稱之“順”,其中一元叫氣,精氣/氣場(chǎng)在于風(fēng)水之中:“氣遇風(fēng)則走,遇水則停?!敝v究個(gè)氣順心暢;

好交互稱之“理”,其中一元叫情,情感/情懷在于場(chǎng)景之中:“情遇雜則亂,遇簡(jiǎn)則通?!敝v究個(gè)通情達(dá)理。

“風(fēng)水”之說(shuō)至今未被科學(xué)證實(shí),江湖傳言也僅為道聽(tīng)途說(shuō),生活中我們正逐漸遠(yuǎn)離這些古老的“迷信”……只待有識(shí)之士,著起研之!

 

本文由 @WET 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 有意思有意思,很有趣的比喻。

    來(lái)自廣東 回復(fù)
  2. 蠻有意思的一篇文章

    來(lái)自廣東 回復(fù)