UI設(shè)計(jì)是什么？難學(xué)嗎？有到外面培訓(xùn)班參加ui基礎(chǔ)班學(xué)習(xí)課程之后說(shuō)，學(xué)ui設(shè)計(jì)真慘！尤其是女生學(xué)ui，太難了！是的，如果沒(méi)有一點(diǎn)點(diǎn)美學(xué)基礎(chǔ)，直接上機(jī)就是畫(huà)圖標(biāo)icon，這種新手級(jí)別的學(xué)生學(xué)ui設(shè)計(jì)肯定是有一定難度的。在展開(kāi)ui設(shè)計(jì)相關(guān)的課程之前，我們需要跟大家一起學(xué)習(xí)一下ui設(shè)計(jì)跟交互設(shè)計(jì)的相互關(guān)系。先從本質(zhì)與價(jià)值開(kāi)始。探討之前，我們還要簡(jiǎn)單明確一下交互設(shè)計(jì)和 UI 設(shè)計(jì)的區(qū)別。

交互設(shè)計(jì)和 UI 設(shè)計(jì)的區(qū)別

交互設(shè)計(jì)，會(huì)包括信息架構(gòu)、信息的分類(lèi)與展示、人機(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è)方面。

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

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

01. 美學(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 打上了"不好看"、"不專(zhuān)業(yè)"的標(biāo)簽。

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

02.科學(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ō)明，這些資深影迷的審美好，欣賞水平高。但是，如果讓這些資深影迷自己去拍一部電影，可能就非常難為他們了。

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

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

03.需求

部分入行不久的 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é)，則是舞蹈本身。

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

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

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

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

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

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

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)。

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

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

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

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

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

小結(jié)

美學(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)。