24个实用的iPhone APP UI设计教程（Photoshop）

Sponsor

目前UI设计是一个很火的职业，不少同学都想转去学UI，但其培训费用很高，不是一般用户能承受得起的，其实UI设计并不是想像这么难，只要懂一些规范，多练习、多看，很快就能入门了。

今天我们整理一系列使用PHOTOSHOP制作的iPhone APP UI设计教程，都是比较简单的知识，对于新手来说可以去学习临摹一下。虽然是英文教程，但比起国内一些教程来说更实用，更多好技术，有的就算是有经验的设计师也不知道哦。UI入门教程推荐！

温馨提示：UI设计必须要有耐心，新手做出来的东西本来就慢很多，所以不要觉得教程这么长就不想去练习哦！话说做教程的人比你辛苦十倍有多。

用Photoshop创建一个下载应用界面

这个UI设计教程是教你制作一个下载应用的界面，过程详细易懂，对英文不好的同学，其实学图片都懂得差不多了，教程从新建画布开始讲起，并提供想着素材下载，一起跟着学习，不错的UI入门练习教程。

查看教程

创建一个iPhone 5设备模型

iPhone Mockup 我们分享过很多这样的素材，但有没有想过自己画一个逼真的Mockup出来呢？如果想自己画一个出来，那么可以看看这个教程哦。

查看教程

如何设计一个iOS 7 风格的邮箱应用

这教程会教你设计一个iOS 7 EMAIL APP界面，流行的扁平化风格，时尚漂亮，整个教程非常详细和细致，有很多小技巧，所以要认真学习哦。

查看教程

利用PS创建一个拟物化的iPad APP界面

这个界面不算很逼真，但对于新手来说可以拿来练手，懂一些设计技巧， 不要一直扁平化，质感表现也要学习呢！

教程已经为同学们准备好LED字体了，记得下载下来练习哦。

查看教程

用PS CS6设计一个iPhone音乐应用界面

看图片就知道是一个漂亮的音乐界面了，有没有想过自己能设计一个呢？想学UI的同学做做这个练习，入门也差不多了。

查看教程

如何用Photoshop设计一个iPhone APP程式界面

比较老一个教程，所以界面设计得很简单，如果同学们觉得上面太难了，可以练这个简单点的吧：）

查看教程

用PS来个iPhone 5出来

一个iPhone 5手机UI教程，有空可以练下，加深对图标样式的了解。

查看教程

用Photoshop制作UI界面动效

我们知道PS有制作GIF动画图片功能，所以我们要吧用它来制作一个APP动效，当然如果你的动效比较复杂，就不建议用GIF，而是专业点的软件了。例如AE(After Effects)

查看教程

一个购物APP UI设计教程

这里你将会学习如果用PS设计一个时尚的购物类型的APP界面。教程中还使用了一些好用的插件，同学位可以去下载体验。

查看教程

PS手机游戏界面设计教程

下面是一个和手机游戏想着的界面设计，只要按教程制作，其实并不复杂哦。

查看教程

Photoshop制作漂亮的iOS 7手机界面

这是一个橙色时尚的APP应用教程，教程的界面设计很漂亮时尚，而且制作过简单，同学们练习的时候可以改下配色，不一定要用教程的颜色，尝试自己创造个配色出来，在线配色工具推荐。

查看教程

PS实现iOS7风格的背景

看起来简单，但可教程中的制作方法你可能没用过，更方便简单。

查看教程

Photoshop实现 iOS 7风格的模糊背景

其实和iOS 8 的模板差不多，喜欢的学习一下吧。可以拿手你喜欢的照片、图像来制作哦。

查看教程

UI设计师的Photoshop配置

这些设置是有经验的设计师提出来的，方面在PHOTOSHOP设计UI界面，对于初学者可以不用摸索就有样板对着设置实在太幸运了。

查看教程

PS制作 iOS 7 图标

扁平化图标教程，简单易上手，多练就好。

查看教程

PS CS6制作一个IOS 7 UI 界面

查看教程

PHTOSHOP CC 扁平化天气UI设计教程

一个时常，漂亮的天气应用，视频教程，要以一步一步对着做。这个界面很漂亮，远胜很多天气APP了。

查看教程

天气APP UI设计教程

这个教程中还包含了天气小图标的设计，可以学到一些小技巧，很实用方便。

查看教程

一个聊天APP的UI教程

在这个教程里我们可以学习如何设计一个基础APP UI界面。

查看教程

一个倒计时界面设计

查看教程

使用图层样式创造一个逼真的电话按钮

本教程主要学习一些质感的表面，并且只是用图层样式来实现，所以这个学好了，以后其它应用也差不多。

查看教程

PS制作一个简单的APP用户个人页面

这样的用户个人主页在APP UI中是很常见的，同学们可以练习练习。

查看教程

设计一个逼真的APP图标

这个练习可能用点难，但慢慢来，练多就好了。

查看教程

创建一个twitter APP界面教程

查看教程

赞助商链接

喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。
版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。