從零開始學(xué)習(xí)成為一名優(yōu)秀的交互設(shè)計師

時間：2022-05-29 12:39:01 | 來源：網(wǎng)絡(luò)營銷

時間：2022-05-29 12:39:01 來源：網(wǎng)絡(luò)營銷

交互設(shè)計可以說是一門綜合型的學(xué)科，視覺設(shè)計、人體工程、個人素養(yǎng)、媒介信息管理、整體構(gòu)架都有涉獵，從微觀來說，交互設(shè)計要有審美能力，統(tǒng)籌能力，溝通能力，部分美術(shù)能力，學(xué)習(xí)能力，觀察能力。

根據(jù)需求分析制作原型圖，也就是交互輸出物，需要綜合各方面信息，這就是統(tǒng)籌能力的重要性，與前端、視覺設(shè)計、產(chǎn)品經(jīng)理或者用戶溝通，并跟進(jìn)。

本文全是滿滿的干貨，是從眾多交互設(shè)計前輩們分享的寶貴經(jīng)驗里挑選出的最實用的方法，不僅能讓你徹底了解交互設(shè)計，還能幫有志在這個領(lǐng)域發(fā)展，卻苦于沒有老師的同學(xué)，可以參考此文從零開始學(xué)習(xí)成為一名優(yōu)秀的交互設(shè)計師。

一、什么是交互？

交互這個說法來自于國外，交互的名詞形式是interaction，形容詞是interactive，交互設(shè)計的英文則是Interaction Design（具體可查看億企邦《交互設(shè)計是什么》的相關(guān)介紹）。

問題是到底什么是交互？這里就不給大家說什么高深的解釋，在我看來”交互”其實很簡單，“你來我往”謂之“交互”；這里的“你來”指的是“輸入（input）”，“我往”是“反饋（feedback）或輸出(output)”，如果只有“你來”沒有“我往”就不能稱之為交互。

你點(diǎn)一下鼠標(biāo)，電腦屏幕馬上告訴你“你朋友的菜就被你偷了2棵”——“點(diǎn)鼠標(biāo)”是“你來”，電腦的那個提示是電腦給你回饋的“我往”，這就是最簡單的一個交互。

交互可能存在于人與人之間，也可能存在于人于物之間。

對于交互設(shè)計師來說，這個物可以是電腦，或者手機(jī)，MP3播放器……一切需要你work on的產(chǎn)品。

二、交互設(shè)計師的一天是怎么度過的？

檢查了一下交互設(shè)計師的工作日志，才發(fā)現(xiàn)交互設(shè)計師一天做的事情竟然是這么雜，概括起來的話，可以有以下幾點(diǎn)：

1、計劃整理

（1）、剛到公司第一件事就是整理一下昨天的事情，哪些完成了哪些沒完成？接下來要怎么跟進(jìn)的？

（2）、檢查郵件，制定計劃表，今天可能會來什么需求？什么會議？什么問題？提前做好準(zhǔn)備。

（3）、看看發(fā)出去的東西是否收到反饋，檢查一下項目進(jìn)度表哪些可以去對效果了，加入計劃表。

（4）、約人，包括有PM要來提需求，以及約別人確認(rèn)方案，都提前在QQ上說好，然后預(yù)定好會議室之類的。

整體來說，大概早上要花半個小時都干這些吧！

2、對需求

就是產(chǎn)品經(jīng)理來提需求，然后和他們對一遍，目標(biāo)當(dāng)然是能夠正確的理解并整理好這些需求，方便開展接下來的交互設(shè)計（具體可查看億企邦《如何將需求還原成情景變成可用性設(shè)計》的相關(guān)介紹）。

在對之前通常會大概了解一下相關(guān)方面的知識，看看競品，準(zhǔn)備好材料。

對需求的時候，必須要搞明白的三個問題：

（1）、為什么要做這個？（目標(biāo)）

（2）、這個需求針對的用戶群是什么？（用戶）

（3）、什么場景下會使用到這個功能？（場景）

當(dāng)然是和PM一起想這些問題，PM品可能有的只能回答到第一條。還有對需求的時候聚焦的核心是產(chǎn)品目標(biāo)，其他不相關(guān)的比如PM說想做個轉(zhuǎn)場動畫，想分3步完成這種話都我一般都會主動過濾掉，這個應(yīng)該自己交互自己獨(dú)立思考的，不能受PM的干擾。

3、思考交互方案

其實對需求的時候往往大腦中就已經(jīng)有相應(yīng)的方案了，但是要把方案細(xì)化，每一個步驟的走過去又會發(fā)現(xiàn)很多問題，然后一個問題又引出很多不確定的點(diǎn)。

所以，這之間還會有很多參考，溝通，反復(fù)的環(huán)節(jié)，需要畫花時間還挺多的，但最終想法清晰的落地時候只不過是畫一個線框草圖分分鐘的事情。

4、跟進(jìn)

（1）、設(shè)計方案出來之后找PM確定，征詢視覺和開發(fā)的建議，方案確定下來之后還要寫一個很好地交互文檔給領(lǐng)導(dǎo)，產(chǎn)品，設(shè)計，開發(fā)等人一個個講明白，確保他們都懂了。

（2）、上次設(shè)計的部分開發(fā)接近完成，要去和開發(fā)對一下效果，看看實現(xiàn)的如何，是否有偏差。在開發(fā)階段發(fā)現(xiàn)一些以前沒有想到的問題要酌情給出解決方案。

（3）、產(chǎn)品上線后的反饋如何？用戶反響怎么樣，喜歡還是罵？罵的都是哪些內(nèi)容？根據(jù)數(shù)據(jù)反饋，設(shè)計的流程轉(zhuǎn)化率如何，點(diǎn)擊量高嗎？問題都是出在哪里等。

其實最怕的就是看反饋，總擔(dān)心自己當(dāng)時天花亂墜給產(chǎn)品經(jīng)理們的保證實際上上線了效果完全不一樣，好打擊權(quán)威性啊！

5、參加各種會議

參加產(chǎn)品經(jīng)理們的例會，參加視覺設(shè)計師的例會，還有自己的會議，各種分享會交流會等。

其實有些人覺得無聊，但我都超認(rèn)真的，尤其是產(chǎn)品經(jīng)理的會議，可以發(fā)現(xiàn)很多產(chǎn)品們的問題，接下來的產(chǎn)品戰(zhàn)略還有產(chǎn)品目標(biāo)，方便前置的準(zhǔn)備自己的工作，而且還可以學(xué)到很多他們的溝通和思考方法，方便到時候的PK！

6、充電

（1）、看各種設(shè)計，一般是看花瓣，Dribbble – Popular，或者自己下載一些應(yīng)用把玩一下。

（2）、看各種文章，也就是網(wǎng)站到處轉(zhuǎn)載的那些CDC，MUX的文章，不過現(xiàn)在覺得看多了大部分也就那樣，很少看到一些新穎的思想或方法，所以更加關(guān)注一些跨界的設(shè)計或生活中的書。

（3）、刷知乎，微博，朋友圈，你們懂的！

7、其他時間

大部分都在想如何能讓自己做的更好一些（對此，大家不妨來看下億企邦《交互設(shè)計師該如何做好交互設(shè)計》的相關(guān)介紹）！

三、交互設(shè)計師修煉指南

看過各種分析，交互設(shè)計師需要具備什么樣的能力 ，但個人始終專注于探索如何提高專業(yè)能力，一是興趣所在；二是學(xué)習(xí)知識能得到成就感。

寫博客可以督促學(xué)習(xí)，動機(jī)非常單純，沒有關(guān)注過什么個人品牌和增加名氣，博客也不能成為評價設(shè)計師的標(biāo)準(zhǔn)，作品才是評價設(shè)計師的唯一標(biāo)準(zhǔn)，學(xué)習(xí)和提高個人工作能力都是以做出優(yōu)秀作品為目標(biāo)。

設(shè)計師各個階段需要學(xué)習(xí)不同難度的知識和做不同的事情，正如我將學(xué)習(xí)資料劃為三個梯度，希望設(shè)計師能由淺到深的學(xué)習(xí)，一開始沒有項目經(jīng)驗，缺乏基礎(chǔ)知識，不宜硬啃高難度的資料。

1、基礎(chǔ)篇

適合剛?cè)胄胁㈤_始接觸項目的設(shè)計師學(xué)習(xí)：

（1）、設(shè)計的美學(xué)知識。

（2）、交互設(shè)計的基本原則，如一致性、減少輸入和減少操作步驟等等，這些原則容易理解，通過學(xué)習(xí)案例和閱讀通俗易懂的書籍迅速地掌握，此階段適合泛讀《交互設(shè)計精髓》等書籍，不宜精讀，沒有項目經(jīng)驗的話，讀完之后不知所云。

（3）、平臺特性及其設(shè)計規(guī)范，通過閱讀平臺的設(shè)計規(guī)范對設(shè)計思維的形成非常有幫助，特別是Microsoft和Apple的文檔。

（4）、做交互設(shè)計方案的方法，如繪制流程圖、原型圖和撰寫交互設(shè)計規(guī)范文檔，難度不大，只是需要多次的練習(xí)，但這種文檔很少會對外分享，學(xué)生很難學(xué)習(xí)到這部分內(nèi)容，這會影響到他們表達(dá)自己的設(shè)計想法。

2、進(jìn)階篇

適合有3個月以上項目經(jīng)驗的設(shè)計師學(xué)習(xí)：

（1）、特定控件設(shè)計，如標(biāo)簽欄、標(biāo)簽欄、列表界面和彈窗口等，匯總已有設(shè)計的優(yōu)缺點(diǎn)和設(shè)計規(guī)律。

（2）、特定界面設(shè)計，界面中如何呈現(xiàn)特定的信息，如應(yīng)用程序首頁、個人資料或者數(shù)據(jù)流界面。

（3）、獨(dú)立常用功能設(shè)計，如注冊登錄、刷新和功能引導(dǎo)，需要了解功能背后的技術(shù)知識和產(chǎn)品策略，需要繪制流程圖，組織線性的操作流，你需要調(diào)研已有產(chǎn)品，并試圖區(qū)分它們的優(yōu)缺點(diǎn)，與技術(shù)人員溝通是學(xué)習(xí)技術(shù)的有效途徑，你可以有意為難產(chǎn)品經(jīng)理，讓他們講解各種產(chǎn)品策略，掌握更多的信息對于做出正確的設(shè)計決策和擴(kuò)展眼界非常有幫助。

3、中階篇

適合具有一個以上完整項目經(jīng)驗的設(shè)計師學(xué)習(xí)：

（1）、多項功能設(shè)計，一個界面融合單獨(dú)的功能，需要應(yīng)用到設(shè)計方法和架構(gòu)的思路。設(shè)計方法是挖掘用戶需求和推動設(shè)計優(yōu)先級的情景故事法、卡片分類、人 物角色、訪談和問卷等。

這些方法的學(xué)習(xí)不是必須的，你可能工作兩年從來沒有使用過它們，但也設(shè)計出了不錯的產(chǎn)品。這些方法可以作為了解性知識，當(dāng)有需要時再深入學(xué)習(xí)，方法只能幫助設(shè)計師發(fā)現(xiàn)問題和避免問題，但不能對結(jié)果起到?jīng)Q定性作用。

（2）、方法和已有的設(shè)計風(fēng)格研究，以總結(jié)為主，最好能應(yīng)用到自己的設(shè)計當(dāng)中去，千言萬語不如動手實踐。

（3）、競品和優(yōu)秀產(chǎn)品分析。這件事情看起來很普通，如果沒有相關(guān)的設(shè)計知識和分析能力，只能生搬硬套大概念，無法綜合多種因素分析，壓根找不到切入點(diǎn)。

（4）、最新的系統(tǒng)和產(chǎn)品分析。之前的學(xué)習(xí)都知識的深向發(fā)展，但是這一條需要設(shè)計師具備較為廣闊的知識面，不僅僅限于自己參與過的產(chǎn)品。如果每兩周專注研究一個方向，你將比八成的人更熟悉。

通過不定期下載多種同類應(yīng)用程序，查閱資料，已經(jīng)研究過輸入法、LBS、個性推薦、語音輸入和閱讀類等產(chǎn)品，雖然從來沒有參與過這些項目，但從中可以加深對設(shè)計的理解，做好知識積累。

（5）、掌控技術(shù)。設(shè)計師需要對技術(shù)有掌控能力，就像工業(yè)設(shè)計師掌握各種材料的特性才能游刃有余，這也是嘗試彌補(bǔ)自身不足。web端交互設(shè)計師要求會寫html和css，一是便于設(shè)計，二是鍛煉邏輯思維能力，而手機(jī)交互設(shè)計師對技術(shù)普遍缺乏了解。早期交互設(shè)計師是從程序員中分離出來的職位，用來彌補(bǔ)程序設(shè)計的不足，所以我更喜歡聽技術(shù)講座。

純粹的技術(shù)路線比較難，如果你對社交、搜索和電子商務(wù)等領(lǐng)域有深入的理解，這可以增加個人在職場的不可替代性（具體可查看億企邦《專業(yè)的交互設(shè)計師要學(xué)些什么》的相關(guān)介紹）。

4、高階篇

個人還在探索，還是以能做出好產(chǎn)品為目標(biāo)，主要方向是：

（1）、產(chǎn)品架構(gòu)，web端已有架構(gòu)的理念，手機(jī)端也會面臨這個問題。

（2）、設(shè)計趨勢研究，比如操作方式，做預(yù)測是最難的。

（3）、產(chǎn)品發(fā)展趨勢，如未來LBS產(chǎn)品在手機(jī)端如何設(shè)計？如何為用戶的生活帶來便利？這需要設(shè)計師具備預(yù)見能力和判斷力。

5、注意事項

學(xué)習(xí)中需要注意以下幾點(diǎn)：

（1）、學(xué)習(xí)宜由淺入深，知識需深入淺出，早期可以挑一 些簡單的產(chǎn)品研究，如閱讀類產(chǎn)品，先形成適合自己的學(xué)習(xí)方法，題目不宜太難，比如有位學(xué)弟想研究手機(jī)支付，資料很少，無從下手，會打擊到自信心。

（2）、工作太忙，也要抽空學(xué)習(xí)，這影響到長期發(fā)展。挑選工作時，盡量加入學(xué)習(xí)型團(tuán)隊，每家公司都會對你許諾發(fā)展空間，甚至是期權(quán)，你完全可以忽略。

（3）、給自己找個好老師，如果你的運(yùn)氣足夠好的話。

（4）、少扯淡，這種忽悠外行人的伎倆對你沒有好處，純粹是浪費(fèi)時間。

（5）、理論不是必須的，不要看到別人寫博客有心理壓力，貌似自己不這么做無法體現(xiàn)自己的專業(yè)能力，如果你能動手設(shè)計出優(yōu)秀的產(chǎn)品，理論完全可以忽略，實踐甚于理論。

（6）、不要迷信相信理論和從這博客中看到的，保持獨(dú)立思考，設(shè)計團(tuán)隊中最可貴的人才是經(jīng)常提出自己不同見解的，合理地質(zhì)疑設(shè)計方案。

（7）、不要瞎編造和固執(zhí)，當(dāng)你試圖以某種理論設(shè)計產(chǎn)品或者說服他人時，確保自己能舉三個以上的案例。

四、大學(xué)生新手篇

基本上每個人都有自己成長的不同路徑，不同方法，找到屬于自己的那條路是最重要的。

專業(yè)上的提升，其實我覺得不是問題，只寫寫我覺得對于“非設(shè)計專業(yè)”的同學(xué)進(jìn)入“設(shè)計”領(lǐng)域可能比較重要的幾點(diǎn)。

1、理解什么是設(shè)計？

非常多的人入行后會關(guān)注“交互設(shè)計”前面的“交互”，卻容易忽略后面的“設(shè)計”。

但只有理解什么是“設(shè)計”，才能更好地理解什么是“交互設(shè)計”。

2、學(xué)習(xí)關(guān)注人，而非僅僅是產(chǎn)品

我在工作了很久之后才反思到這點(diǎn)（就是因為對設(shè)計的理解不深）。

設(shè)計原本就是為人服務(wù)的，而交互設(shè)計尤其強(qiáng)調(diào)“交互”的過程，要學(xué)習(xí)不只關(guān)注產(chǎn)品，還要關(guān)注人。

不要只盯著產(chǎn)品，留意觀察周圍到人是怎么使用產(chǎn)品，他們的行為是怎樣的？

學(xué)習(xí)心理學(xué)，反思自己的體驗，了解體驗是如何發(fā)生的？

你可以不懂用戶研究的所有事情和知識，但一定要有所了解，至少不要誤用他們的報告。

3、提升自己的品位，對美的感受力

品位有多重要？不要忽略設(shè)計專業(yè)出身的人的優(yōu)勢：對美的鑒別和感受能力，這會影響一個人的品位。

許多非設(shè)計專業(yè)的人因為接觸相對較少，也沒有經(jīng)過系統(tǒng)的訓(xùn)練，在感受力和鑒別力方面會顯得比較弱，表現(xiàn)在設(shè)計中就是缺乏美感。

大量的去看、去接觸、去感受那些美好的東西，不只產(chǎn)品，所有藝術(shù)相關(guān)的事物都應(yīng)該接觸。

看展覽是非常好的事情，能和一個設(shè)計專業(yè)的朋友一起去就更好了。

有興趣的話，可以學(xué)習(xí)攝影。

有人可能不理解“交互設(shè)計師”為什么也需要？我想說，只要是設(shè)計師，就必須擁有好的品位。

4、多讀書，完整地讀書

很多人覺得讀書沒有用，非常理論，無法實際運(yùn)用……對于新人來說的確是這樣的。

但是，非科班出身的人面對的一個非常大的挑戰(zhàn)，就是缺乏完整的知識和思維體系。

所以，讀書不僅僅是為了關(guān)注具體的理論或內(nèi)容，更重要是去感受和了解作者的體系是怎么樣的。

多讀書，了解不同的設(shè)計思維體系，建立自己的思維體系，類似《Don’t Make Me Think》，你也會發(fā)現(xiàn)它是按照Web開發(fā)過程來寫的：認(rèn)知心理-設(shè)計原則-內(nèi)容-導(dǎo)航-細(xì)節(jié)-用戶測試-開發(fā)。

作為設(shè)計師，其實是應(yīng)該讀更多不同專業(yè)的書的。

5、盡可能地擴(kuò)展知識面

尤其是在互聯(lián)網(wǎng)產(chǎn)品設(shè)計流程中，現(xiàn)在的交互設(shè)計師扮演了一個承上啟下的關(guān)鍵角色。

了解和你工作流程相關(guān)的所有事情，無論多遠(yuǎn)；了解你的同事們是怎么工作的，不只是事情本身，還有人；接觸在不同設(shè)計領(lǐng)域工作的人。

五、職場篇

有很多同學(xué)問我，學(xué)校沒有用戶體驗設(shè)計相關(guān)的課程，怎么才能把自己培養(yǎng)成一名合格的用戶體驗設(shè)計師，咱們不妨從了解和分析企業(yè)的要求入手，這里以創(chuàng)新工場為例：

1、職業(yè)發(fā)展

如何從新人蛻變?yōu)榇笈?？在此，我也聊聊自己的看法?br>
（1）、交互設(shè)計師的特質(zhì)

交互設(shè)計師要具有如下特質(zhì)：

邏輯思維能力強(qiáng)

數(shù)據(jù)分析能力好

有同理心

有激情

有審美眼光

有創(chuàng)新意識

有良好的溝通能力

有敏捷的執(zhí)行能力

膽大心細(xì)

有大局觀

善于觀察

仔細(xì)傾聽

在欠缺的方面，需要去彌補(bǔ)，比如我就要彌補(bǔ)數(shù)據(jù)分析能力、溝通能力、觀察和傾聽能力。

（2）、要有自己信仰的設(shè)計原則，最好自己去總結(jié)

比如我的原則就是縮減、隱藏、附加、組織，每次拿這個原則去套用，檢查我的手機(jī)產(chǎn)品設(shè)計是否足夠的簡單可依賴。

（3）、掌握很好的流程和方法

有自己擅長的設(shè)計工具和設(shè)計方法，遇到問題可以先明確需求，了解角色、場景、任務(wù)，再細(xì)分去做流程，交付的東西足夠?qū)I(yè)，有說服力，有很強(qiáng)的表意能力和演示性（具體可查看億企邦《交互設(shè)計師必須知道的五大交互設(shè)計流程》的相關(guān)介紹）。

（4）、要用項目來證明自己

一切都是空談，唯有拿得出手的產(chǎn)品，才是你的能力證明。所以，在你有選擇權(quán)的時候，要去選擇合適的產(chǎn)品，可以為足夠多的人，提供有意義的服務(wù)，可以體現(xiàn)自己設(shè)計價值的產(chǎn)品，不要為了賺錢，做一些亂七八糟的事情。

要懂得，自己的職業(yè)生涯需要有意義，怎么去譜寫，把握在你自己手里。

（5）、要有積極總結(jié)和分享的精神

交互真的是一個要活到老學(xué)到了的職位了，你要持續(xù)關(guān)注最新產(chǎn)品，最新交互設(shè)計方法，保持自己的精力充沛和創(chuàng)業(yè)無窮是很難的，在每個階段性的時間里，都要沉淀自己的案例，積累自己的理論，樂于總結(jié)和分享，這對你自己來說是個莫大的促進(jìn)作用，對比人來說也是好事情。

（6）、要有自己的品牌意識

這個我沒什么發(fā)言權(quán)，但是我覺得這個最重要，包含了你的工作方式，設(shè)計理念，為人處世等等，最高境界，也就不過如此，你的作品，可以被稱之為XX出品。

2、職場溝通

與產(chǎn)品經(jīng)理意見不一致怎么辦？作為交互設(shè)計師，億企邦給你幾條建議：

（1）、不要認(rèn)為意見不一是壞事，交互設(shè)計師從設(shè)計體驗的角度為你的產(chǎn)品把脈，你從產(chǎn)品未來規(guī)劃的角度為產(chǎn)品建模，有意見才能檢驗彼此的觀點(diǎn)是否正確。

（2）、如果按你所說，交互對產(chǎn)品沒有做分析，產(chǎn)品形態(tài)和通用規(guī)則他不了解，那他在公司就是混飯吃的，你可以不搭理他，找別的設(shè)計師合作，實在繞不過認(rèn)命吧。

（3）、如果按你所說，交互不了解產(chǎn)品未來規(guī)劃，那就是你的不對，前期調(diào)研和產(chǎn)品規(guī)劃你不給他分享，不讓他參與，設(shè)計師只能憑經(jīng)驗和感官設(shè)計，這是不符合“以用戶為中心的設(shè)計”，交互設(shè)計必須盡早介入項目才對項目發(fā)展有推動作用。

（4）、對于A/B方案，最好的方式就是測試，讓用戶測。

（5）、交互設(shè)計是一門有嚴(yán)謹(jǐn)方法論的科學(xué)，希望你能多和設(shè)計師溝通，沒有設(shè)計師的支持，你的產(chǎn)品即使功能框架沒有偏差，糟糕的體驗也會害了你。繞過交互設(shè)計這個環(huán)節(jié)，未來再去重視體驗，是補(bǔ)不回來的。

交互設(shè)計行業(yè)起步晚，流程正在逐步完善，不要低估這個行業(yè)的價值。

六、工具類

隨著移動互聯(lián)網(wǎng)的快速發(fā)展，很多針對移動端開發(fā)的工具層出不窮，這些工具的小、快、針對性強(qiáng)的特點(diǎn)在一定程度上對產(chǎn)統(tǒng)設(shè)計工具造成一定的沖擊。

1、Mockup Builder

殺手級的原型工具，MockupBuilder最近才發(fā)布，很值得期待。他有非常多的功能：UI模型，交互的線框圖，頁面布局，客戶端原型甚至站點(diǎn)地圖和屏幕導(dǎo)航。

2、Tiggr

協(xié)作制作原型圖，Tiggr的思想是給你需要做成最終稿的所有資源。你可以設(shè)計很多的元素，然后分享，其他的協(xié)作用戶會幫你制作相應(yīng)HTML/CSS代碼，以達(dá)到最快生成。

3、Frame Box

輕量級原型在線制作，F(xiàn)rameBox并沒有多么特別的特色，你可以拖放、設(shè)置大小、復(fù)制粘貼這些UI組件，但是他的特色在于你可以非常輕松的通過它的拖拽很容易就完成你的原型制作。

4、SimpleDiagrams

免費(fèi)版(Adobe Air App) simplediagrams是一個非常小巧的Adobe Air程序，通過他你可以非常輕松的實現(xiàn)自己的想法，拖拽組件，添加圖片或者便簽，導(dǎo)出PNG圖都是他的特色，通過添加一些小功能就能實現(xiàn)一個非常不錯的原型圖。

5、iPhone Mockup

iPhone原型制作，在iPhone Mockup里面你可以使用鉛筆模式，也可以使用圖表模式的編輯器。不管你選擇什么，功能都是一樣的，都可以很簡單很方便的生成iPhone上的應(yīng)用原型，你也可以分享給別人，就算你更改了設(shè)計，別人通過那個鏈接也一樣可以看到。

6、FluidIA

fluidIA是一個在線的但是可以下載的富用戶界面原型設(shè)計工具。它基于面向?qū)ο蟮睦砟?，可以讓你快速完善，它設(shè)計的基本思想是團(tuán)隊中的任何成員，無論是設(shè)計師還是工程師都可以自由的設(shè)計自己的原型，最近fluidIA的更新稍微慢了點(diǎn)，但是它仍是一個非常優(yōu)秀的線框圖工具。.

7、Pencil Project

FireFox插件 Pencil Project是一個原型界面設(shè)計的Firefox插件，通過它內(nèi)置的模板，你可以創(chuàng)建可鏈接的文檔，并輸出成為HTML文件、PNG、 OpenOffice文檔、Word文檔、PDF。還有什么可說的呢？這么優(yōu)秀的插件，是每個設(shè)計師和開發(fā)人員必備啊。

CogToolWin MAC下應(yīng)用程序CogTool是一個強(qiáng)大原型生成工具，他與別的工具還有一些不同，他可以對你的設(shè)計自動根據(jù)人類認(rèn)知模型進(jìn)行評估，你可以通過一些圖標(biāo)啊按鈕啊圖片，生成一個描述，然后點(diǎn)擊評估的按鈕，他就會對你的設(shè)計進(jìn)行人類認(rèn)知模型的評估，他會告訴你一般人需要多久才能理解你的意圖。

8、Prototype Composer

Prototype Composer可以讓你在真正的代碼編寫之前就看到網(wǎng)站是如何運(yùn)行的。以前的那些無數(shù)的文字入口，復(fù)雜的數(shù)據(jù)結(jié)構(gòu)以及技術(shù)含量不低的UML圖，這個工具可以讓你很方便的協(xié)作完成一個看起來能運(yùn)行的程序。

9、DUB – DENIM

DENIM（跨平臺應(yīng)用程序）是一個跨平臺的桌面程序，他自己的介紹是為早期網(wǎng)站設(shè)計提供幫助的非正式工具。

它有很多理念來自于紙筆設(shè)計原型，你可以快速的畫出草圖，保證重要的功能優(yōu)先，但是跟紙筆的草圖不同的是，他還可以有交互和動畫。

億企邦點(diǎn)評：

最后，我想說的是，學(xué)習(xí)一個技能很容易，但我們想完全掌握一個東西，要下很大的功夫，沒有捷徑可走，那些想要走捷徑的人，往往到最后會發(fā)現(xiàn)，繞了一大圈，卻什么也沒得到，只有那些腳踏實地一步步前行的人，才有機(jī)會走到自己想要到達(dá)的地方。