24个Photoshop实用的iPhone APP UI设计教程
24个Photoshop实用的iPhone APP UI设计教程-移动阅读二维码

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

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

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

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

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

UI设计教程-1
查看教程

创建一个IPhone 5设备模型

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

UI设计教程-2
查看教程

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

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

UI设计教程-3
查看教程

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

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

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

UI设计教程-4
查看教程

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

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

UI设计教程-5
查看教程

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

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

UI设计教程-6
查看教程

用PS来个IPhone 5出来

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

UI设计教程-7
查看教程

用Photoshop制作UI界面动效

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

UI设计教程-8
查看教程

一个购物APP UI设计教程

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

UI设计教程-9
查看教程

PS手机游戏界面设计教程

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

UI设计教程-10
查看教程

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

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

UI设计教程-11
查看教程

PS实现IOS7风格的背景

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

UI设计教程-12
查看教程

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

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

UI设计教程-13
查看教程

UI设计师的Photoshop配置

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

UI设计教程-14
查看教程

PS制作 IOS 7 图标

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

UI设计教程-15
查看教程

PS CS6制作一个IOS 7 UI 界面

UI设计教程-16
查看教程

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

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

UI设计教程-17
查看教程

天气APP UI设计教程

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

UI设计教程-18
查看教程

一个聊天APP的UI教程

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

UI设计教程-19
查看教程

一个倒计时界面设计

UI设计教程-20
查看教程

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

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

UI设计教程-21
查看教程

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

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

UI设计教程-22
查看教程

设计一个逼真的APP图标

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

UI设计教程-23
查看教程

创建一个Twitter APP界面教程

UI设计教程-24
查看教程

原文来自:shejidaren

本文链接:http://www.mobileui.cn/24-iphone-app-ui-design-tutorial.html
本文标签: , , , , , , ,