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 inSketch开始一个新的设计项目是很难的，无论你是自由设计师，还是在知名的产品公司工作，时常会感到迷茫。本文将一步步的教你如何使用Sketch开始一项新的APP设计项目。
2.Food App UI• Sketchapp Tutorial/ Sketch4 Tutorial视频主要是介绍如何使用Sketch制作一个美食类APP菜单栏UI设计，简单易懂。
3.Sketch 3 for iOSApp Design Step by StepSketch 3是一款优秀的矢量设计和图形程序，很适合用于设计iOS应用程序。在这个视频中，设计师使用Sketch 3来设计一个iPhone APP用户界面。
《》这篇文章是进阶版的APP设计教程，从理论到具体的例子讲解，非常受益。
4.Sketch App Tutorial– Build a music app landing page inSketchSketch作为当下主流的设计工具，似乎有超越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.UIDesign Do’s and Don’tsiOS良好的优化了用户面设计，并提供给用户优质且具有吸引力的用户体验。在开始你的iOS设计之前，一定要清楚Apple官网的关于iOS常见的设计原则，来在增强手机应用的可用性和吸引力。更多关于优秀的iOS界面设计，请阅读《》。
3.How to use colors in UIDesign颜色可以说在UI设计中至关重要。用的好，那就成功了一半，用不好，可能导致整个应用失败。在你的配色方案中，最好只使用三种主色跳，使用的颜色越多。越难实现平衡。这篇文章不但提到基础的用色知识加上实例解释，还有常用的工具介绍。
4.10 Best APP UIDesign for Your Inspiration每位UI设计师都梦想着做出最出色的界面（UI）设计，能够脱颖而出的手机界面设计则少之又少。设计师们在设计UI界面时，往往会参考来自不同设计师的设计，这篇文章列出了2017年最出色的的10个手机应用界面设计范例，给设计师们谋福利。
总结移动设计不断地在发展，如果你想跟上这个时代，你需要不断阅读和观看高质量的教程或文章。在本文中，我收集12个最佳教程的示例来教初学者如何学习手机UI界面设计，希望你们能从中受益。
Mockplus
作者：jongde
ui设计手机界面怎么设置字号。我们在手机设计中用到的字号是根据不同业务需求来进行设置的，我们在设计中也会遇到很多的问题，那么在进行设计的时候应该如何进行合理的安排字号呢？我们可以从以下几个方面入手：1、字体的合适性在设计中，不同的字体有着不同的视觉风格，不同的字号，对于字体的设计来说是必不可少的考量因素，如果是为了突出重点，那字体就要设置的恰当一些，不要出现喧宾夺主的现象，这样会让用户眼花缭乱。2、选用的字体要一致为了保证文字的阅读，我们需要一致的字体，在设计ui的时候，我们需要根据产品的不同设计出不同的风格。3、字体的选择字体的选择也要慎重，一定要避免在一些文章中出现的多种字体，以免用户看到后感到无聊而遗忘了主题。
手机ui界面设计公司爱上设计指出，关于手机UI设计的各种风格，尤其是界面设计的风格，更加是受到人们高度的关注。完成一款完整的手机界面设计需要包括很多程序，必须将各个程序都做好才能做出效果。
1、手机启动界面设计手机启动界面设计也叫启动封面设计，在设计时应使手机启动封面最终为高清晰度的图像，如手机启动封面需在不同的平台、操作系统上使用将考虑转换不同的格式，并且对选用的色彩不宜超过256色，最好为216色安全色。手机启动封面大小多为主流显示器分辨率的1/6大。
2、手机主界面设计即手机的主界面的设计，手机主界面设计应该具有缩放功能，主界面应该对功能区间划分清晰，应该和对话框，弹出框等风格匹配，尽量节省空间，切换方便。
3、手机框架UI设计手机的框架UI设计就复杂得多，因为涉及手机的使用功能，应该对该手机产品的程序和使用比较了解，这就需要视觉设计师有一定的手机跟进经验，能够快速的学习手机产品，并且在和手机产品的程序开发员及程序使用对象进行共同沟通，以设计出友好的，独特的，符合程序开发原则的手机框架。手机框架UI设计应该简洁明快，尽量少用无谓的装饰，应该考虑节省屏幕空间，各种分辨率的大小，缩放时的状态和原则，并且为将来设计的按钮，菜单，标签，滚动条及状态栏预留位置。在手机UI设计中将整体色彩组合进行合理搭配，将手机商标界面放在显著位置，主菜单应放在左边或上边，滚动条放在右边，状态栏放在下边，以符合视觉流程和用户使用心理。
4、菜单栏设计主要包括菜单设计，滚动条及状态栏设计。菜单UI界面设计一般有选中状态和未选中状态，左边应为名称，右边应为快捷键，如果有下级菜单应该有下级箭头符号，不同功能区间应该用线条分割。滚动条主要是为了对区域性空间的固定大小中内容量的变换进行设计，应该有上下箭头，滚动标等，有些还有翻页标。状态栏是为了对手机当前状态的显示和提示。
5、手机按钮UI设计手机按钮界面设计应该具有交互性，即应该有3到6种状态效果：点击时状态；鼠标放在上面但未点击的状态；点击前鼠标未放在上面时的状态；点击后鼠标未放在上面时的状态;不能点击时状态；独立自动变化的状态。按钮应具备简洁的图示效果，应能够让使用者产生功能关联反应，群组内按钮界面应该风格统一，功能差异大的按钮应该有所区别。
6、UI界面图标设计图标设计色彩不宜超过64色，大小为16x16、32x32两种，图标UI设计是方寸艺术，应该加以着重考虑视觉冲击力，它需要在很小的范围表现出手机的内涵，所以很多图标设计师在设计图标时使用简单的颜色，利用眼睛对色彩和网点的空间混合效果，做出了许多精彩图标。其标签设计应该注意转角部分的变化，状态可参考按钮。
7、安装过程设计安装过程设计主要是将手机安装的过程进行美化，包括对手机功能进行图示化。
8、包装及商品化最后手机产品的包装应该考虑保护好手机产品，功能的宣传融合于美观中，可以印刷部分产品介绍，产品界面设计。
转载请注明：片头模版 » ui手机界面设计教程(12个最佳手机APP界面设计教程)
