Axure


dobe After Effects、Adobe Photoshop、Adobe Flash、 Pixate、Origami、 Hype 3、Flinto、Principle、CINEMA 4D、keynote。

1、AE屬首選。

2、PS製作簡單動效比較方便。

3、Flash被ADOBE爸爸拋棄了。

4、Pixate優點是可交互,共享性強,和Sketch結合相對高;缺點是沒有時間線,層級管理不是很明確,圖層一多就會非常的繁雜。

5、Origami,使用此軟體還是有點代碼知識為好。

6、Hype3配合sketch效果很好。最近也比較火

7、Flinto界面跟Sketch很像,能夠快速實現各種滾動、轉場、點擊反饋效果。

8、Principle,優點很明顯,效率高,質感好,缺點就是不能做整套原型。

9、C4D攻可三維,受可動效。

10、keynote相當於windows的PPT,相對複雜一點的動效實現起來就有點不夠。

藍湖產品設計協作平臺,直觀展現交互邏輯,一鍵共享在線討論,輕鬆生成高保真原型。

而且藍湖是完全免費的。


低保真圖可以用Axure RP軟體,高保真圖可以sketch軟體


低保真用手在紙上瞎畫就,只要能看出大概線框和按鈕就行了,這個是用來初步討論可行性和交互邏輯的。

高保真就sketch,足以勝任。(還有Adobe XD,Figma等類似的工具,都是大同小異)。

最後如果要做mockup效果圖或者視頻之類的,再拿到PS或者AI或者AE裏做。


手繪或者墨刀/等

sketch,或者ps。


Sketch高低都做,沒毛病…

特殊情況上axure


個人經驗:

  • Axure 適合有標準化控制項的界面,比如軟體的中臺,一般在電腦上用。低保真沒問題,高保真相對比較困難。
  • Sketch 適合喜歡錶達彰顯個性的產品經理,什麼都能做,但是想做低保真的話,操作成本比 Axure 高。

舉例:

  • 如果你想在一個 button 控制項的正中間輸入文字,使用 Axure 雙擊這個 button 就可以了,而且文字是 button 的一部分,拖動 button 的時候文字可以一起走。但如果你想用 Sketch 來實現 button 正中間文字,需要創建一個矩形,再創建一個文本,把文本放到正中間,編組纔可以。
  • 不過如果你想做一個圓環進度條、或者好看一些的文本輸入框,或者一個異形氣泡,或者消除掉圖片某個位置上的文字,再補上新文案。請用 sketch 吧~


準確來說,界面設計就是最終效果圖,原型設計才相對分為低保真和高保真

低保真和高保真,都是指原型設計(Prototype)階段和最終界面的相似程度。

低保真界面原型:框線圖,包括紙上塗鴉手繪、Balsamiq Mockups、PPT等。

高保真界面原型:常用的是Axure。

然後,根據原型再來用PS或Sketch等設計界面。

當然,這是大企業比較規範的開發過程。現實中,流程都是自由多變的。

比如,一些外包網站項目可能直接從UI效果圖開始。


低保真圖可以用Axure RP軟體,高保真圖可以sketch軟體


其實用Axure都可以實現。

雖然網上列舉了很多軟體,但是任何一款軟體都有學習成本。只要你鑽研其中一款就夠了。

Axure是比較經典的軟體,也是產品經理不可或缺的軟體工具。

這款軟體的功能足夠強大,如果有必要,可以潛心研究一下。


墨刀很方便 很簡單做出可交互的demo

Axure也很強大


工作中簡單的用藍湖可以完成,複雜的可以用 Axure


推薦閱讀:
相關文章