產(chǎn)品經(jīng)理工具箱|原型及交互設(shè)計(jì)工具(APP端)

3 評(píng)論 49228 瀏覽 852 收藏 8 分鐘

世界上最實(shí)在最方便的原型設(shè)計(jì)及交互工具:

  • 手,動(dòng)作,神態(tài)及語言
  • 筆和紙

國(guó)外的谷歌,facebook等大型互聯(lián)網(wǎng)公司的交互工具就是上面最原始,最有效最直接的原型及交互設(shè)計(jì)工具,通過筆直接畫出自己心中想的,通過自己對(duì)事物的理解想出交互動(dòng)作,最后再通過交流表達(dá)出自己的所想這樣就在短時(shí)間里達(dá)到非??旖?,非??捎^的效率,這樣的會(huì)議即使做一次都是非常受益的。

但是在國(guó)內(nèi)大多都是自己想自己做,做完之后再交流再改正,單純的積累學(xué)習(xí),而不是在于分享交流,通過軟件來方便完成工作流程而已。

真心希望回歸原始,返璞歸真的方式來做產(chǎn)品設(shè)計(jì)及產(chǎn)品研究.

這次談的主要集中在電腦計(jì)算上的設(shè)計(jì),如果想談手工設(shè)計(jì)APP,WEB原型交互的下一次有時(shí)間我會(huì)收集一些資料來做較為詳細(xì)的介紹.

客戶端的前提平臺(tái)選在os x和Windows,還有web端

首先說一下原型設(shè)計(jì)

1.Axure(有破解,有漢化)

全平臺(tái)(全平臺(tái)是指:OS X和Windows端)

2

特點(diǎn):全平臺(tái)原型和交互相結(jié)合

在對(duì)交互動(dòng)畫要求不是非常強(qiáng)烈的情況下,下載Axure足夠滿足你的需求.

2.Balsamiq mockups(有漢化,有破解)

3

主要特點(diǎn)在于線框圖

這個(gè)工具最大的特點(diǎn)還原手繪,通過線框圖方式來畫原型圖

3.Justinmind (有漢化,有破解)

4

特點(diǎn)在于多了一個(gè)APP移動(dòng)端,可以通過APP移動(dòng)端來繪制原型圖。

在Windows的平臺(tái)下主流的原型設(shè)計(jì)工具是Axure

在OS X平臺(tái)另一個(gè)是omni系列的大巨頭

4.omnigraffle(有漢化,有破解)

5

特點(diǎn)在于原型設(shè)計(jì)功能多,非常專業(yè);os x端的工具中是非常專注于原型設(shè)計(jì)。

高保真的設(shè)計(jì)主要工具還是原來的一些老油條:

1.adobe的PS,AI(有漢化,有破解)

全平臺(tái)制霸,詳細(xì)就不說了,多多少少大家都認(rèn)識(shí)了。

2.sketch(有漢化,有破解)

mac獨(dú)占

這個(gè)工具在APP設(shè)計(jì)上有很專業(yè)的集中工具,是一個(gè)輕量級(jí)設(shè)計(jì)工具

6

特點(diǎn)在于輕量級(jí),簡(jiǎn)潔;非常簡(jiǎn)潔的工具。

再說下交互設(shè)計(jì)

本來從專業(yè)性上來說是不好分開的,但是工具過于專業(yè),所以我不得不分開說明

交互設(shè)計(jì)工具中主流的全平臺(tái)工具:

1.adobe AE(有破解,有漢化)

是最隨意的工具,會(huì)用的都知道

2.pixate(有漢化,購買價(jià)格你定)

我見過最良心的交互設(shè)計(jì)全平臺(tái)軟件

軟件價(jià)格隨你定,官方軟件教程價(jià)格隨你定,軟件的負(fù)責(zé)人隨便郵件騷擾,他們一定給你一個(gè)滿意的答案.

所以以上來看不用它,還真不還意思…

7

放心實(shí)用

有了漢化就用起來舒服多了…

下面說下mac獨(dú)家的

1.Quartz Composer(免費(fèi)使用,需要蘋果開發(fā)者身份)

這個(gè)軟件后臺(tái)有點(diǎn)硬…

是facebook的御用原型設(shè)計(jì)工具,xcode也把這個(gè)家伙整合了進(jìn)去,想當(dāng)初找這個(gè)軟件,把百度翻了幾遍都不知道怎么安裝….

特別提醒:Origami是手機(jī)移動(dòng)端的軟件,配合QC使用,不要誤解了

8

特點(diǎn)在于大公司都在用,你也追一追,可視化編輯非常方便

有編程背景或者基礎(chǔ)的交互設(shè)計(jì)人員這下就爽了,發(fā)揮出自己的優(yōu)勢(shì)起來了.

2.Hype3(有漢化,有破解)

無需動(dòng)代碼直接變代碼,直接簡(jiǎn)單的操作可以做到可視化.

9

特點(diǎn)在于做H5一些特定的效果收放自如

簡(jiǎn)單明了,收放自如,熟練以后就感覺很暢快…

3.最爭(zhēng)議的幾個(gè)軟件放在一起說

Flinto,principle,F(xiàn)loid

這三個(gè)軟件,你一旦用過你會(huì)覺得在功能上實(shí)際上都差不多,動(dòng)畫效果很到位.

10

Floid特定旁邊有一個(gè)可視化窗口方便方便調(diào)整

11

principle可插入素材

12

設(shè)計(jì)方式功能三者大致相同

13

Flinto也是同principle使用方式大致相同

以上工具都有破解,但是只有Flinto有官方漢化,民間沒有漢化小組漢化.

最后一個(gè)可能成為未來強(qiáng)者的adobe公司的comet

筆者收到邀請(qǐng)所以現(xiàn)在在內(nèi)測(cè)階段使用

14

其實(shí)感覺上來用有點(diǎn)像PS的設(shè)計(jì)空間,但是其功能和Flinto這類工具相似

慢慢看著成長(zhǎng)..

 

來源:簡(jiǎn)書

本文由 @bluelovemagic?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?,未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 謝謝博主的分享!
    另外如果有機(jī)會(huì)的話,希望您可以嘗試一下
    Mockplus
    摹客iDoc
    期待您的反饋!

    來自四川 回復(fù)
  2. Mockplus

    來自四川 回復(fù)
  3. 您好,方便詳細(xì)說一下project comet的使用感受嗎

    來自北京 回復(fù)