建站在線原型交互展示工具推薦

Marvel?marvelapp.com

lnvision?invisionapp.com

Principle?principleformac.com

Atomic?atomic.io

Framer?framer.com

墨刀?modao.cc

工具使用感受比較：

Marvel?和?Invision?用起來(lái)感覺(jué)差不多。付費(fèi)版的 Marvel 還可以下載本地 Html 文件，電腦和手機(jī)端都可以保存本地版本預(yù)覽，免除了在線預(yù)覽國(guó)外網(wǎng)站網(wǎng)速慢的痛苦。一般公司內(nèi)部展示用免費(fèi)版即可。

Principle?主要用于實(shí)現(xiàn)交互動(dòng)效，操作比 Marvel 和 Invision 復(fù)雜些。它有本地的 App 可提供下載。很多復(fù)雜炫酷的原型交互效果都是用 Principle 做出來(lái)的。如下：

Atomic?和 Principle 差不多。而?Framer?適合懂點(diǎn)前端代碼的設(shè)計(jì)師使用。