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

作者:国际小甜 | 创建时间: 2023-05-29
24个实用的iPhone APP UI设计教程

小编:今天给大家带来的是设计达人整理分享的24个实用的iPhone APPUI设计教程。眼下,UI设计越来越火,很多小伙伴都想转UI,其实UI设计并没有大家想象的那么难?在于平时的积累,多想,多看,对尺寸规范略知一二便可入门。今天给大家分享的教程分别适合不同阶段的同学学习。(虽然是英文教程,但比起国内一些教程来说更实用,更好用,有的就算是有的设计师也不知道哦。)

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

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


查看教程

创建一个IPhone 5设备模型

iPhoneMockup我们分享过很多这样的素材,但有没有想过自己画一个逼真的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界面教程


查看教程

设计达人

点击展开全文

更多推荐