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界面教程


查看教程

设计达人

Photoshop
(0)

相关推荐

  • 30款美丽的App UI设计作品

    想获得友好的布局.配色以及创意灵感?今天为大家精选近期美丽的应用UI设计作品,有很多值得参考的地方,比如作品展示.排版.配色.布局以及引导页都是可以拿来学习,获取灵感. APP UI设计一直在变化,就 ...

  • UI设计教程--绘制苹果logo

    操作方法 01 UI设计教程-苹果公司logo图标的绘制方法. 一.绘制苹果图标方法步骤: 1.调出网格用钢笔工具绘制直线得到苹果图形的简易外观 2.选择转换点工具将锚点处手柄拖拽出来得到苹果的实际形 ...

  • 50个设计简约的移动 APP UI 设计作品(上)

    对于设计师来说,经常浏览一些新颖的设计作品是非常重要的,特别是入门或进阶级别的设计师更需要多看.多想.多做,以便获得更好的灵感.创意,并追求不一样.不重复的设计来提高自己的水平. 今天和大家分享50个 ...

  • 50个设计简约的移动 APP UI 设计作品(下)

    对于设计师来说,经常浏览一些新颖的设计作品是非常重要的,特别是入门或进阶级别的设计师更需要多看.多想.多做,以便获得更好的灵感.创意,并追求不一样.不重复的设计来提高自己的水平. 今天和大家分享50个 ...

  • 8个你需要知道的2017年App UI设计流行趋势

    小编:首先非常感谢@喪心病狂十六夜貓的翻译与分享.UI行业的设计风格是不断在变化的,我们需要了解并掌握这些流行的表现方法,这样才能做出适合当前需要的好设计以及更好的完成客户和老板的要求.除去这些不说, ...

  • “手把手教你设计”—12个最佳手机APP界面设计教程

    UI/UX 设计确实是需要一定的和学识才能真正在这个行业立足,并不是所有想成为设计师的人最后都能如愿以偿.他需要对设计有基本的了解,清楚设计的基本原则. 用户界面设计师和其他行业设计面临一样的挑战,那 ...

  • 手机ui设计教程

    3 3界面元素的分解与组合 界面的版式构成依赖于界面的点线面的构成,手机软件由于自身运行环境小,那就决定了必须控制自身的大小.因此我们的界面图形必须根据需要进行切分,能够用程序实现的效果尽量用程序实现 ...

  • UI设计教程之学习方法

    操作方法 01 [准备篇:电脑+手机+时间] 电脑的话台式机或笔记本都可以,要求配置为8G以上内存,I5以上处理器,固态硬盘,大约在5000元左右. 手机的话安卓或苹果都行,不过要近几年出的手机,太老 ...

  • 25个秒表APP UI设计作品

    小编:秒表是我们每个人都很熟悉的功能,但是这种工具类APP我们可能的少,因为只有在我们需要解决计时问题时才会想到它们.今天为大家带来25个秒表APPUI设计作品,这些作品视觉效果都很棒,展现形式也大不 ...