之前探討了交互設(shè)計(jì)的一系列問(wèn)題，接下來(lái)，再探討下 UI 設(shè)計(jì)的一系列問(wèn)題。

先從本質(zhì)與價(jià)值開(kāi)始。

探討之前，我們還要簡(jiǎn)單明確一下交互設(shè)計(jì)和 UI 設(shè)計(jì)的區(qū)別。

交互設(shè)計(jì)，會(huì)包括信息架構(gòu)、信息的分類與展示、人機(jī)交互等。這些多以原型的形式來(lái)表現(xiàn)。

UI 設(shè)計(jì)，則負(fù)責(zé)美觀、品牌風(fēng)格、瀏覽體驗(yàn)、閱讀體驗(yàn)等內(nèi)容。這些基本以 UI 設(shè)計(jì)稿的形式來(lái)呈現(xiàn)。

本系列提到的 UI 設(shè)計(jì)，主要是指這四個(gè)方面。

一家之言，歡迎交流探討。

01

UI 設(shè)計(jì)的本質(zhì)，是什么?

個(gè)人觀點(diǎn)，UI 設(shè)計(jì)，本質(zhì)上，是美學(xué)、科學(xué)和需求的完美融合。

1 美學(xué)

愛(ài)美之心，人皆有之。

雖然我們很多人沒(méi)有像日本學(xué)生一樣，受過(guò)良好的美學(xué)教育，但審美之眼，也是人皆有之。幾乎所有人，從小到老，都會(huì)對(duì)好看的人好看的異性多幾分好感，也都會(huì)去買(mǎi)自認(rèn)為好看的衣服和物品。好看的人和物總會(huì)給我們一種賞心悅目的感覺(jué)。

我們?cè)谫I(mǎi)衣服和物品時(shí)，常常會(huì)給所有衣服和物品貼上“好看”與“不好看”的標(biāo)簽，“不好看”的幾乎一定不會(huì)選擇。

對(duì)待一款不好看的 App 也是如此：雖然可能會(huì)不得已而用之，但是內(nèi)心往往已經(jīng)給這款 App 打上了“不好看”、“不專業(yè)”的標(biāo)簽。

面對(duì)用戶，UI 設(shè)計(jì)和大部分設(shè)計(jì)一樣，首當(dāng)其沖的問(wèn)題，就是好不好看，就是美學(xué)。

2 科學(xué)

隨著全球電影產(chǎn)業(yè)的蓬勃發(fā)展，電影觀眾的審美和品味也在水漲船高。

有些觀眾習(xí)慣在看完電影后去豆瓣電影標(biāo)注一下，順便評(píng)個(gè)星。部分資深影迷，會(huì)一邊評(píng)星，一邊在心里給這部電影打個(gè)具體的分?jǐn)?shù)。這個(gè)具體分?jǐn)?shù)，和豆瓣的實(shí)際評(píng)分，可能會(huì)非常接近：誤差在 0.5 分之內(nèi)。

這在一定程度上說(shuō)明，這些資深影迷的審美好，欣賞水平高。但是，如果讓這些資深影迷自己去拍一部電影，可能就非常難為他們了。

類似的道理，讓大眾去從事 UI 設(shè)計(jì)，就像讓影迷去拍電影一樣難。

欣賞美和制造美，中間隔著一道鴻溝。這道鴻溝，最核心的部分就是各類專業(yè)知識(shí)，一言以蔽之，就是科學(xué)。

3 需求

部分入行不久的 UI 設(shè)計(jì)師可能會(huì)做一些虛擬項(xiàng)目來(lái)練習(xí)。但在求職面試環(huán)節(jié)，面試官一般對(duì)這些虛擬項(xiàng)目不感興趣，最多把它們當(dāng)成視覺(jué)稿來(lái)一掃而過(guò)。原因之一，這些虛擬項(xiàng)目是沒(méi)有經(jīng)過(guò)市場(chǎng)檢驗(yàn)的虛擬需求，有可能是立不住腳的需求，所以面試官不愿花時(shí)間去了解。

如果展示出來(lái)的作品是針對(duì)現(xiàn)有產(chǎn)品（比如網(wǎng)易嚴(yán)選）做 Redesign，忠于原有真實(shí)需求的 Redesign，那么面試官的興趣就會(huì)增加很多。

UI 設(shè)計(jì)和大部分設(shè)計(jì)一樣，是要解決問(wèn)題的。這個(gè)問(wèn)題，就是需求。

曾有人說(shuō)，作詩(shī)是戴著腳鐐跳舞。這里的腳鐐是指詩(shī)的韻律。

UI 設(shè)計(jì)作為一種創(chuàng)作，同樣也是戴著腳鐐跳舞——左腳的腳鐐是科學(xué)，右腳的腳鐐是需求，而美學(xué)，則是舞蹈本身。

02

UI 設(shè)計(jì)的價(jià)值，是什么？

說(shuō)完了本質(zhì)，再來(lái)說(shuō)下價(jià)值。

其實(shí)對(duì) UI 設(shè)計(jì)而言，本質(zhì)即價(jià)值。

比如我們可能會(huì)在網(wǎng)上或工作中聽(tīng)到這樣的話：“UI 設(shè)計(jì)，先是解決問(wèn)題，再是美”，講的是需求和美學(xué)價(jià)值；“UI 設(shè)計(jì)，先是邏輯學(xué)，再是美學(xué)”，講的則是科學(xué)和美學(xué)價(jià)值。

UI 設(shè)計(jì)，就是用科學(xué)方法，來(lái)滿足需求，并帶來(lái)美學(xué)享受。

所以，美學(xué)、科學(xué)、需求這三樣，本身也是 UI 設(shè)計(jì)的價(jià)值所在。

03

UI 設(shè)計(jì)的核心價(jià)值，是什么？

偶爾會(huì)有人討論、預(yù)測(cè) UI 設(shè)計(jì)、或者 UI 設(shè)計(jì)師的未來(lái)趨勢(shì)。

個(gè)人觀點(diǎn)，UI 設(shè)計(jì)可能會(huì)有很多未來(lái)，但其核心價(jià)值，則是 UI 設(shè)計(jì)的其中一個(gè)未來(lái)，也是一個(gè)永恒的未來(lái)。

既然我們的終極命題是用戶體驗(yàn)，那這個(gè)核心價(jià)值，一定是從用戶角度出發(fā)。具體是什么？

不妨先以李子柒的視頻為例。

大部分用戶在看這些視頻時(shí)，都是一個(gè)欣賞美（美學(xué)）的過(guò)程。這些美包含：田園之美、古樸之美、勞動(dòng)之美，等等。只有少部分用戶才會(huì)關(guān)心拍攝、后期這些技術(shù)層面（科學(xué)）的問(wèn)題。至于詳細(xì)拍攝規(guī)劃（需求，團(tuán)隊(duì)層面），關(guān)心的人就更少了。

值得一提的是，拍攝規(guī)劃這些團(tuán)隊(duì)層面的需求是表面的，更深層的需求是和用戶相關(guān)的，那就是：欣賞美、享受美，諸如此類。

類似的道理，普通用戶在面對(duì)一款 App 的 UI 界面時(shí)，幾乎不關(guān)注設(shè)計(jì)邏輯這種科學(xué)問(wèn)題。通常大家最關(guān)心的，是自己的需求：在這兒能做什么，能得到什么。

這個(gè) UI 界面好不好看，有沒(méi)有美感，大家好像不太關(guān)心。但一旦不好看，很可能會(huì)給用戶帶來(lái)一些負(fù)面情緒，用戶可能還會(huì)覺(jué)得這款軟件不專業(yè)。如果很好看很有美感，用戶就會(huì)有一種美的享受，而且下意識(shí)會(huì)覺(jué)得，這款軟件可能比較專業(yè)。

所以，從用戶角度出發(fā)，UI 設(shè)計(jì)的價(jià)值是需求和美學(xué)。另外，需求更多是靠產(chǎn)品、產(chǎn)品功能來(lái)承載，所以需求無(wú)法成為 UI 設(shè)計(jì)的核心價(jià)值。

至此，可以看出來(lái)，UI 設(shè)計(jì)的核心價(jià)值，是美學(xué)。

順便提下，筆者的系列文章，是把產(chǎn)品（架構(gòu)）、交互設(shè)計(jì)、UI 設(shè)計(jì)分開(kāi)來(lái)探討了。從職業(yè)角度來(lái)看，這三項(xiàng)可能由 1 個(gè)、2 個(gè)或 3 個(gè)人完成；但從專業(yè)角度來(lái)看，這三項(xiàng)既相互關(guān)聯(lián)也相互獨(dú)立，所以有必要解耦。解耦后的分開(kāi)探討，有助于探討的更深，也有助于三者的分工合作。

既然 UI 設(shè)計(jì)有核心價(jià)值，那么，交互設(shè)計(jì)和產(chǎn)品（架構(gòu)）是不是也有核心價(jià)值？

有的話，是什么？

如果三者都有核心價(jià)值，最理想的狀態(tài)、最強(qiáng)大的狀態(tài)，是不是三者的核心價(jià)值都實(shí)現(xiàn)？

這些問(wèn)題，留給讀者朋友們了。

結(jié)語(yǔ)

美學(xué)、科學(xué)和需求的完美融合，是 UI 設(shè)計(jì)的本質(zhì)。

相應(yīng)的，美學(xué)、科學(xué)和需求本身，也是 UI 設(shè)計(jì)的價(jià)值所在。其中的核心價(jià)值，則是美學(xué)。

對(duì) UI 設(shè)計(jì)而言，需求是本分，科學(xué)是方法，美學(xué)是精神追求。所以相應(yīng)的，美學(xué)也是更大、更受人尊重的舞臺(tái)。

作者： Leeo 用戶體驗(yàn)研究，用戶體驗(yàn)設(shè)計(jì)