UI/UX设计师必用的移动APP设计工具推荐

25学堂的小编在知乎上看到了国外的UI/UX设计师【东尼缪】,跟我们大家分享了他们使用的移动APP设计工具。

UI/UX设计师东尼缪是一名喜爱简约以及直观易用设计的APP设计作品。

下面就是他自用的移动APP设计工具:

一. 移动APP原型制作工具

TapCase —  POP —  INVISION   优先级左至右 

这3款移动APP原型制作工具是免费的APP。值得大家下载使用。

(1)、TapCase

TapCase 是一款帮助软件开发者快速创建应用程序 Demo 的工具。开发者首先将预先手绘或 PS 的 iPhone 概念程序截图导入 TapCase,然后通过依次添加按钮与目标页的关联、过场动画为程序 Demo 制作互动元素。就像制作一个展示自己想法的幻灯片一样,开发者能够轻松设计出自己的程序“原型”。之后等学成正果,或者找到靠谱的人帮忙做软件时,就可以观看这个“Demo” 来开工啦!

tapcase官网:http://www.tapcaseapp.com/

(2)、之前很火的POP的

移动APP原型设计神器 POP(Prototyping on Paper)

p7546082

但是作者个人觉得TAPCASE的体验和UI更胜一筹。

INVISION是新起之秀,WEB端的设计项目管理功能极强,COMMENT,REVIEW,同步都超便捷。还能通过WEB方式在MOBILE上实现APP原型,非常适合团队协作开发。

APP原型设计精品视频教程—inVision原创出品最美的iOS APP设计工具和APP模板推荐—Tethr

二. UI/UX设计师获取鉴赏与灵感的APP

 Behance — Freeshot — Pinterest (国内的花瓣网)— 站酷网    

(1)、Behance是adobe官方的,分享了很多在设计圈内很实用很棒的作品。

Behance 是居于行业领先地位的联机平台,可展示和发现具有创意作品,并且隶属于 Adobe 系列。Behance 的管理者团队每天都展示顶级作品集中的新作品,涉及领域包括设计、时尚、插图、工业设计、建筑、摄影、美术、广告、印刷、动画、声音设计,等等。知名创意公司在 Behance 上寻找人才,而数百万访问者将使用 Behance 来跟踪最新最优秀的创意人才。

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

 

(2)追波网(Dribbble)

在Dribbble的大量免费客户端中,Freeshot算是追波网的APP。

追波网APP

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

http://freeshotapp.com/

其他资源站点:fribbble是一个免费高速下载dribbblerPSD资源站

国外追波网的8张APP界面设计欣赏【粉色系】

如果想从更原始东西开始独立构思,Pinterest和国内的花瓣网有时是个更好的选择。

3. 设计屏幕同步,即同步预览效果图

 LiveView - Skala - Sketch Mirror

 (1)、LiveView官网下载地址:http://www.zambetti.com/

(2)、Skala Preview是一个iOS应用预览应用,由位于Bjango的团队所开发,对许多iOS应用开发者都非常有帮助。

Skala Preview

如果你是用的是PhotoShop CS5 12.0.4或更新版本,Skala Preview能在你编辑的时候实时预览作品,无需保存,能最快的在iOS设备上查看作品。可以让你测试你应用或网站的触摸尺寸,文本尺寸,颜色,对比度等,在你在设计过程中更方便的修改作品,以便达到设计的最佳效果。

可以用多种方式以不同的大小查看图片,用一个手指双击就可查看100%大小的图片,两个手指双击则能放大到200%。总体来说,这是个很不错的应用,设计iOS应用的人不妨试一下,不足之处就是你必须手动将看图片拖到应用里。

前两个是给PS用的。因为现在很多移动APP设计师开始用Sketch3做UI设计了,所以Ketch3 + Sketch Mirror变成必须品了。Sketch Mirror也是Sketch3的配色工具。

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

1、快速在移动终端上预览APP界面设计效果图的方法

2、如何在iPhone和iPad的等终端预览你的设计图

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

虽然自己用得不多,但Kuler通过照片自动取色而且能同步到AI和PS还是很有意思的。

Kuler 是 Adobe 利用网友提供的配色方案做出的一个 AIR 工具,用于汇总配色方案。

1、草根视觉设计成长之路【设计学堂:色彩搭配】

2、设计学堂:关于APP配色的一些常用色彩搭配技巧

3、APP色彩搭配基础知识:色彩的术语、属性和色轮

五、移动APP作品集欣赏APP

 Creative Portfolio是Behance的官方 Portfolio APP,能够把你Behance上发的作品同步到本地,随时随地查看。试想在没网络没电脑的情况下碰到一个潜在客户,手机离线展示作品会有多实用的一个APP。可以跟25学堂之前介绍的APP设计师必备的文件传输管理APP—文件全能王很相似的功能。

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

每天更新,
全站高品质素材免费下载!