如何學(xué)習(xí)Ui和交互設(shè)計(jì)？交互設(shè)計(jì)師知識體系的交互設(shè)計(jì)是一門交叉學(xué)科。從廣義上講，交互設(shè)計(jì)涉及到人機(jī)工程學(xué)、心理學(xué)、社會學(xué)、設(shè)計(jì)學(xué)等知識。狹義的交互設(shè)計(jì)主要是指人機(jī)界面交互。它涉及用戶 研究能力、需求分

如何學(xué)習(xí)Ui和交互設(shè)計(jì)？

交互設(shè)計(jì)師知識體系的交互設(shè)計(jì)是一門交叉學(xué)科。從廣義上講，交互設(shè)計(jì)涉及到人機(jī)工程學(xué)、心理學(xué)、社會學(xué)、設(shè)計(jì)學(xué)等知識。狹義的交互設(shè)計(jì)主要是指人機(jī)界面交互。它涉及用戶 研究能力、需求分析能力、信息架構(gòu)設(shè)計(jì)能力、流程邏輯設(shè)計(jì)能力、原型設(shè)計(jì)能力、撰寫交互設(shè)計(jì)文檔、理解設(shè)計(jì)原理等一些能力。

▲交互設(shè)計(jì)師知識體系

01用戶研究能力

在一個(gè)完整的UED團(tuán)隊(duì)中，實(shí)際上有專門的用戶研究人員。用戶研究員負(fù)責(zé)做用戶調(diào)研，并將調(diào)研結(jié)果做成用戶調(diào)研報(bào)告。用戶研究在這里被放入交互設(shè)計(jì)師的知識體系，因?yàn)樗谡麄€(gè)設(shè)計(jì)過程中起著至關(guān)重要的作用。

交互設(shè)計(jì)師雖然不是專職的用戶研究人員，但也需要掌握一些用戶研究知識，學(xué)會建立用戶模型，分析用戶研究數(shù)據(jù)，挖掘用戶行為數(shù)據(jù)。這有助于交互設(shè)計(jì)師在設(shè)計(jì)階段把握產(chǎn)品的核心需求和價(jià)值。常用的用戶研究方法包括問卷調(diào)查和深度訪談。

02需求分析能力

面對用戶調(diào)研得到的數(shù)據(jù)，交互設(shè)計(jì)師要有一定的需求分析能力。需求分析的目的是明確目標(biāo)用戶、使用場景、產(chǎn)品定位、產(chǎn)品功能優(yōu)先級，讓開發(fā)、測試等相關(guān)人員清楚地了解需求，便于日后對設(shè)計(jì)的驗(yàn)證。交互設(shè)計(jì)師需要能夠在了解用戶的主導(dǎo)需求后，挖掘出用戶的潛在需求，并對競品和現(xiàn)有產(chǎn)品版本進(jìn)行分析。

03信息架構(gòu)設(shè)計(jì)能力

信息架構(gòu)是產(chǎn)品的骨架，是產(chǎn)品功能的層次梳理。一個(gè)好的信息架構(gòu)能夠清晰地對產(chǎn)品的功能進(jìn)行分類，明確不同層次之間的功能關(guān)系，符合目標(biāo)用戶的心理模型。常見的信息構(gòu)建模式包括層級結(jié)構(gòu)、線性結(jié)構(gòu)、自然結(jié)構(gòu)和矩陣結(jié)構(gòu)。交互設(shè)計(jì)師需要了解每種結(jié)構(gòu)模式的特點(diǎn)，根據(jù)自身產(chǎn)品的特點(diǎn)選擇合適的信息架構(gòu)形式。

卡片分類是信息構(gòu)建的一種常用梳理方法。通常的操作流程是，設(shè)計(jì)師準(zhǔn)備一定數(shù)量的功能卡片，讓用戶將這些類型進(jìn)行分類，形成功能簇，并對每個(gè)功能簇的功能進(jìn)行匯總。

▲ "最美的應(yīng)用程序 "信息架構(gòu)

04流程邏輯設(shè)計(jì)能力

流程邏輯設(shè)計(jì)是基于上一步的信息架構(gòu)，也就是根據(jù)產(chǎn)品功能。流程邏輯設(shè)計(jì)要展現(xiàn)用戶使用產(chǎn)品過程中的關(guān)鍵點(diǎn)，明確產(chǎn)品的操作鏈，是對信息架構(gòu)的邏輯梳理。

在流程設(shè)計(jì)過程中，可以使用Visio、Mindmanger等專業(yè)流程圖繪制軟件進(jìn)行繪制，繪制流程圖時(shí)要考慮流程節(jié)點(diǎn)的正常和異常情況。

05原型設(shè)計(jì)能力

產(chǎn)品的工藝邏輯設(shè)計(jì)完成后，將進(jìn)入原型設(shè)計(jì)階段。原型為主代表業(yè)務(wù)流程、產(chǎn)品框架和布局、交互規(guī)則，原型分為低保真原型和高保真原型。

低收入樣機(jī)的設(shè)計(jì)主要是在設(shè)計(jì)之初就以線框的形式做一個(gè)Demo，方便設(shè)計(jì)師和產(chǎn)品經(jīng)理討論修改。高保真原型是指更接近真實(shí)產(chǎn)品效果的Demo。在實(shí)際工作中，大部分項(xiàng)目不需要高保真，只需要低保真原型的設(shè)計(jì)。

▲原型圖示例

撰寫交互設(shè)計(jì)文檔。

交互設(shè)計(jì)文檔本質(zhì)上是一種交互設(shè)計(jì)描述，是用來梳理交互事件、頁面之間的邏輯關(guān)系、頁面跳轉(zhuǎn)等交互動(dòng)作的文字和圖片的組合。交互設(shè)計(jì)說明書的閱讀對象是產(chǎn)品經(jīng)理、UI設(shè)計(jì)師、研發(fā)人員；amp人員和測試人員。交互設(shè)計(jì)文檔包括軟件頁面、頁面狀態(tài)、頁面流程和交互動(dòng)作描述。好的交互設(shè)計(jì)文檔可以讓團(tuán)隊(duì)中的其他人快速了解產(chǎn)品的整體架構(gòu)和邏輯關(guān)系，從而對產(chǎn)品進(jìn)行評審和改進(jìn)，避免產(chǎn)品設(shè)計(jì)出現(xiàn)偏差。

▲交互設(shè)計(jì)文檔示例

了解設(shè)計(jì)原則。

掌握一些交互設(shè)計(jì)原理是交互設(shè)計(jì)師必備的技能。交互設(shè)計(jì)不是沒有規(guī)則，但是有一些設(shè)計(jì)原則是交互設(shè)計(jì)師需要遵守的，比如一致性原則，Jakob Nislsen s 10可用性原則，易用性原則，中間用戶原則，基于用戶心理模型，2-8原則等等。基于交互設(shè)計(jì)原則的交互設(shè)計(jì)可以保證交互設(shè)計(jì)的流暢性。

08其他能力

交互設(shè)計(jì)師除了上述能力外，還需要了解不同設(shè)計(jì)平臺的規(guī)范，具備一定的文案能力，同時(shí)最好了解一些代碼內(nèi)容。建議學(xué)習(xí)一些HTML、CSS、JS、PHP、Android、C#、JSP、Java等知識。，從而方便交互設(shè)計(jì)師和開發(fā)者的溝通，讓項(xiàng)目進(jìn)展更加順利。

交互設(shè)計(jì)器的工作流程

交互設(shè)計(jì)師的角色通常貫穿整個(gè)項(xiàng)目。交互設(shè)計(jì)器的工作流程可以分為以下幾個(gè)步驟，:。

▲交互設(shè)計(jì)師工作流程

01參與需求評估

一個(gè)完整的設(shè)計(jì)團(tuán)隊(duì)一般都有專業(yè)的需求分析師，他們通常會根據(jù)使用調(diào)研的結(jié)果提交需求說明書。沒有這樣的角色，需求分析主要由產(chǎn)品經(jīng)理或者交互設(shè)計(jì)師來完成。參與需求評估的人通常是老板、項(xiàng)目經(jīng)理、產(chǎn)品經(jīng)理、研發(fā)人員。amp人事和交互設(shè)計(jì)師。大家對需求進(jìn)行評估，提出自己的意見，通過反復(fù)迭代，最終形成最終的需求計(jì)劃。

02功能設(shè)計(jì)

需求確定后，就要設(shè)計(jì)產(chǎn)品的主要功能。這部分工作的主要負(fù)責(zé)人是項(xiàng)目的產(chǎn)品經(jīng)理，需要根據(jù)需求和業(yè)務(wù)等其他因素設(shè)計(jì)產(chǎn)品功能。在大型項(xiàng)目中，當(dāng)項(xiàng)目經(jīng)理不負(fù)責(zé)實(shí)施時(shí)，就需要交互設(shè)計(jì)。設(shè)計(jì)師設(shè)計(jì)產(chǎn)品功能。

03產(chǎn)品功能評估

功能設(shè)計(jì)完成后，需要對產(chǎn)品功能進(jìn)行評估，主要是衡量產(chǎn)品功能設(shè)計(jì)是否按照需求進(jìn)行，提出了哪些需求，哪些功能沒有達(dá)到，明確產(chǎn)品方案是否通過。如果失敗了，怎么修改。

04信息架構(gòu)和流程圖設(shè)計(jì)

這時(shí)交互設(shè)計(jì)師正式進(jìn)入交互設(shè)計(jì)階段。交互設(shè)計(jì)師需要根據(jù)產(chǎn)品功能設(shè)計(jì)信息架構(gòu)，細(xì)化功能細(xì)節(jié)，然后設(shè)計(jì)交互流程。

▲ "在線等。 "應(yīng)用程序流程圖

05原型設(shè)計(jì)

在定義了產(chǎn)品的信息架構(gòu)和流程圖之后，交互設(shè)計(jì)師進(jìn)入原型設(shè)計(jì)階段。在原型設(shè)計(jì)過程中，需要明確產(chǎn)品的頁面邏輯和跳轉(zhuǎn)關(guān)系，明確交互效果，但不必糾結(jié)于細(xì)節(jié)交互的實(shí)現(xiàn)。設(shè)計(jì)過程中盡量不要使用色彩，以免給UI設(shè)計(jì)師的設(shè)計(jì)帶來麻煩。

▲原型圖示例

撰寫交互設(shè)計(jì)文檔。

原型設(shè)計(jì)完成后，交互設(shè)計(jì)師需要撰寫交互設(shè)計(jì)文檔。交互設(shè)計(jì)文檔主要用于梳理交互事件、頁面流程邏輯、跳轉(zhuǎn)等交互動(dòng)作，主要以文字和圖片的形式展現(xiàn)。交互式設(shè)計(jì)文檔提供給用戶界面設(shè)計(jì)師，研發(fā)人員。ampd團(tuán)隊(duì)和測試團(tuán)隊(duì)，讓整個(gè)團(tuán)隊(duì)對產(chǎn)品有深入的了解。

07互動(dòng)設(shè)計(jì)方案評審

交互設(shè)計(jì)方案的評估類似于產(chǎn)品功能評估，明確哪些交互部分是按照需求做的，哪些地方還存在不足，哪些地方還需要改進(jìn)。

與UI設(shè)計(jì)師、開發(fā)人員和測試人員的協(xié)調(diào)和溝通

交互設(shè)計(jì)師需要與UI設(shè)計(jì)師協(xié)調(diào)溝通，定義交互原型，從交互的角度評估UI設(shè)計(jì)師的視覺輸出方案。如果有不一致或者遺漏的地方，UI設(shè)計(jì)師需要修改。在開發(fā)階段，如果開發(fā)對交互有疑問，交互設(shè)計(jì)師需要和開發(fā)人員溝通，確定最終的解決方案。在測試階段，測試人員會考慮一些更全面的使用場景，然后交互設(shè)計(jì)師需要補(bǔ)充相應(yīng)的交互設(shè)計(jì)說明。

案例:小紅書設(shè)計(jì)

愛美的女生一定會對小紅書這個(gè)國內(nèi)移動(dòng)跨境電商APP比較熟悉。在APP設(shè)計(jì)的過程中，首先要了解用戶的需求，深入挖掘目標(biāo)用戶的需求并進(jìn)行評估。

小紅書的目標(biāo)用戶以女性為主，職業(yè)以大城市白領(lǐng)、公務(wù)員、留學(xué)生為主。其主要需求是尋找一種安全便捷的海外購物，同時(shí)可以解決選擇難的問題。小紅書的定位是基于社區(qū)的跨境電商。

小紅書的功能設(shè)計(jì)是基于用戶的。;需求。其主要功能是搜索內(nèi)容注釋，獲取產(chǎn)品評價(jià)和性能，從而促進(jìn)用戶 小紅書上的消費(fèi)。

根據(jù)產(chǎn)品功能評價(jià)的結(jié)構(gòu)，改進(jìn)產(chǎn)品功能，設(shè)計(jì)信息架構(gòu)和流程圖。之后，設(shè)計(jì)了原型，并對交互設(shè)計(jì)方案進(jìn)行了評審。和UI設(shè)計(jì)師溝通，UI設(shè)計(jì)師根據(jù)交互原型進(jìn)行可視化設(shè)計(jì)。最后與開發(fā)和測試人員協(xié)調(diào)，達(dá)到設(shè)計(jì)效果。小紅書最后的效果如下:

理解交互設(shè)計(jì)師和。;知識體系和工作流程可以幫助初學(xué)者對交互設(shè)計(jì)有一個(gè)整體的認(rèn)識，便于對交互設(shè)計(jì)進(jìn)行系統(tǒng)深入的學(xué)習(xí)。

怎么樣美化安卓UI？

如何美化UI界面，讓iPhone看起來這么好看？

根據(jù)我多年的經(jīng)驗(yàn)，可以??！噓！把你的耳朵湊在一起

-這邊，這邊，這邊。

抓住它?。?！

新星發(fā)射器酷圖標(biāo)包，完美