25學(xué)堂的小編在知乎上看到了國外的UI/UX設(shè)計師【東尼繆】，跟我們大家分享了他們使用的移動APP設(shè)計工具。

UI/UX設(shè)計師東尼繆是一名喜愛簡約以及直觀易用設(shè)計的APP設(shè)計作品。

下面就是他自用的移動APP設(shè)計工具：

一. 移動APP原型制作工具

TapCase?— ?POP — ?INVISION ? 優(yōu)先級左至右?

這3款移動APP原型制作工具是免費(fèi)的APP。值得大家下載使用。

（1）、TapCase

TapCase 是一款幫助軟件開發(fā)者快速創(chuàng)建應(yīng)用程序 Demo 的工具。開發(fā)者首先將預(yù)先手繪或 PS 的 iPhone 概念程序截圖導(dǎo)入 TapCase，然后通過依次添加按鈕與目標(biāo)頁的關(guān)聯(lián)、過場動畫為程序 Demo 制作互動元素。就像制作一個展示自己想法的幻燈片一樣，開發(fā)者能夠輕松設(shè)計出自己的程序“原型”。之后等學(xué)成正果，或者找到靠譜的人幫忙做軟件時，就可以觀看這個“Demo” 來開工啦！

tapcase官網(wǎng)：http://www.tapcaseapp.com/

（2）、之前很火的POP的

移動APP原型設(shè)計神器 POP（Prototyping on Paper）

但是作者個人覺得TAPCASE的體驗和UI更勝一籌。

INVISION是新起之秀，WEB端的設(shè)計項目管理功能極強(qiáng)，COMMENT，REVIEW，同步都超便捷。還能通過WEB方式在MOBILE上實現(xiàn)APP原型，非常適合團(tuán)隊協(xié)作開發(fā)。

APP原型設(shè)計精品視頻教程—inVision原創(chuàng)出品和最美的iOS APP設(shè)計工具和APP模板推薦—Tethr

二. UI/UX設(shè)計師獲取鑒賞與靈感的APP

?Behance — Freeshot — Pinterest （國內(nèi)的花瓣網(wǎng)）— 站酷網(wǎng) ? ?

（1）、Behance是adobe官方的，分享了很多在設(shè)計圈內(nèi)很實用很棒的作品。

Behance 是居于行業(yè)領(lǐng)先地位的聯(lián)機(jī)平臺，可展示和發(fā)現(xiàn)具有創(chuàng)意作品，并且隸屬于 Adobe 系列。Behance 的管理者團(tuán)隊每天都展示頂級作品集中的新作品，涉及領(lǐng)域包括設(shè)計、時尚、插圖、工業(yè)設(shè)計、建筑、攝影、美術(shù)、廣告、印刷、動畫、聲音設(shè)計，等等。知名創(chuàng)意公司在 Behance 上尋找人才，而數(shù)百萬訪問者將使用 Behance 來跟蹤最新最優(yōu)秀的創(chuàng)意人才。

Behance官方APP下載：https://itunes.apple.com/cn/app/behance/id489667151?mt=8

（2）追波網(wǎng)（Dribbble）

在Dribbble的大量免費(fèi)客戶端中，F(xiàn)reeshot算是追波網(wǎng)的APP。

酷站地址：https://itunes.apple.com/us/app/freeshot-dribbble-client/id713708907

http://freeshotapp.com/

其他資源站點：fribbble是一個免費(fèi)高速下載dribbblerPSD資源站

國外追波網(wǎng)的8張APP界面設(shè)計欣賞【粉色系】

如果想從更原始東西開始獨(dú)立構(gòu)思，Pinterest和國內(nèi)的花瓣網(wǎng)有時是個更好的選擇。

3. 設(shè)計屏幕同步，即同步預(yù)覽效果圖

?LiveView - Skala - Sketch Mirror

?（1）、LiveView官網(wǎng)下載地址：http://www.zambetti.com/

（2）、Skala Preview是一個iOS應(yīng)用預(yù)覽應(yīng)用，由位于Bjango的團(tuán)隊所開發(fā)，對許多iOS應(yīng)用開發(fā)者都非常有幫助。

如果你是用的是PhotoShop CS5 12.0.4或更新版本，Skala Preview能在你編輯的時候?qū)崟r預(yù)覽作品，無需保存，能最快的在iOS設(shè)備上查看作品?？梢宰屇銣y試你應(yīng)用或網(wǎng)站的觸摸尺寸，文本尺寸，顏色，對比度等，在你在設(shè)計過程中更方便的修改作品，以便達(dá)到設(shè)計的最佳效果。

可以用多種方式以不同的大小查看圖片，用一個手指雙擊就可查看100%大小的圖片，兩個手指雙擊則能放大到200%?？傮w來說，這是個很不錯的應(yīng)用，設(shè)計iOS應(yīng)用的人不妨試一下，不足之處就是你必須手動將看圖片拖到應(yīng)用里。

前兩個是給PS用的。因為現(xiàn)在很多移動APP設(shè)計師開始用Sketch3做UI設(shè)計了，所以Ketch3 + Sketch Mirror變成必須品了。Sketch Mirror也是Sketch3的配色工具。

Sketch Mirror APP下載地址：https://itunes.apple.com/us/app/sketch-mirror/id677296955?mt=8

1、快速在移動終端上預(yù)覽APP界面設(shè)計效果圖的方法

2、如何在iPhone和iPad的等終端預(yù)覽你的設(shè)計圖

四、 取色工具：Kuler--Adobe官方御用配色插件

雖然自己用得不多，但Kuler通過照片自動取色而且能同步到AI和PS還是很有意思的。

Kuler?是 Adobe 利用網(wǎng)友提供的配色方案做出的一個 AIR 工具,用于匯總配色方案。

1、草根視覺設(shè)計成長之路【設(shè)計學(xué)堂：色彩搭配】

2、設(shè)計學(xué)堂：關(guān)于APP配色的一些常用色彩搭配技巧

3、APP色彩搭配基礎(chǔ)知識：色彩的術(shù)語、屬性和色輪

五、移動APP作品集欣賞APP

?Creative Portfolio是Behance的官方 Portfolio APP，能夠把你Behance上發(fā)的作品同步到本地，隨時隨地查看。試想在沒網(wǎng)絡(luò)沒電腦的情況下碰到一個潛在客戶，手機(jī)離線展示作品會有多實用的一個APP?？梢愿?5學(xué)堂之前介紹的APP設(shè)計師必備的文件傳輸管理APP—文件全能王很相似的功能。

Creative Portfolio APP下載地址：https://itunes.apple.com/cn/app/creative-portfolio/id594579744?mt=8