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界面设计，希望你们能从中受益。

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

HTML5响应式手机模板：电商网站设计——仿淘宝手机app界面模板源码 HTML+CSS+JavaScript...
HTML5响应式手机模板:电商网站设计--仿淘宝手机app界面模板源码 HTML+CSS+JavaScript 手机电商模板手机网站模板企业手机网站模板手机网站模板手机模板响应式手机网站 h ...
HTML5响应式手机模板：电商网站设计——仿淘宝手机app界面模板源码 HTML+CSS+JavaScript
HTML5响应式手机模板:电商网站设计--仿淘宝手机app界面模板源码 HTML+CSS+JavaScript 手机电商模板手机网站模板企业手机网站模板手机网站模板手机模板响应式手机网站 h ...
2021年10种手机app界面设计用户体验趋势
幸运的是,当2020年即将结束时,这是探索2021年我们将拥有的完美时机.这里列出了2021年将形成的10种移动用户体验设计趋势. 1.超级应用程序的兴起在过去的二十年中,移动应用程序开发模型保持不 ...
android 优秀app界面设计,基于Android系统的App界面设计.doc
基于Android系统的App界面设计摘要:智能手机时代的来临改变了大多数人的生活习惯,时至今日智能手机已经成为了人们工作生活中的一部分,在工作生活中发挥着重要的作用.App作为智能手机应用程序的 ...
充满生机！UI设计灵感|绿植相关APP界面设计
绿植是装饰家里或办公室的利器,拥有它的角落充满活力.生机盎然,还能让人们的眼睛在长时间看屏幕之余,得到放松休息.现在更多UI设计师选择在集设网www.ijishe.com交流社区进行学习探讨! 设计 ...
2018最新APP界面设计教程---手机ui高级实战案例视频教程（价值320元）
课程简介: 适用人群适合有基础的学员学到什么火星人UI设计培训结合大量的实战案例,从ICON的设计构思开始,到APP界面设计,全方面解析UI设计工作流程和设计理论 ...
手机APP界面设计规范：如何定义视觉规范
25学堂|APP设计|网页设计师加油站首页 APP界面设计 APP设计模板 APP产品秀 UI设计干货 APP图标 Html5CSS3 APP设计教程优秀设计 APP创业当前位置: 首页 > ...
android ui头像圆角化,APP界面设计当中，为什么喜欢把头像设计成圆形
看到这样的标题,你是不是也很惊奇呢?仔细的去回想一下,好像很多APP界面设计当中的头像都是圆形的.很少见到头像是方形的.菱形或者四边形的. 这是为什么呢? 难道是因为好看吗? 今天25学堂的小编跟大家 ...
Android图文并茂如何存储,图文并茂，手把手教您如何将笔记本/iphone手机，安卓系统手机传屏到投影/电视...
原标题:图文并茂,手把手教您如何将笔记本/iphone手机,安卓系统手机传屏到投影/电视图文并茂,手把手教您如何将笔记本/iphone手机,安卓系统手机传屏到投影/电视最近很多用户问,我们这套无线 ...
2019年必看最新创意手机聊天界面设计
如何怎样才能设计出美观,炫酷又实用的聊天界面或板块呢?下面小编为大家展示并解析12款最新且极具创意的手机端聊天界面设计,希望能够对朋友们有所帮助. 现今,不仅传统的手机端聊天,社交以及通讯软件提供聊天 ...

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