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

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

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

一. 移動(dòng)APP原型制作工具

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

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

（1）、TapCase

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

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

（2）、之前很火的POP的

移動(dòng)APP原型設(shè)計(jì)神器 POP（Prototyping on Paper）

但是作者個(gè)人覺得TAPCASE的體驗(yàn)和UI更勝一籌。

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

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

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

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

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

Behance 是居于行業(yè)領(lǐng)先地位的聯(lián)機(jī)平臺(tái)，可展示和發(fā)現(xiàn)具有創(chuàng)意作品，并且隸屬于 Adobe 系列。Behance 的管理者團(tuán)隊(duì)每天都展示頂級(jí)作品集中的新作品，涉及領(lǐng)域包括設(shè)計(jì)、時(shí)尚、插圖、工業(yè)設(shè)計(jì)、建筑、攝影、美術(shù)、廣告、印刷、動(dòng)畫、聲音設(shè)計(jì)，等等。知名創(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/

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

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

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

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

?LiveView - Skala - Sketch Mirror

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

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

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

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

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

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

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

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

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

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

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

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

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

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

五、移動(dòng)APP作品集欣賞APP

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

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