網(wǎng)易 UEDC? –?崇書(shū)慶 ：經(jīng)常被人問(wèn)起「如何入門(mén)交互設(shè)計(jì)」，也做過(guò)很多次解答，今天便系統(tǒng)地和大家聊聊。

提示：這篇文章會(huì)很長(zhǎng)，如果一次看不完，可以收藏一下；這篇文章主要是為新人撰寫(xiě)，所以很多概念/方法會(huì)比較模糊地說(shuō)，多少會(huì)損失一些嚴(yán)謹(jǐn)性。

學(xué)習(xí)交互的步驟

有些同學(xué)入門(mén)交互的步驟是：看一些書(shū)，比如《交互設(shè)計(jì)精髓》，然后借鑒各個(gè)競(jìng)品開(kāi)始畫(huà)交互稿，一年后好像也入門(mén)了。但這么做會(huì)有 2 個(gè)問(wèn)題：

• 先看書(shū)，尤其是《交互設(shè)計(jì)精髓》，很容易讓人放棄，也很容易讓人變得「空洞」。
• 跟著競(jìng)品學(xué)畫(huà)交互，很難領(lǐng)會(huì)到體系的基礎(chǔ)知識(shí)，學(xué)到的都是零散的點(diǎn)，也就是野路子。

那么相對(duì)有體系的學(xué)習(xí)步驟是怎樣的呢？這里筆者用「學(xué)武功」做一個(gè)類比：

·

這個(gè)學(xué)習(xí)步驟也可以對(duì)應(yīng)到交互設(shè)計(jì) T 型能力圖譜上，如下圖：

·

下面的篇幅我們便來(lái)分別介紹每一個(gè)步驟具體學(xué)什么？怎么學(xué)？

界面基礎(chǔ)（招式）

界面基礎(chǔ)指的是：控件、布局、流程，也就是在交互稿上肉眼可見(jiàn)的部分。入門(mén)時(shí)先學(xué)界面基礎(chǔ)可以讓你快速感知到什么是交互設(shè)計(jì)，并建立一些興趣和信心。

1. 控件

控件就是界面上最小的有效單元，比如下圖中的「搜索框」、「單選按鈕」、「復(fù)選框」、「下拉框」。

·

認(rèn)識(shí)控件

掌握控件首先要「認(rèn)識(shí)控件」，認(rèn)識(shí)控件比較體系的方法是去閱讀各個(gè)平臺(tái)的官方設(shè)計(jì)規(guī)范，比如 iOS 、Android 、MacOS 、Windows（Desktop APP / UWP）、小程序（文末有鏈接）。注意 web 端是沒(méi)有官方規(guī)范的，因?yàn)楸旧聿皇瞧脚_(tái)。web 端的規(guī)范屬于各自為政的狀態(tài)，國(guó)內(nèi)后臺(tái)規(guī)范比較常見(jiàn)的是 antdesign 和 element ，前臺(tái)就沒(méi)有規(guī)范可言了。

·

了解控件的交互流程

很多控件都不是靜態(tài)的，都會(huì)有各自的一套交互流程，比如文本框（可參考下圖流程）：「用戶點(diǎn)擊文本框后，會(huì)出現(xiàn)光標(biāo)，且彈出鍵盤(pán)。輸入第一個(gè)字符后，會(huì)出現(xiàn)“清空按鈕”。輸入很多字符后，會(huì)有截?cái)嘈Ч?。輸入錯(cuò)誤時(shí)，會(huì)報(bào)錯(cuò)…」

·

·

了解控件的交互流程，可以幫助你更立體地了解一個(gè)控件。在實(shí)際的交互稿繪制中，也經(jīng)常會(huì)細(xì)致地描述某個(gè)控件的交互流程。

想要學(xué)習(xí)每個(gè)控件的交互流程，比較簡(jiǎn)單的方法就是找一些成熟的產(chǎn)品試用，看每進(jìn)行一個(gè)動(dòng)作下一步會(huì)發(fā)生什么，然后臨摹下來(lái)。對(duì)于移動(dòng)端，比較推薦大家臨摹微信。因?yàn)槲⑿攀枪J(rèn)控件層面最講究的產(chǎn)品，設(shè)計(jì)規(guī)范和工具都比較全，比如 WeUI 提供了設(shè)計(jì)規(guī)范和小程序工具。當(dāng)然，如果有耐心，各個(gè)平臺(tái)的官方規(guī)范都跟著練一遍是最好的…

了解控件的屬性

大多控件都會(huì)有自己的一些屬性，或者可以理解為可設(shè)置的參數(shù)。比如「列表」這個(gè)控件，需要交互設(shè)計(jì)師定義的屬性有：排序規(guī)則、加載規(guī)則、刷新規(guī)則、適配規(guī)則、截?cái)嘁?guī)則等。比如下圖中的群成員列表，他的「排序規(guī)則」可能是按照昵稱首字母排列的，也可能是按照進(jìn)群先后順序排列的，或者是按照角色排列的。

·

「控件的屬性」沒(méi)有很好的學(xué)習(xí)途徑，如果有認(rèn)識(shí)一些前輩愿意給你看交互稿是最好的。如果沒(méi)有只能自己摸索了。一個(gè)設(shè)計(jì)師的交互稿是否細(xì)致，開(kāi)發(fā)是否能很好閱讀，而不是經(jīng)常跑來(lái)說(shuō)你寫(xiě)漏了，主要取決于設(shè)計(jì)師對(duì)「控件屬性」的理解。

了解怎么使用控件

當(dāng)了解上面所有關(guān)于控件的內(nèi)容后，你還需要知道什么時(shí)候該用什么控件。舉個(gè)例子（下圖），當(dāng)用戶輸入手機(jī)號(hào)錯(cuò)誤的時(shí)候，需要給用戶一個(gè)錯(cuò)誤提示，提示方式所用的控件可以有很多種：彈窗、toast、行內(nèi)提示、氣泡提示。那么用哪一種最好呢？

·

答案是「不一定」，比如「彈窗」的缺點(diǎn)是打擾性很強(qiáng)，但優(yōu)點(diǎn)是可以承載大段文字，用戶到達(dá)率也更高。toast 的打擾性很小，但只能放很短的文字，用戶很容易忽略。具體要看當(dāng)時(shí)的情況是怎樣的，設(shè)計(jì)師想要什么樣的效果。

那么怎么學(xué)習(xí)控件的使用方法呢，可以推薦大家看《web 界面設(shè)計(jì)》或者各個(gè)平臺(tái)的設(shè)計(jì)規(guī)范?？赐旰笤僬页鲱愃频目丶?，做對(duì)比思考，基本就能看出門(mén)道了。

2. 布局

簡(jiǎn)單意義上理解，布局就是把「控件」和「內(nèi)容」放到界面上合適的位置并賦予合適的視覺(jué)重量。在網(wǎng)頁(yè)時(shí)代，布局設(shè)計(jì)是相當(dāng)重要的。但在移動(dòng)端盛行的當(dāng)代，布局設(shè)計(jì)相對(duì)沒(méi)有那么被看重。主要原因是移動(dòng)端的布局設(shè)計(jì)趨同性比較大，設(shè)計(jì)訴求和設(shè)計(jì)空間都相對(duì)較小。但它仍然是設(shè)計(jì)基礎(chǔ)中重要的一部分。

了解布局設(shè)計(jì)的基本理論

布局設(shè)計(jì)的基本理論有以下幾種：格式塔原理、網(wǎng)格系統(tǒng)、7±2 法則、席克定律、費(fèi)茨定律、奧卡姆剃刀原理、復(fù)雜性守恒定律。這幾種理論中除了「網(wǎng)格系統(tǒng)」外，其余的理論基本都可以在知乎搜一下然后 10 分鐘內(nèi)了解吸收。這些理論相對(duì)比較底層，很難直接告訴你布局設(shè)計(jì)應(yīng)該怎么做。但它們可以成為設(shè)計(jì)師心中的「標(biāo)尺」和「依據(jù)」，會(huì)融入在你平時(shí)的設(shè)計(jì)工作中。

·

布局設(shè)計(jì)的基本步驟

布局設(shè)計(jì)簡(jiǎn)單可以分為以下 4 個(gè)步驟：

• 列舉：將界面中所需要的元素列舉出來(lái)，比如：商品圖片、商品標(biāo)題、價(jià)格、優(yōu)惠券、收藏、分享…
• 歸類：將上述列舉的元素歸為幾類，每一類就是一個(gè)模塊。比如「收藏、購(gòu)買、加入購(gòu)物車」可以歸為「操作模塊」。
• 排序：將上面歸類好的模塊進(jìn)行排序，排序的依據(jù)一般是：用戶場(chǎng)景中的瀏覽順序、元素的重要性、業(yè)務(wù)期望。
• 調(diào)整：布局排布的影響因素很多，最后需要綜合其他因素對(duì)布局進(jìn)行調(diào)整。并對(duì)各元素的視覺(jué)重量進(jìn)行定義調(diào)整。

學(xué)會(huì)基本步驟后，可以通過(guò)「默寫(xiě)產(chǎn)品法」進(jìn)行練習(xí)。比如把淘寶商品詳情頁(yè)的元素摘錄下來(lái)，然后自行排布。最后和淘寶的設(shè)計(jì)進(jìn)行對(duì)比，思考淘寶為何這么設(shè)計(jì)，自己是否有思考疏忽？

3. 流程

界面中的元素有 2 種：內(nèi)容和功能。內(nèi)容是靜態(tài)的，比如商品描述就是一種內(nèi)容。功能是動(dòng)態(tài)的，比如「加入購(gòu)物車」就是一個(gè)功能。在交互稿中，展示一個(gè)功能的方式往往是「描述其交互流程」。比如在聊天 APP 中「接收文件」的交互流程可以描述為：點(diǎn)開(kāi)消息→看到文件→點(diǎn)擊下載→下載完成并打開(kāi)。如下圖所示：

·

流程設(shè)計(jì)的步驟

流程設(shè)計(jì)的基本步驟是：①.確定「任務(wù)」；②. 將「任務(wù)」拆成「動(dòng)作」；③. 將「動(dòng)作」對(duì)應(yīng)成界面。

舉個(gè)例子，如下圖。比如我們做一個(gè)「群聊」的功能，群聊功能中有一個(gè)「添加群成員」的小功能。我們可以把「添加 1 個(gè)成員」看做是一個(gè)「任務(wù)」，用戶想要完成這個(gè)任務(wù)，就必須有一系列「動(dòng)作」。比如：找到群、找到添加入口、找到要添加的人、確定添加、確認(rèn)添加成功。列出這些動(dòng)作后，我們?cè)籴槍?duì)每個(gè)動(dòng)作（或多個(gè)動(dòng)作）設(shè)計(jì)相應(yīng)的界面，這就得到了交互流程。

·

·

實(shí)際的交互流程會(huì)比這個(gè)例子復(fù)雜很多，不僅僅有「一條主流程」，還會(huì)有很多「支流程」。比如上述例子中，用戶「找到群」的方式其實(shí)有很多，可以通過(guò)搜索，可以通過(guò)通訊錄，也可以通過(guò)消息列表。用戶「確認(rèn)添加」過(guò)程中也不一定就會(huì)「添加成功」，也可能中途突然反悔了，也可能網(wǎng)絡(luò)突然斷了。這些都屬于流程中的一部分，都需要體現(xiàn)在最終的交互稿中。

·

對(duì)于復(fù)雜的交互流程，需要在繪制界面前搭建「流程圖」（如下圖），這樣可以讓你思路更加清晰，表達(dá)更加清楚。流程圖的繪制相對(duì)比較復(fù)雜，這里不展開(kāi)討論。（下圖是移動(dòng)端音視頻通話的流程圖的例子）

4. 小結(jié)

以上我們介紹了入門(mén)交互設(shè)計(jì)的第 1 步「界面基礎(chǔ)」（信息量有點(diǎn)大），其中包含控件、布局、流程 3 個(gè)部分。針對(duì)這 3 個(gè)部分筆者推薦一些實(shí)用的書(shū)籍（不是那種夸夸其談的書(shū)）。

·

學(xué)會(huì)這些基礎(chǔ)后，基本就算是大概入門(mén)了，能夠自己畫(huà)一些交互稿了。

設(shè)計(jì)內(nèi)核（內(nèi)功）

這個(gè)部分的內(nèi)容會(huì)比較虛，也不太容易理解。但這部分的知識(shí)的確是一個(gè)交互設(shè)計(jì)師最「內(nèi)核」的部分，所謂的「交互設(shè)計(jì)天賦」大體就體現(xiàn)在這里了。

我們舉個(gè)例子方便了解這個(gè)部分要講的「用戶」、「目標(biāo)」、「場(chǎng)景」。如下圖所示，這是某個(gè)銀行 APP 的客服咨詢功能，筆者當(dāng)時(shí)想查詢開(kāi)戶行，于是就輸入了「你好，怎么查詢開(kāi)戶行」。此時(shí)系統(tǒng)回復(fù)了「正在安排客服，當(dāng)前排隊(duì)人數(shù)為 299 人，請(qǐng)稍后。退出排隊(duì)請(qǐng)輸入【1】」。過(guò)了十幾分鐘，筆者有點(diǎn)不耐煩，于是又輸入了一個(gè)「你好」。系統(tǒng)又給了一個(gè)同樣的回復(fù)，只是排隊(duì)的人數(shù)刷新了一下。這個(gè)例子中的控件、布局、流程都沒(méi)有問(wèn)題，但用戶使用過(guò)程卻會(huì)很痛苦，問(wèn)題出在哪里呢？

·

·

究其原因，設(shè)計(jì)師在設(shè)計(jì)過(guò)程中并沒(méi)有「以用戶的角度思考」，只是干澀地畫(huà)出基本的交互，也就是沒(méi)有考慮到「用戶」、「目標(biāo)」、「場(chǎng)景」。那么什么是「用戶」、「目標(biāo)」、「場(chǎng)景」呢？我們又該如何去學(xué)習(xí)？

1. 用戶

用戶這個(gè)概念相對(duì)比較好理解，但真正了解用戶卻很難。尤其對(duì)于中國(guó)而言，各年齡、地區(qū)、階層、文化的用戶差異性非常巨大，所以在剛開(kāi)始做某個(gè)產(chǎn)品的時(shí)候，最先應(yīng)該做的事情就是去了解這個(gè)產(chǎn)品的目標(biāo)用戶。

那么如何去了解呢？實(shí)際工作中最基礎(chǔ)的幾個(gè)用戶調(diào)研方法是：用戶訪談、用戶觀察、問(wèn)卷。通過(guò)這些方法你可以收集到用戶的基本信息，接下來(lái)就可以對(duì)其進(jìn)行分類了。分類后可以進(jìn)一步做一個(gè)事情，就是制定用戶畫(huà)像（下圖就是一個(gè)用戶畫(huà)像）。用戶畫(huà)像可以簡(jiǎn)單理解為將「一群人」抽象為「一個(gè)人」。之所以要制定用戶畫(huà)像，是因?yàn)樵谠O(shè)計(jì)時(shí)你很難去感同身受「一群人」的想法，但可以感同身受「一個(gè)人」的想法。

·

那么如何去學(xué)習(xí)關(guān)于用戶的一些知識(shí)呢？「用戶訪談、用戶觀察、問(wèn)卷」這些用戶調(diào)研方法可以去看《設(shè)計(jì)調(diào)查》這本書(shū)?！赣脩舢?huà)像」相關(guān)的知識(shí)可以直接去知乎或公眾號(hào)上搜索「用戶畫(huà)像」?！赣脩簟瓜嚓P(guān)的知識(shí)是很大的一個(gè)領(lǐng)域，比較大的公司中都會(huì)配備單獨(dú)的「用戶研究員」。所以作為剛?cè)腴T(mén)的設(shè)計(jì)師，可以相對(duì)簡(jiǎn)單了解一下這些知識(shí)就可以，深入的專研可以等到比較入門(mén)后再進(jìn)行。但平時(shí)可以注意多去觀察身邊的人怎么使用產(chǎn)品，建立一些基礎(chǔ)認(rèn)知。

2. 目標(biāo)

目標(biāo)同樣會(huì)影響設(shè)計(jì)，比如大家都知道，同樣是聊天 APP 的「微信」和「釘釘」在設(shè)計(jì)上差異很大，微信打擾性很小/功能精簡(jiǎn)，釘釘打擾性很大/功能復(fù)雜。這是因?yàn)橛脩羰褂梦⑿诺哪繕?biāo)是「生活中的輕松溝通」，而使用釘釘?shù)哪繕?biāo)是「工作中的高效溝通」。

在交互設(shè)計(jì)的體系中，目標(biāo)可以細(xì)分為「用戶目標(biāo)」、「業(yè)務(wù)目標(biāo)」，因?yàn)樵O(shè)計(jì)師不僅僅要為用戶服務(wù)，也要為公司業(yè)務(wù)服務(wù)。如果用戶很爽但公司完全不賺錢(qián)那肯定不是長(zhǎng)久之計(jì)?！赣脩裟繕?biāo)」可以再度細(xì)分為「人生目標(biāo)」、「最終目標(biāo)」、「體驗(yàn)?zāi)繕?biāo)」，這 3 個(gè)細(xì)分目標(biāo)的具體定義可以參考《交互設(shè)計(jì)精髓》第一大部分。如果想要初步了解下這 3 個(gè)目標(biāo)可以參考下圖的例子。

·

3. 場(chǎng)景

場(chǎng)景可以簡(jiǎn)單理解為「用戶當(dāng)時(shí)所處的情況」，如果交互設(shè)計(jì)師只能學(xué)習(xí)一個(gè)概念，那么一定是「場(chǎng)景」。場(chǎng)景有什么用呢？場(chǎng)景是設(shè)計(jì)師去理解用戶需求最重要的一個(gè)工具。因?yàn)橛脩舻男枨笫呛茈y感同身受的，如果都不能感同身受那么如何為用戶做設(shè)計(jì)呢？于是就有了場(chǎng)景。設(shè)計(jì)師可以把自己代入到「場(chǎng)景」中，去感同身受用戶的想法，從而得到用戶需求（細(xì)粒度的需求）。

·

一般而言，我們都會(huì)將「場(chǎng)景」和「用戶」、「目標(biāo)」整合到一起描述，也就是常說(shuō)的「用戶場(chǎng)景」。用戶場(chǎng)景的通用結(jié)構(gòu)是：誰(shuí)？在什么情況下？想要什么？做了什么？結(jié)果如何？他的想法如何？下圖中舉了一個(gè)用戶看新聞的例子，可以幫助理解什么是用戶場(chǎng)景。

·

知道場(chǎng)景后真的對(duì)設(shè)計(jì)有幫助嗎？答案是肯定的。當(dāng)設(shè)計(jì)師將自己代入到場(chǎng)景中，思考每一個(gè)場(chǎng)景，過(guò)程中便能產(chǎn)出大量的想法，設(shè)計(jì)的創(chuàng)新/細(xì)節(jié)就都出來(lái)了，且最終的結(jié)果往往也是相對(duì)符合用戶真實(shí)需求的（那么如何描述場(chǎng)景呢？行業(yè)里比較通用的方法是「場(chǎng)景故事劇本」，一定要學(xué)會(huì)哈。具體可以參考《交互設(shè)計(jì)精髓》第一部分）

為了更易理解，我將「場(chǎng)景」應(yīng)用到了上面提到的銀行 APP 的例子中，描述了一下用戶場(chǎng)景并提出了一些 idea，如下圖所示。你也可以把自己代入到這個(gè)場(chǎng)景中，看是否能體會(huì)到「場(chǎng)景」這個(gè)工具的奧妙。

·

4. 小結(jié)

掌握了「設(shè)計(jì)內(nèi)核」（用戶、目標(biāo)、場(chǎng)景）后，就可以算得上一個(gè)初級(jí)的交互設(shè)計(jì)師了，做一些基本的交互設(shè)計(jì)沒(méi)什么問(wèn)題，甚至說(shuō)可以上崗了。

專業(yè)能力（武功秘籍）

在掌握了上面步驟 1、2 中的基礎(chǔ)知識(shí)后，我們便要開(kāi)始攻克專業(yè)能力，成為真正專業(yè)的交互設(shè)計(jì)師了。專業(yè)能力主要指的是：用戶研究、競(jìng)品研究、設(shè)計(jì)理論、設(shè)計(jì)方法、用戶測(cè)試、數(shù)據(jù)分析。注意這里我所說(shuō)的專業(yè)能力都是在實(shí)際工作中常用的，而不是全量的專業(yè)能力。下圖中我將這些專業(yè)能力按照產(chǎn)品的研發(fā)流程做一下歸類（紅色是優(yōu)先學(xué)習(xí)的，橙色是建議學(xué)習(xí)的，灰色是選擇學(xué)習(xí)的）：

·

這些專業(yè)能力的學(xué)習(xí)相對(duì)復(fù)雜，且不是「入門(mén)階段」所應(yīng)該優(yōu)先接觸的，所以筆者只介紹一些學(xué)習(xí)方法，不做具體的解釋分析。下面筆者推薦這些專業(yè)能力的相關(guān)書(shū)籍（紅色是優(yōu)先學(xué)習(xí)的，橙色是建議學(xué)習(xí)的，灰色是選擇學(xué)習(xí)的）。在此說(shuō)明一下，這部分知識(shí)不太推薦大家僅僅通過(guò)公眾號(hào)文章這種方式學(xué)習(xí)，因?yàn)樗鼈兇蠖加兄軓?qiáng)的體系性，看文章只能學(xué)到皮毛。且這些文章的作者水平參差不齊（好壞都有），很難辨清哪些是真正可信的。

·

最后，大家在學(xué)習(xí)這些專業(yè)知識(shí)的時(shí)候需要注意一下契機(jī)，最好是學(xué)完能夠立刻用上的，也就是說(shuō)理論要搭配實(shí)踐，不然很快就忘掉了。另外，書(shū)中的知識(shí)很多都過(guò)于理想化，實(shí)際的工作節(jié)奏是非?？斓?，所以在實(shí)踐過(guò)程中必然會(huì)有很多簡(jiǎn)化和改良，這也是為何一定要理論搭配實(shí)踐的原因。

賦能業(yè)務(wù)（闖蕩江湖）

交互設(shè)計(jì)是一個(gè)業(yè)務(wù)屬性很強(qiáng)的學(xué)科，設(shè)計(jì)師只是把交互本身做好是遠(yuǎn)遠(yuǎn)不夠的（尤其對(duì)于 2 年工作經(jīng)驗(yàn)以上的設(shè)計(jì)師而言）。交互設(shè)計(jì)師想要賦能業(yè)務(wù)，或者是獲得比較好的成果，必須要了解橫向領(lǐng)域的知識(shí)：商業(yè)、產(chǎn)品、用研、視覺(jué)、技術(shù)、運(yùn)營(yíng)、市場(chǎng)、銷售…

舉個(gè)例子，某位設(shè)計(jì)師朋友接到了一個(gè)「改版商品詳情頁(yè)」的需求，業(yè)務(wù)目標(biāo)是提高購(gòu)買轉(zhuǎn)化率。這個(gè)設(shè)計(jì)師便找出了原來(lái)商品詳情頁(yè)中的很多體驗(yàn)問(wèn)題，把購(gòu)買體驗(yàn)、購(gòu)買效率提高了很多，但最終的購(gòu)買轉(zhuǎn)化率并沒(méi)有提高多少，只是略有增長(zhǎng)。后來(lái)業(yè)務(wù)方提出了一個(gè)點(diǎn)，將商品包郵這個(gè)信息添加到界面中明顯的位置（本身商品也是包郵的，只是沒(méi)有明確展示），結(jié)果轉(zhuǎn)化率一下子提高了很多。究其原因是今年業(yè)務(wù)的策略是要做拉新，于是市場(chǎng)同學(xué)在各個(gè)渠道中投放了很多低價(jià)引流商品，且這些商品都是包郵的。用戶在決策購(gòu)買這些低價(jià)商品時(shí)會(huì)擔(dān)心是否包郵，當(dāng)明確告知他們包郵后，轉(zhuǎn)化率便自然而然地提升了。如果這位設(shè)計(jì)師朋友比較了解業(yè)務(wù)的策略、市場(chǎng)投放規(guī)則，我相信他一定能想到「把包郵信息放到界面明顯位置」這個(gè)設(shè)計(jì)點(diǎn)，從而賦能業(yè)務(wù)，取得成績(jī)。

關(guān)于橫向領(lǐng)域的知識(shí)，筆者并不算精通，只能給大家推薦一些公認(rèn)比較不錯(cuò)的且閱讀門(mén)檻低的書(shū)籍。如果經(jīng)濟(jì)比較寬裕，也可以考慮報(bào)一些網(wǎng)絡(luò)上的入門(mén)課程。

·

總結(jié)

交互設(shè)計(jì)是一個(gè)知識(shí)體系非常豐富且完善的學(xué)科，對(duì)于設(shè)計(jì)師而言這是一件幸福的事情，因?yàn)橹挥型晟频闹R(shí)體系才能讓「?jìng)€(gè)人成長(zhǎng)」更有保障。另一方面，交互設(shè)計(jì)也是一個(gè)門(mén)檻很模糊的學(xué)科。有些人學(xué)了幾年才開(kāi)始做，有些人上了 1 個(gè)月培訓(xùn)班，甚至看了 2 本書(shū)就開(kāi)始做。交互稿都能正常輸出的，只是質(zhì)量有所差異，就像每個(gè)人都能燒飯一樣。

每個(gè)人入行的姿勢(shì)各異，自帶知識(shí)體系因而不同。但不論如何，都建議大家能孜孜不倦地學(xué)習(xí)基礎(chǔ)知識(shí)，成為一名專業(yè)性強(qiáng)的交互設(shè)計(jì)師，共勉！

如有指正可加我微信：seekingchong

附錄：各平臺(tái)官方規(guī)范

想要翻譯版的可以網(wǎng)上搜一搜，我只有老的翻譯版就不貼出來(lái)了。

• iOS：https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes
• Android：https://material.io/design/introduction/#principles
• MacOS：https://developer.apple.com/design/human-interface-guidelines/macos/overview/themes
• Win-desktop app：https://docs.microsoft.com/zh-cn/windows/win32/uxguide/guidelines?redirectedfrom=MSDN
• Win-UWP：https://docs.microsoft.com/zh-cn/windows/uwp/design/basics/design-and-ui-intro?redirectedfrom=MSDN
• 小程序：https://developers.weixin.qq.com/miniprogram/design/
• antdesign：https://ant.design/index-cn
• element：https://element.eleme.io/#/zh-CN/guide/design

歡迎關(guān)注「網(wǎng)易UEDC」公眾號(hào)：

·