目前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界面教程
原文来自:shejidaren
本文链接:http://www.mobileui.cn/24-iphone-app-ui-design-tutorial.html本文标签: IPHONE APP, Photoshop, UI, UI设计, 图标教程, 手机界面, 界面设计, 设计教程