網頁交互設計師用什麼軟體好

1、初級交互設計師需要哪些軟體？

1.基礎能力

交互設計的文檔、工具、方法、流程

至少能夠進行常見的文檔寫作和溝通，能夠順暢的和同事配合，能夠獨立完成一些細節工作。例如，至少各種界面元素、控制項得知道如何使用等等。至少要精通一種工具：Axure，Mockplus，Justinmind，Invision，UxPin等。

2.擴展能力

視覺設計、用戶研究

只會輸出線框圖，只是基礎。很多時候要想做的更好，在視覺設計、用戶研究方面也有有所涉獵。至於掌握到什麼程度，主要看自己的時間和精力，多多益善。

3.協作能力

技術&和各種角色的協作

和團隊中各種角色的協同，特別是在技術方面。自己如果能夠多了解和掌握相應的技術知識更好。注意了解技術，不一定只是寫代碼，拓寬自己的技術知識面有很多辦法。同時，和產品、運營等方面的溝通也非常重要。

4.競爭力

產品思維

不能就界面論界面，將設計局限在狹義的層面。要想做出好的設計，需要對齊（Align）到整個產品的層面，理解產品本身。順便說，未來交互設計師會越來越多的和「產品設計師」關聯在一起。

5.學習能力

知識拓展

互聯網技術不斷發展，用戶的需求也越來越高，不能局限於已學到的知識，而要不斷的學習，掌握最新的潮流和動向，設計來源於生活又應用於生活，善於觀察生活中的設計源泉，加以運用於設計中。

6.耐力

最後一點是，堅持。 有一些事情，做了立馬有效果，會得到好處。 有一些事情，要做很久，才會有效果，會厚積薄發越來越好。 兩種事情我們都要做，第一種事情總是少見或者要付出代價的，第二種事情感覺長遠來看更靠譜一些。

2、交互設計師用到的用戶體驗軟體有哪些

又送王孫去,萋萋滿別情.

3、交互設計師一般用什麼軟體啊，，請大俠解惑。。。

一般會用到Axure來畫交互原型。photoshop做高保真原型。mindmanager來做思維導圖。visio來畫流程圖。基本上就用這些軟體。更常見的是在初期進行手繪。

4、交互設計師推薦使用什麼電腦

不想在錯誤的軟體上花功夫?花五分鍾看完這篇!今天推薦的這6款交互設計工具全是經過@敖廠長UX 上手研究過的，優缺點都總結出來了，看完相信同學們就有答案了。 1. After Effects 你想在短時間內製作復雜演示效果。 請使用AE，曲線/錨點等使用MOTION V2腳本進行快速調整(在曲線界面中 滑鼠拖動選擇關鍵幀–>拖動腳本上的滑塊–>對比緩動曲線 獲得你想要的曲線效果，比其他腳本好用的在於曲線你可以進行自定義，表達式也好修改–>不會改的話學點JS咯)，你熟練AE的話能很快得到比較好的效果。AE缺點就是不可交互+精準度很難控制，當然有一個點就是，你想要什麼效果 AE都能實現。但是程序上能不能實現就難說啦。 2. PIXATE，圖層類交互原型軟體 最近被GOOGLE購買了，然後免費了(說實話GOOGLE 可以說是產品殺手，進去的產品。。。我不敢苟同樓上們的那些說法)。 優點：可交互，共享性強，有團隊討論以及回復模塊(此處有點像justinmind)【有windows版本】，對GOOGLE MATERIAL DESIGN的支持比較好，MD相關預設會越來越多哦。 缺點：圖層類軟體你們都懂得，用AE做可交互已經很煩了，更何況再加上一個交互模塊，而且沒有時間線啊。 用Pixate煩人的一點是，我是用750*1334做的，然後導進去發現，這貨是按照375*667啊，而且不能直接從sketch粘貼，能別這么麻煩么。 Form和origami都是支持粘貼的。還有 動畫預設較少。不過GOOGLE是動畫狂，他們肯定會加預設的啊哈哈。聽說以後版本會支持code export，觀望中。 3. FRAMER STUDIO. 其實我並不想推薦，不過作為寫得起前端扛得起大旗的交互大神必用咯。 優點：你想干什麼 就能幹什麼。而且分享起來特別簡單，所以有很多案例，我們可以直接把代碼拷過來用。關於這個你們可以去FRMAER的facebook群組看看就知道啦。基於coffeescript開發的你還能導入Sketch、PS文件。很方便。能夠精確控制每一個圖層的屬性。畢竟人家是強大的JS，你還想怎樣。 缺點：你是視覺，你是交互，你大學/培訓班 研究過JS么。如果不會，請略過。 如果你會JS而且你寫代碼的速度很快，那恭喜，這絕對好用。其實說白了 就是套代碼模板。 4. FORM 節點類軟體。如果用過nuke的人 ，那就很熟悉咯，被GOOGLE買了。 優點：節點類軟體，原型的可維護性強。GOOGLE的孩子，MD設計規范里的那些動畫預設它最新版本里包括了。而且還有好多MD相關的PATCH了。還出了IOS SDK，用來創建自定義PATCH什麼的，這塊學的其實是QC…准備跟開發快速融合..以後可能能夠導出MD 的android代碼呢，期待期待。 缺點：不能在電腦上預覽。腎六壞了還得跟同事借!還有就是支持從Sketch里粘貼了，結果不支持Retina，我用750 1334做的，結果發現Form是375 *667啊。我都得縮放成0.5才能繼續。嚇死朕了。還有就是不能共享啊。IOS工程師都是我們的大爺，你這樣還要給他裝FORM，會把他氣shi的! 5. ORIGAMI+QC 目前比較好用的節點類軟體，FACEBOOK的天才們出的。 優點：可導出有一定使用價值的代碼。 可維護性強。可在設備+電腦上都能預覽。現在靠譜點的就這個啦。用的人也相對多些。你可以直接從SKETCH粘帖過來。不過只有在使用POP ANIMATION 的PATCH時才可導出代碼哦。不過開發那邊真的能用這些代碼。關於和開發溝通這個下面再寫吧 。 缺點：有一些BUG不忍直視。 不能分享：有時給你的IOS工程師裝了QC也沒卵用。為什麼?因為QC絕對燒死CPU+吃內存啊。就算你把FPS調到最低，如果圖層夠多夠復雜，會把工程師電腦卡死的。XCODE都死了工程師怎麼活嘛。還有就是目前功能上缺陷比較多(比如Swipe不能選擇具體方向等，可以用自定義的PATCH進行定義，但是初級人員就用不了啊)，有時你需要各種綜合各種條件各種patch才能獲得一個簡單的效果。 關於ORIGAMI和開發的結合問題 ： 1、ORIGAMI只能夠導出POP animation PATCH相關的代碼(CLASSIC ANIMATION和BOUNCY ANIMATION都是不能的哦–聽說下個版本會有)，代碼裡面的位移(POSITION TRANSITION)信息都是絕對位置，所以適配上你和開發需要進一步討論解決方案。我的建議是 QC中的定位系統嚴格統一為TOP LEFT或CENTER等。這個對適配問題很重要，如果你的外部GROUP的定位用的CENTER，而裡面圖層用的各種各樣的其他參考坐標系，那麼你導出的位移信息基本沒卵用了。 2、如果有DELAY的話，請把DELAY放在POP ANIMATION PATCH的前面，如果不放在前面，代碼導出的主要屬性變化部分是空的(這應該是個BUG啊)。聽說下個版本會導出delay的數值。 現在是我把DELAY用文檔形式給開發，開發自己輸入。還有一些循環動畫也是不可導出的，這些也是以文檔形式給的(其實就是讓IOS哥哥坐在我旁邊，用我的另一個顯示給他看效果，一個顯示器看我的QC工程直接溝通了，並沒有用什麼卵文檔。如果你是大公司，流程化嘛肯定需要咯)。 3、你的ANCHOR POINT就算是TOP LEFT，圖層旋轉是不會繞他的左上角旋轉的。不過縮放是會縮放的。這個很坑啊。還有代碼導出並沒有導出ANCHOR POINT信息。 不過解決方案有的。但是都很麻煩。就是AE中的空白層類似的概念，留空切圖。 4、很給力的東東叫PAINTCODE. 可以直接把SKETCH粘貼的圖層轉為代碼。並且PAINTCODE的官方提供了能夠和ORIGAMI結合的PATCH，稍微研究一下(研究一兩個小時，看看PAINTCODE的那個APPLE WATCH教程)，就能夠從PAINTCODE里解決ORIGAMI的一些雞肋的問題。 6. HYPE 3 PRO. 人家是做HTML5的啦。不過，如果你不會用Framer，那可以用這個，這個還有時間線，不過我喜歡從SKECTH里直接粘貼過來，然而Hype不支持粘貼過來，直接PASS了。不過做HTML界面確實很給力啊。簡直就是神器。不過用來做原型的人還是少數咯。 有誇FORM的，有誇AE的。作為MOTION DESINGER 還是最愛AE。 但從交互設計師的角度，關於哪個更好用，哪個淘汰，關我鳥事，哪個好用時用哪個。從目前看，ORIGAMI還是不錯的。不過這些軟體更新夠慢的。全都有問題的時候，只能選自己愛用的好了。NOODLE我沒提是因為它的BUG太多，還不足以有資格跟上面這些競爭。

5、什麼是交互設計？交互設計師是做什麼的？

如果說交互設計是什麼？交互設計師又是做什麼的？我看到一篇文章特別適合回答這個問題，希望對你有幫助~

交互設計是用戶體驗(UX)設計的一個重要組成部分。在本文中，我們將解釋什麼是交互設計，一些有用的交互設計模型，並簡要描述通常交互設計師做什麼。

對交互設計通俗易懂的理解

「交互設計」通俗易懂地來講就是：它是用戶和產品之間交互的設計。大多數情況下，當人們談論交互設計時，往往是說應用程序或網站等軟體產品。交互設計的目標是做出能使用戶能以最佳方式實現其目標的產品。

如果你覺得這個定義聽起來很「寬」，那是因為這個領域確實相當廣泛：用戶和產品之間的互動往往涉及美學，動作，聲音，空間等元素。當然，每個元素都可能涉及更專業的領域，例如有關用戶交互中聲音的聲音設計。

你可能已經意識到，交互設計和用戶體驗設計有很大的重疊之處。畢竟，用戶體驗設計是塑造產品使用體驗，而大部分體驗都會涉及用戶和產品之間的一些交互。但用戶體驗設計不僅僅是交互設計：它還涉及用戶研究（首先找出用戶是誰）、創建用戶畫像（為什麼，在什麼條件下，他們會使用產品），執行用戶測試和可用性測試等。

交互設計的五個維度

交互設計的5個維度（1）是理解交互設計的有用模型。交互設計學者Gillian Crampton Smith首次提出了交互設計語言「四維「的概念，而 IDEXX 實驗室高級交互設計師 Kevin Silver 補充了第五個維度的概念。

第一維：文案

文案（尤其是交互中使用的文本，如按鈕上的文本）應該有意義且易於理解。他們應該向用戶傳達信息，但也不能用過多的信息淹沒用戶的認知。

第二維：視覺表達

它涉及到用戶與之交互的圖形元素，如圖像、字體和圖標。這些和文本信息相配合，補充性地向用戶傳達信息。

第三維：實體以及空間

用戶通過什麼實體與產品進行交互？一台筆記本電腦，是帶滑鼠還是觸摸板？還是觸屏的智能手機？用戶在什麼樣的物理空間內這樣做？例如，用戶是站在擁擠的火車上，同時在智能手機上使用應用程序，還是坐在辦公室的桌面上瀏覽網站？這些都會影響用戶和產品之間的交互。

第四維：時間

雖然這個維度聽起來有點抽象，但它主要指的是隨時間變化的媒體（動畫，視頻，聲音）。動作和聲音在向用戶的交互提供視覺和語音的反饋方面起著至關重要的作用。同樣值得關注的是用戶花費在與產品交互上的時間：用戶能不能了解他們的進度，或是否能在一段時間之後繼續他們的交互？

第五維：行為

這包括產品的機制：用戶如何在網站上執行操作？用戶如何操作產品？換句話說，它體現了前面的維度是如何定義產品交互的。它還包括「反應「 —— 例如用戶對產品的情緒反應或反饋。

交互設計師提出的重要問題

交互設計師如何使用上面的5個維度來創建有意義的交互?為了理解這一點，我們可以看看交互設計師在為用戶設計時提出的一些重要問題，以下問題由 usabability.gov 提供:

通過滑鼠、手指或手寫筆，用戶可以怎樣與界面直接交互？這有助於我們定義用戶與產品可能進行的交互。

外觀（顏色、形狀、尺寸等）是如何表達功能的？這有助於我們告知用戶可能的操作有哪些。

如果出現錯誤，產品提供的反饋是否能讓用戶糾正問題，或解釋錯誤發生的原因? 這使我們能夠預測和減少錯誤。

執行操作後，用戶會得到什麼反饋？這使我們能夠確保系統在用戶操作之後的合理時間內提供反饋。

界面里的元素尺寸大小是否能讓用戶方便地交互？這種問題能讓我們策略性地思考界面里的元素。

是否使用了熟悉或標准樣式？標准元素和格式可以簡化和增強產品的可學習性。

那麼交互設計師是做什麼的？

嗯，這要視情況而定。

例如，如果公司足夠大，並且擁有巨大的資源，它可能會為UX設計師和交互設計師提供單獨的工作。例如，在大型設計團隊中，可能有一個 UX 研究員、一個信息架構師、一個交互設計師和一個視覺設計師。但對於較小的公司和團隊來說，大多數 UX 設計工作可能由 1-2 人完成，他們可能有也可能沒有"交互設計師"的稱號。無論如何，以下是交互設計人員在其日常工作中處理的一些任務：

設計策略

這涉及到用戶的目標是什麼，以及實現這些目標所需的交互。根據公司的不同，交互設計師可能必須進行用戶研究，找出用戶的目標是什麼，然後再制定策略將其轉化為交互。

線框和原型

這同樣取決於公司的工作描述，但大多數交互設計師的任務是創建線框圖，展示產品中的交互。有時，交互設計師也可能創建可交互的原型和/或高保真原型，看起來與實際的應用程序或網站完全一樣。可交互的高保真原型現在都可以使用一些在線原型工具實現，比如國內的墨刀，國外的Axure。

例如用墨刀做出來的原型效果圖：

上文轉載由墨刀翻譯自 TEO SIANG 的What is Interaction Design?

6、交互設計師需要從什麼做起？網頁設計嗎？

首先很抱歉，我基本沒做過網頁設計，所以沒辦法把網頁設計和其他設計的區別講清楚。
然後是我對於這個問題的一些個人看法，供參考。
我的理解，各種設備或者不同平台的設計區別，在於規范。我看到過一些大網站公司的guideline，其實都一樣，無非是規定行間距，字型大小字體，標准色等等，這是大工業生產時代下總結出來的標准化流程，可以極大的提升生產效率和規范品牌。這個不需要設計師，隨便找個應屆生或者操作類都可以干。
而設計師的價值是什麼，就是感覺，設計師的感覺和用戶的感覺，還有這兩種感覺的快速契合。我在去年面試設計師時看到一個網頁作品，一個旅遊網站，因為老闆非常喜歡微軟的新設計風格，所以這個網站的視覺設計也用了Metro。好嗎？我當時問過這個設計師這樣一個問題。其實單純的說設計都沒有問題，和別人不同也是一種創新。但是你的主營業務是否第一時間被你的設計傳遞給用戶並打動了他，這就是感覺，是設計師的任務。一個用戶來到這個網站，看到了一個個單純的色塊，中間用簡單的文字和宋體字，估計用戶很難有馬上出去玩的沖動。為什麼很多旅遊網站的設計都是用青山，海景來做背景，就是為了讓看官們的心理產生劇烈的對比和苦悶，「TMD我一苦BXXX... ...我一定要去海邊...」，此類的心聲一旦產生，這生意就有可能做成了。
還有一個例子，我的產品前幾天要做一個LOGO，設計師問我該怎麼做，核心的承載體應該是什麼，我當時給了他一個建議，如果你找不到承載體，就做一個絕對漂亮的東西，讓產品經理看到後欲罷不能，非此不可。但是後面連續幾稿都不行，其實不是承載體的問題，而是感覺的問題。最後的解決方法也很簡單，我讓他在網上搜所有「貓王」和「拉斯維加斯」的圖片，很快方案通過了。其實就是用一種感覺去打動產品經理的感覺，這事就對了。
啰啰嗦嗦一大堆，希望能夠幫到你。

7、UI交互設計師是做什麼的？

就是做界面設計的，比如APP、網站網頁的設計都是UI設計師設計的。這個行業現在很火，我周圍很多小姐姐甚至願意先去學習個半年，然後再轉行去。

8、網頁設計師 UI設計師 平面設計師 交互設計師 這幾個有什麼區別？工作內容分別是什麼呢？

網頁設計師是指精通Photoshop，Coreldraw,Frontpage,Dreamweaver等多項網頁設計工具的網頁設計人員。網頁設計師可以將平面設計中的審美觀點套用到網站設計上面來（其區別是動態網頁的製作是平面設計不能達到的，它是一種審美方式的延伸）。 網頁如門面，小到個人主頁，大到大公司、大的政府部門以及國際組織等在網路上無不以網頁作為自己的門面。當點擊到網站時，首先映入眼簾的是該網頁的界面設計，如內容的介紹、按鈕的擺放、文字的組合、色彩的應用、使用的引導等等。這一切都是網頁設計的范疇，都是網頁設計師的工作。
「UI」的本義是用戶界面，是英文User和interface的縮寫。UI設計師則指從事對軟體的人機交互、操作邏輯、界面美觀的整體設計工作的人。UI表面上看是用戶與界面兩個組成部分，但實際上還包括用戶與界面之間的交互關系。具體還包括：可用性分析、GUI（Graphic User Interface即圖形用戶界面）設計、用戶測試等。好的UI設計不只是讓軟體變得有個性有品味而已，更重要的是讓軟體的操作變得舒適、簡單、易用，並且充分體現軟體的定位和特點
平面設計師是在二度空間的平面材質上，運用各種視覺元素的組合及編排來表現其設計理念及形象的方式。一般人認知的平面設計師是把文字、照片或圖案等視覺元素加以適當的影像處理及版面安排，而表現在報紙、雜志、書籍、海報、傳單、標志、VI等等紙質媒體上，也就是在紙質媒體上進行美術設計及版面編排。
交互指的是產品與它的使用者之間的互動過程，而交互設計師則是秉承以用戶為中心的設計理念，以用戶體驗度為原則，對交互過程進行研究並開展設計的工作人員。
這四者本質上是存在區別的。

9、有什麼好軟體可以讓交互設計師在手機上實現移動應用的可交互原型

Framer Studio是一款基於Coffeescript的交互設計軟體，可以快速生成逼真的可交互模型， 提供各種復雜的動畫效果手段，並且能夠運營在各個瀏覽器上（WebKit引擎即可）。最新的Mirror功能可以直接在手機瀏覽器上操作和調試原型。

通過簡單的代碼書寫，能夠即時看到效果，並且直接可以操作。
<img src="https://pic4.mg.com/_b.jpg" data-rawwidth="1440" data-rawheight="900" class="origin_image zh-lightbox-thumb" width="1440" data-original="https://pic4.mg.com/_r.jpg">
能夠直接導入 Sketch 和 PS 的內容，並且保持層級關系。