如何零基礎學習交互設計?

本人大學生理科專業,對產品設計很感興趣,對於前端和交互都想上上手,現在自學前端css,js等,但是很少看到交互的具體學習方法,請問該如何上手,要學習哪些能力和軟體?


交互設計師必備書單

理論知識

設計原則

《About Face:交互設計精髓》

《簡約至上》

《Don"t make me think點石成金》

《設計心理學》

《認知與設計》

《交互設計沉思錄》

《Designing for the Social Web 築巢引鳳:高黏度社會化網站設計秘訣》

PS:前五本為交互設計基礎必備書籍,有心的話不防納入床頭書籍,定期反覆回顧。

用戶研究

《用戶體驗面面觀——方法、工具與實踐》

《贏在用戶》(怎麼以用戶為中心的方法論)

信息架構

《A Practical Guide to Information Architecture》

《錦繡藍圖》

《Web信息架構:設計大型網站》

流程方法

《A Project Guide to UX Design》

《精益設計》

《This Is Service Design Thinking: Basics, Tools,Cases 服務設計與交互設計很多共同的概念》

《秩序之美》柵格系統應用

《用戶體驗草圖設計》

《微交互 Microinter actions: Designing with Details》

《誘人的互動設計:創造好玩,有趣,有效的用戶體驗 Seductive Interaction Design: Creating Playful, Fun, and Effective User Experiences》

文檔(輸出物)

《Communicating Design高效溝通設計之道》

———————————————————————————————————————————

軟知識

視覺類

《寫給大家看的設計書》—— 適合初級設計師

《設計幾何學:關於比例與構成的研究 》

《超越平凡的平面設計》

《形式感》

思想類

《失控:全人類的最終命運和結局 》

《浪潮之巔(第2版)(套裝共2冊) 》

《精益創業:新創企業的成長思維 》

《基業長青(珍藏版) 》

《啟示錄:打造用戶喜愛的產品 》

《定位:有史以來對美國營銷影響最大的觀念 》

《女人的起源》

《長尾理論 》

《設計中的設計(全本) 》

《黑客與畫家:矽谷創業之父Paul Graham文集 》

《連接:如何建立習慣形成產品 Hooked: How to Build Habit-Forming Products》

《每個設計師需要了解的100件事 100 Things Every Designer Needs to Know About People》

《行為改變的設計:應用心理學和行為經濟學 Designing for Behavior Change: Applying Psychology and Behavioral Economics》

實踐能力技術類

《有說服力的技術:使用計算機來改變我們的想法和做的 Persuasive Technology: Using Computers to Change What We Think and Do》

工具類

《團隊協作工具書》

交互相關所需的axure、form等相關書籍就不一一羅列了,這些找些網路教程也是很多的。

寫在最後的話:

1.這些書籍從各方收集而來,但是如何將書中知識吸收成為自己的並加以實踐,就看自己的了。

2.如若發現本文有筆誤,請留言,另多多歡迎各方指正。

3.妥妥的備上腦圖供各位下載,請繼續下拉。

Flugel_Yan書於2015/10/27

我是腦圖,我是腦圖


我建議題主首先要讀書,網上關於交互設計的文章多是碎片化的知識,不能在你的頭腦中形成體系,所以讀書是很必要的,在理解相關理論的基礎上進行思考,才能初步形成一個關於交互設計的知識體系。我推薦下面這幾本:

《設計心理學》1-4冊

《About Face:交互設計精髓》

《破繭成蝶:用戶體驗設計師的成長之路》

《在你身邊,為你設計:騰訊的用戶體驗設計之道》

《U一點·料—阿里巴巴1688UED體驗設計踐行之路》

在讀了書,有了一定交互設計的知識體系後,可以嘗試掌握一些交互設計的軟體,請注意!原型製作能力並不是交互設計師的核心競爭力,這點一定要明白,切不可沉迷各類酷炫的交互效果,那是動效設計師的工作,而不是交互設計師,因此我推薦這幾款軟體:

Axure RP+PS/AI

Framer Studio/Hype+Sketch

然後題主可以自己嘗試著做一些自己的交互設計作品集,可以參考知乎里這個回答:

交互設計師的簡歷和作品集應該怎麼做才好? - 鄭堅義的回答

或者也可以看看答主我的作品集(純屬做著玩兒的,輕噴)

wecoo 交互設計作品集

UI.cn iOS 交互設計作品集

漫生活 交互設計作品集

最後靠著對交互設計的理解,頭腦中的知識體系,以及題主的作品集,就可以試著找幾份交互設計的實習來鍛煉和學習了,這裡給題主一個建議,現在很多公司招聘里寫的雖是交互設計師,但其實他們想要的是會點交互的UI設計師,甚至是動效設計師,而不是所謂的交互設計師,這並不是題主的問題,而是中國大部分公司對於交互設計崗位的誤讀,因此題主要是被刷了不要悲傷,這並不是題主的問題。我的建議是去大公司,因為一般只有大公司才會設有細分的交互設計崗,比如BAT。

我也只是對交互設計感興趣,還完全談不上交互設計師,嗯,希望和題主一起加油~


你看不到系統的學習方法是因為基本上並沒有系統的方法。

你說的前端和交互設計是不是實際上就是用戶體驗設計?UI設計是一個需要你不斷折衷和妥協的過程,向用戶妥協,向現有的技術妥協,向團隊規模妥協,向上線時間妥協。而在這麼多條條框框的束縛中,你卻能夠完成一個儘可能好用、友好,並且美的設計(記住,「能用、好用」永遠排在你認為的「好看」之前),這是我覺得這個職業最動人的地方。

好的設計是兩方面,實用性和美感,美感可以長期去有意識的訓練的,看好的設計、雜誌,設計海報,畫畫甚至攝影。實用性我覺得最難的是兩點:

1,把信息根據重要度以合理的方式呈現。讓用戶能夠優先看到最重要的,然後可以根據興趣有規律的追溯到次重要的信息;

2,弱化自己,和諧並儘可能完美的呈現內容。作為UI設計師,你要用你能找到的最醜陋最不合適的內容來測試你的作品。比如,把標題設計成圖片上黑色蒙版上的白色文字,深色圖片是完美搭配,淺色圖片怎麼辦?在屏幕上中文字就是沒有英文字表現的好看怎麼辦?標題設計成20個字,最後用戶輸入的是5個字,效果大打折扣怎麼辦?

所以UI設計師是帶著枷鎖在舞蹈的人,在各種不確定中儘可能的展現美。

最快的成長是實踐。

沒有實踐的練習作品是一幅畫,你是在用最好的內容填充它;實踐中你的工作,就是在用各種不好的內容摧毀你的設計,然後在廢墟中尋找新的生機,打造出無堅不摧的生命力。

到真正的項目里去,讓測試工程師隨隨便便給你找一組亂七八糟的測試內容(他們一般就是這麼做的),然後你就會發現你做的東西可以有多醜,這就是你在UI這個行業里的第一步。

不要計較薪酬,想辦法接一些項目,哪怕學校教務系統的UI設計,這都是給你練手的機會。

要不是缺錢誰願意找沒經驗的人?但是有人缺錢就是你的機會,再牛逼的設計師都有給人打下手的苦逼的最初,加油!


不少回答都很中肯,在這裡我就不多贅述。

可拆分成兩個問題:我適合幹這一行不?菜鳥如何入門?

  1. 提高修養(待人待物、溝通表達、思維能力)
  2. 專業積累(閱讀專業書籍、閱讀行業文章、多和同行交流)

  3. 項目經驗(多做項目、多研究競品、多總結)

摘自:網易美女設計主管:交互設計菜鳥如何入門?-UI中國

交互理論專題:UI文章專題-UI中國


目前最高票里都是乾貨( @flugel Yan ),但我覺得作為一個只是想入門,不知道從何學起的朋友,看到那麼一堆書估計興趣馬上少了一半。XD

所以我覺得呢,

1. 他推薦的第一階梯的五本書里先選一本來讀,你覺得看起來有趣就行,不用糾結順序。

2. Coursera這麼好的網站為啥不用起來呢?好多相關的課程呢。不想上Coursera還有ItuneU啊,不然還有Edx啊。這些平台上都有相關課程的噢。學起來比較有趣有比較系統。

入門嘛,還是需要師傅帶一帶的,等入門之後,這些乾貨可以存起來慢慢讀。

以上。


不邀自來

題主首先應搞清楚自己喜歡做什麼,前端與交互是兩種完全不同的工作,至於如何搞清楚自己喜歡什麼,我個人建議:找單位實習,真正從事後,才能知道自己喜歡什麼。

關於如何上手交互:

1、工具類:PS、AI、AXURE(必須掌握)

PPT、AE、html/CSS、js、英語(加分項)

2、能力方面:用戶體驗相關知識、邏輯思維、產品設計等知識

推薦書籍《點石成金》《破繭成蝶》 看完這兩本書你會對知識體系明朗很多

3、項目經驗:實習,只要表明你的熱情與決心,拿出你的作品,即使不是設計專業,也會有公司會接受你的。

共勉!


對於純小白,還是應該先學會對一些基礎軟體的應用吧,如ps,AE,Axure等等,可以搜索一些教程看看,但自學也可能導致缺乏系統化的訓練,有需要的話補充提問,我可以留下聯繫方式推薦一些視頻給你看看,沒有就算了。


今天特地分享一篇來自網易美女設計主管的好文,用親身經歷以及多年設計經驗為你解答這個難題

我適合干這行嗎?

「我不是學藝術類專業的,我適合做UE/UI嗎?」

「我是學藝術類專業的,我想轉行做UE/UI,需要學習什麼呢?」

「做交互設計師,必須要手繪嗎?需要學習編程嗎?」

這是我聽到的比較多的問題,我想在這裡解答一下:不管是做UE(用戶體驗設計師,目前主要是指交互或用研),還是做UI(視覺設計師),其實都沒有絕對的專業門檻。在這個行業里有很多大牛,他們的專業都是和設計完全不相關的。當然如果你本身是學設計相關專業的,在就業時會有一定的優勢。

做互聯網產品的設計師需要比較綜合的能力,如果會手繪、或者是編程,當然會有加分,但這也不是必須的。

至於適合不適合干這行,我覺得最關鍵的問題在於是否有興趣及天分。你可以問問自己下面這些問題:

  • 你是否熱衷於各種好玩新奇的產品呢?
  • 你是否平時喜歡使用各種各樣的產品並研究它是否好用呢?
  • 你是否更容易發現使用中的各種問題,並積極想辦法解決它呢?
  • 你是否充滿各種靈感和創意?
  • 你是否喜歡思考問題,清晰的羅列各種解決方案,並尋找其中的邏輯關係而樂此不疲呢?
  • 在繪製草圖的時候,你是否有一種莫名的興奮感呢?
  • 你喜歡跟人溝通和交流、展示你的想法和創意嗎?
  • 一般來說,你的想法容易得到別人的認可嗎?
  • 你會精益求精,總是要求自己超出預期嗎?
  • ……

如果這些你的回答都是「no」,那就要好好考慮考慮自己是否適合了,如果確信你對這一行很有興趣,也有一定天分,那麼你就可以開始考慮入門的問題了。

入門方法

拿我自己的經歷來說吧,當時我還在上學,無意中發現了「交互設計」這麼一個職位。由於我自己具有理工科背景,有一定的邏輯思維能力和歸納能力,愛思考解決問題,尤其是處理複雜棘手的問題;同時我又學過幾年設計課程,對設計非常感興趣。因此直覺自己非常適合這個職位。

但光適合是不行的,還得有一定的基礎知識。我還記得第一次和一群同學去一家外企面試實習UI設計師的時候,面試官問:如果讓你設計一個頁面,你怎麼考慮呢?旁邊的同學上來就說:「恩,我可能畫個花什麼的……」面試官臉色突變,打斷他道:「你應該考慮用戶的需求」。那次面試,我們幾個都失敗了,最後錄用了一個工業設計專業的學生。後來我才知道,這個專業雖然不是交互設計專業,但屬於相關專業,課程中也含有一些人機交互、界面設計的內容。

於是,為了成為一名專業的交互設計師,我給自己定了一個計劃:先閱讀大量相關書籍,積累專業知識,然後爭取找到一個實習機會,畢業後順理成章的成為一名交互設計師。

但其實實施起來困難重重:書倒是看了不少,但因為沒有相關的工作經歷,很多東西並不能真正的吃透;交互設計崗位基本上僅存在於幾個大公司之中(現在好很多,一些小公司也有這個職位了),職位機會很少;雖然學校里沒有交互設計專業,但大量的工業設計畢業生也在搶佔這個職位,競爭極其激烈。

在經歷了8個月之後,我終於得到了一家大公司的面試機會。但到了那裡我就不知所措了:加上我一共四個應聘者,其他三位都是工業設計專業,並且每個人都有半年以上的相關實習經歷。我忐忑不安起來。

面試環節中,一個女生遲到了半個多小時,令面試官頗有不滿,更讓人沒想到的是,輪到她介紹自己時,語氣咄咄逼人,不僅過於誇張的強調自己有多麼優秀,還有意無意的貶低對手。而另一個男生,雖然專業背景和實習經歷都非常符合,但卻感覺沒有太多激情和思考,表現平平。我不由得鬆了一口氣。

筆試題目很簡單:你認為你的手機有哪個地方設計的不好嗎?請提出改善建議。面試官給每個人發了兩張白紙,其他三個人馬上奮筆疾畫,開始流暢的在大白紙上畫流程圖、線框圖,我不由得感慨:有工作經驗的就是不一樣啊,相比之下我真的是個純菜鳥。

不會畫線框圖的我決定用自己的方式來回答這個問題:我認為設計一定是有理有據的,而不完全是在於表現形式。所以我先陳述了一下手機的一些基本使用情況,比如我認為大部分人都只會用到3個功能——打電話、發簡訊、鬧鐘(那是大約09年的時候)。所以要解決設計問題,應該先重點去排查這3個功能的問題。最後我選擇了「發簡訊」這個功能。我將自己置身於一個真實的使用場景,描述自己完成某一個具體的任務(當然這個任務必須得是合理的、經常發生的)時,會發生的一些情況。而目前的設計如何干擾了我完成這個任務,我覺得應該怎樣改善更合理之類的……最後洋洋洒洒的寫了兩大篇紙。看著自己歪七扭八的一手爛字,再看看旁邊三位精美的線框圖,當時真是欲哭無淚……

然而最後的結果出乎意料,我打敗了其他對手,得到了去這家公司實習的機會。可以說,這家公司的交互設計師都是大牛,10年以上經驗的人不在少數。後來我問其中一個面試官,為什麼我可以得到這個機會,她說:我們其實不是很注重表現形式,我們注重的是思維。我覺得你的思維很好。有的人可能確實有經驗,但光會畫圖,缺乏必要的思考也是不行的。

後來,在實習過程中,我很快的就學會了畫紙面原型。但我們大部分時間的工作依然是思考、分析和整理各種文檔等基礎工作,畫圖的時間並不是很多。在工作的同時我也注意到,公司里這些大牛們平時很低調、謙遜,善於站在別人的角度想問題,對同事十分熱心。考慮問題時注重本質、推理而不是表象。所以,學做交互其實就是學怎樣做人,內在的修為決定了你未來的高度。

【紙面原型示例】

所以作為一個菜鳥,在入門時不要著急,慢慢的積累自己的專業知識,不光要看書,還應該盡量多看看一些設計網站上的文章。因為書籍可能比較偏理論,而網站上的文章更偏實際一些。平時多注重培養自己的思維和理念,而不是急於畫圖;多研究一些好的產品,思考人家這麼做的原因,這些都是設計師日常必做的功課。

當然最重要的還是找一個實習或正式工作,積累項目經驗。如果去不了大公司可以去小公司,小公司去不了可以自己主動做一個虛擬項目,或是優化現有的某款產品,重要的是要表述清楚自己的思路,而不是只展示設計結果。把這些東西當做自己的作品去應聘,也會給自己帶來一些機會。做完項目後要注意及時總結,寫日記、博客、寫讀書筆記等都是很好的習慣。

讀書和實戰項目不斷的穿插進行,及時總結會讓你的水平迅速得到提升;反之,如果光讀書不思考,或光做項目不總結,你就會發現自己長期以來一直在原地踏步,沒有什麼實質提升。「學而不思則罔,思而不學則殆」,道理其實大家都明白,但做起來並不容易。學習本沒有捷徑,正確的學習方法就是最大的捷徑。

另外如果能結交一些同行是最好的,多和人交流會讓自己受益匪淺。現在也有很多免費的交流活動,比如移動互聯網創新大會、hiued、阿里技術嘉年華等。還有一些收費較高,比如UPA、交互設計體驗日活動等,但如果你是學生,可以申請去做志願者,也能結識不少業內高手。我有一個同事就是在做志願者的時候認識了他現在的領導,獲得了現在的工作。

總的來說大概就是下面這個圖:


從實踐中學習,如果有項目就做項目,如果沒有項目就自己yy項目,並在過程中去發掘需要的知識補充,最終把設計做出來,更好的是讓項目上線。


推薦閱讀:

交互設計應該學的軟體有哪些?
產品設計中,如何理解「軟體只是一個表現的工具,重要的是你的思考過程」?
有什麼好軟體可以讓交互設計師在手機上實現移動應用的可交互原型?
互聯網設計可以轉行到傳統行業設計嘛?

TAG:交互設計 | 交互設計師 |