• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 設計教學 】14款交互設計師常用的實用工具推薦




    14款交互設計師常用的實用工具推薦

    這一次的教學是屬於攝影作品領域中的其他資訊的相關教學。

    文章出處是來自優設的攝影作品類文章,寫教學的作者是阿里37.2度,感謝阿里37.2度提供其他資訊的實作教學。

    教學大綱:

    正所謂工欲善其事,必先利其器。想要成為一個優秀的設計師,工具的使用也是至關重要的一個因素。那麼今天筆者就為大家帶來交互設計師需要用到的工具清單。


    其他資訊教學開始

    正所謂工欲善其事,必先利其器。想要成為一個優秀的設計師,工具的使用也是至關重要的一個因素。那麼今天筆者就為大家帶來交互設計師需要用到的工具清單。

    1. 腦圖工具

    腦圖是一個很好用的工具,筆者和筆者身邊的小夥伴們平時在梳理想法的時候都是會使用到的軟件。在這裡給大家介紹兩款軟件。

    14款交互設計師常用的實用工具推薦

    1.1 Xmind

    Xmind 的優點就是大、全。主流平台都支持,所以不用擔心和其他用戶共享文件的問題,同時支持各式各類的圖形模式。可以說 Xmind 不僅僅能畫腦圖,各種商業用圖都能夠畫。最重要的是,免費,使用學習成本上還算過得去。入門首選。

    14款交互設計師常用的實用工具推薦

    1.2 Mindnode

    筆者毫不猶豫的說,Mindnode 可謂之腦圖裡面的最佳顏值。用過的人都說好,而且產品的設計對用戶相當友好,安裝完之後便可使用。顏值高,學習成本低,為何不試一試呢?

    14款交互設計師常用的實用工具推薦

    2. 線框圖工具

    線框圖是交互設計中最重要的一個產物,是產品的骨架。好比是一個建築的建築結構圖,一個優秀的產品被搭建起來,那麼線框圖尤其重要。下面為大家推薦一些常用的線框圖繪製軟件。

    2.1 OmniGraffle

    Omnigraffle 是 Omni 家族的拳頭產品之一,也因為 Omni 的前綴,這款繪圖工具不僅僅線框圖軟件,軟件流程圖,甚至於高保真視覺稿都能夠應付的過來。同時,擁有大量的 Stencils,可以更加高效的繪製圖形。易用性極高,擴展性強,不過僅支持 Mac 平台。

    14款交互設計師常用的實用工具推薦

    2.2 Adobe Illustrator

    Illustrator 也是一款老牌軟件了。每一款 Adobe 的軟件都有不同的用法,Illutrator 也一樣。在盤古開天闢地之時,Illustrator 就是一款矢量圖繪製軟件,常用來製作印刷品,然後誕生了插畫行業。當然,作為一款優秀的矢量圖繪製軟件,線框圖也被納入了它的目標領域。筆者在剛入行的幾年一直使用該軟件進行設計。

    14款交互設計師常用的實用工具推薦

    2.3 Sketch

    Sketch 就不多做介紹了,簡單易用,上手難度低。也是近幾年最流行的 UI 設計軟件,誰用誰知道,一用忘不了。線框圖和視覺稿樣樣精通,同時還可以配合移動端的 App 提前預覽設計稿。強烈推薦使用。

    14款交互設計師常用的實用工具推薦

    2.4 Axure

    在 Sketch 出來之前,Axure 可能是最流行最廣泛的線框圖設計軟件了。更重要的是,Axure 還提供了交互原型設計功能。如果您需要一個快速出設計稿,並且提供交互方式進行效果驗證的工具,那麼您應該使用該軟件,因為它可以幫你贏得更多的時間,高效,快速。

    14款交互設計師常用的實用工具推薦

    2.5 Microsoft Visio

    前方高能!!!

    14款交互設計師常用的實用工具推薦

    3. 動效原型工具

    原型可以加速產品整個流程,很多情況下,不必等到進入實際開發,就可以提前驗證,避免造成資源浪費。

    3.1 Adobe Experience Design

    Experience Design 是 Adobe 為了對抗 Sketch 專門推出的 UI 設計軟件。僅從使用角度上來講,針對 UI 設計的確做了很多優化,並且最重要的一點就是可以直接設計交互動效。為什麼做動效,當然是為了提升用戶體驗,增加用戶的愉悅性和趣味性。支持 Windows 和 Mac 平台,好軟件一枚。

    14款交互設計師常用的實用工具推薦

    3.2 Principle / Flinto

    Principle 和 Flinto 在筆者看來是極其相似的兩個工具,重要的一點是可以直接支持 Sketch 文件進行原型設計,並且二者簡化了原型製作的流程。提供基礎的動畫效果,並支持自由組合,主打移動端。易用,高效的原型工具。

    14款交互設計師常用的實用工具推薦

    14款交互設計師常用的實用工具推薦

    3.3 Invision Craft

    作為 Sketch 的插件,Craft 一出現就得到很多設計人員的青睞,免費,輕量。只不過在動效預覽的時候可能不太理想,但是絲毫不影響 Craft 的優秀。

    14款交互設計師常用的實用工具推薦

    3.4 Framer

    Framer 功能強大,可以說沒有 Framer 實現不了的交互動效。但是唯一的缺陷,不是所有的設計師都會寫代碼。如果你想啃下這款軟件,那麼你得下狠心了。但是現在流行跨界結合,相信也會培養出不少跨界設計師。

    14款交互設計師常用的實用工具推薦

    3.5 Form

    對於 Form 沒有什麼多少介紹,一出現就被谷歌收購,並且穩定發展着。筆者使用過一段時間,類似於 Workflow 的方式,學習成本還是有一些的。但是潛力很大,值得一用。

    14款交互設計師常用的實用工具推薦

    3.6 Axure

    Axure 在之前已經提過了,除了視覺設計稿,幾乎都完成,強大的工具。

    3.7 Keynote / Powerpoint

    如果說你想快速驗證一下交互動效,Keynote 將是你的不二之選,就跟做 PPT 一樣,動效就做好了。除了無法與用戶實際發生交互之外,擬真度也不錯。

    P.S. 有一句話說到,任何招式都會有漏洞,所謂無招勝有招。是時候祭出大殺器了,那就是——紙和筆。只要你有想法,找一根筆和一張紙,畫出來吧!一切軟件都是花拳繡腿。

    歡迎關注阿里37.2度的微信公眾號:

    14款交互設計師常用的實用工具推薦

    — —

    文章永久連結為: 14款交互設計師常用的實用工具推薦