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
全站高品質(zhì)素材免費(fèi)下載!