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

UI/UX 设计确实是须要必定的经验和学识才能真正在这个行业立足，并非全部想成为设计师的人最后都能如愿以偿。他须要对设计有基本的了解，清楚设计的基本原则。

用户界面设计师和其余行业设计面临同样的挑战，那就是用户是怎么想他们产品的，是否功能易用？是否美观让人愉悦？因此，咱们能够看出UI设计是关于平衡可用性和可视化的。

这篇文章集合了12个最佳手机用户界面设计的教程，虽然教程偏向初学者，但我相信即便是很优秀的设计师仍然能够从中学到新的东西。

如何使用Photoshop来设计手机UI界面

1. How To Set Up Photoshop For UI Design

若是你是Photoshop的新手，又在作UI设计，这个教程教你如何使用经常使用的Photoshop设置来达到更好的效果。本文是以iPhone为实例告诉你怎么在UI设计中使用Photoshop，彻底是初学者的教程。

 

2. How to Design an iPhone App in Photoshop

这篇文章将为咱们介绍使用Adobe Photoshop为iPhone设计一个简单的3页目录列表应用程序。而且将一步步地指导你完成这些步骤，还涵盖了使用Photoshop设计iPhone应用程序的全部基本原则。

3. Design an App Landing Page in Photoshop

在这个教程中，咱们能够看到一个应用程序着陆页的详细设计过程。设计师使用Tuts + Android应用程序进行演示，强调其功能和优点，利用多个CTA来完善整个着陆页的设计。

4. How To Design a Mobile App Signup Screen in Adobe Photoshop

若是你想要设计一个像Facebook或者Instagram这样成功的登陆界面设计，那么这个彻底是你必看的基础教程，视频中教你如何选择颜色，设计按钮以及详细的步骤来展现登陆界面的设计过程。视频虽然是四年前的，可是里面的设计依旧不过期。

 

如何使用Sketch来设计手机UI界面

1. A Step-by-Step GUIde for Starting a New App Design Project in Sketch

开始一个新的设计项目是很难的，不管你是自由设计师，仍是在知名的产品公司工做，时常会感到迷茫。本文将一步步的教你如何使用Sketch开始一项新的APP设计项目。

2. Food App UI • Sketchapp Tutorial / Sketch 4 Tutorial

视频主要是介绍如何使用Sketch制做一个美食类APP 菜单栏UI设计，简单易懂。

3. Sketch 3 for iOS App Design Step by Step

Sketch 3是一款优秀的矢量设计和图形程序，很适合用于设计iOS应用程序。在这个视频中，设计师使用Sketch 3来设计一个iPhone APP用户界面。From Idea To Reality: Designing An App With Sketch And Xcode 这篇文章是进阶版的APP 设计教程，从理论到具体的例子讲解，很是受益。

4. Sketch App Tutorial – Build a music app landing page in Sketch

Sketch 做为当下主流的设计工具，彷佛有超越Photoshop的趋势。本视频介绍的是如何使用Sketch来制做一个音乐APP登陆页设计，能够说是手把手的教程，每一步都很是的详细细致，很是适合初学者。

看了前面的音乐类APP登陆界面的教程， 你是否也想设计出一个属于本身的音乐APP呢？接下来我将介绍如何经过结合Sketch和原型设计工具设计一款音乐类的APP（Prototype an music app with prototyping tool）

TIMING

这款原型音乐类的APP在Mockplus设计大赛中斩获头筹，设计师经过采用Sketch以及Mockplus的结合，作出了高保真原型。这个APP主要体现一种复古的视觉效果，磁带转动的效果是此次视觉上的设计重点。

 

必读的手机界面UI设计好文

1. The 10 principles of mobile interface design

计算机和手机是人们平常工做和生活必备的通信工具。但在许多方面，手机每每更增强大，手机更加的私人化，与咱们的联系更紧密。鉴于移动手机和计算设备之间的许多差别，移动设计与桌面设计的设计大不相同。这篇文章详细的向咱们介绍了移动界面设计的基本原则，帮助设计师们开发移动应用程序的独特力量。

2. UI Design Do’s and Don’ts

iOS良好的优化了用户面设计，并提供给用户优质且具备吸引力的用户体验。在开始你的iOS设计以前，必定要清楚Apple官网的关于iOS常见的设计原则，来在加强手机应用的可用性和吸引力。更多关于优秀的iOS界面设计，请阅读iOS人机界面指南。 

3. How to use colors in UI Design

颜色能够说在UI设计中相当重要。用的好，那就成功了一半，用很差，可能致使整个应用失败。在你的配色方案中，最好只使用三种主色跳，使用的颜色越多。越难实现平衡。这篇文章不但提到基础的用色知识加上实例解释，还有经常使用的工具介绍。

4. 10 Best APP UI Design for Your Inspiration

每位UI设计师都梦想着作出最出色的界面（UI）设计， 可以脱颖而出的手机界面设计则少之又少。设计师们在设计UI界面时，每每会参考来自不一样设计师的设计，这篇文章列出了2017年最出色的的10个手机应用界面设计范例，给设计师们谋福利。

 

总结

移动设计不断地在发展，若是你想跟上这个时代，你须要不断阅读和观看高质量的教程或文章。在本文中，我收集12个最佳教程的示例来教初学者如何学习手机UI界面设计，但愿大家能从中受益。