（来自：uisdc）移动端UI设计有其独特的一套设计规则和约束。新技术的不断加入推动了移动平台的快速增长，移动端的UI设计也不同于传统的平面海报/网页设计。那么，要成为一名合格的移动端UI设计师，需要掌握什么样的技能，需要什么样的涅盘体验呢？第1部分挑战和限制每种媒体都有其局限性。即使在移动端这个充满机遇、自由和创造力的平台上，也存在着许多亟待解决的问题和无法回避的局限性。碎片化的移动终端如今，市场上的智能手机数不胜数。不同的智能终端不仅尺寸不同，而且由于分辨率的不同，屏幕的像素密度也有很大差异。作为考虑，这些终端的输入机制、屏幕比例、屏幕方向都会影响移动终端的UI设计。移动端的网页设计可以借助响应式设计来保证不同屏幕下的浏览体验。相比之下，移动端的APP设计则相对缺乏流动性。因此，作为移动端UI设计者，还是需要考虑屏幕差异带来的布局设计差异和用户体验的变化。操作系统平台分立目前三大主流手机操作系统分别是iOS、Android和WindowsPhone（市场份额较小，在国内基本处于边缘化状态），每个操作系统都有自己的一套设计规范。交互方式、程序界面，随着操作系统版本的更新，这些东西也都有着自己的变化。其中最典型的就是Android操作系统的版本分裂。拆分带来的程序兼容性问题目前还没有解决。我无数次在厕所里哭过和昏倒过）。随着从6.0到7.0的大版本升级，iOS经历了漫长的过渡期。迄今为止，两大版本之间的设计风格和兼容性问题仍然影响着开发者。WindowsPhone7升级到8有多痛苦我就不细说了。实在不想回忆那些不堪回首的往事，以及微软高管口水泛滥的场景。尽管三大平台的交互设计在各自平台内具有高度的统一性，但系统版本的划分、操作系统的差异、厂商定制所带来的影响是开发者和设计者不容忽视的。性能您设计和构建应用程序的方式直接影响其性能。换句话说，如果手机安装的程序设计得好，你的手机可以待机一天半，但如果其中一个程序设计有问题，你就需要带上外出时多带一个移动电源。一些不必要的过渡动画可能会导致你的CPU进行密集计算，一段有问题的JS代码可能会导致你的浏览器比平时消耗数倍的电量。也许今年刚推出的GalaxyS5可以流畅运行一个应用程序，但2年前的GalaxyNexus可能打开应用程序就会立即卡住。一般来说，设计开发会影响APP的性能，甚至会影响手机的续航时间（国内部分手机用户跟开发者一起哭晕在厕所里）。开发和成本控制有很多应用程序在构思时很酷很新，但这并不意味着它们很容易实现。应用程序的设计和开发方式将直接决定其能否在截止日期前实现。如果不能认清一个应用的开发成本，开发者的负担会成倍增加，也会为应用的后续开发埋下伏笔。Part2摒弃固定思维在我们刚开始学习设计和开发的时候，这个数字时代才刚刚开始，我们对新兴事物的认识还很不成熟。学校教育与实际设计开发的“时差”，让很多设计师对数字互联网的认知有些“静态”，甚至形成了某种思维定制，对移动互联网知之甚少。在这个信息爆炸的时代，激烈竞争催生的移动互联网正以惊人的速度进化和前进，这使得设计师需要紧跟发展的步伐，随时更新和升级对互联网的认识。手机不是画布手机设计与平面设计有很大不同，它不再是平面画布。我怀疑Photoshop和AI不足以帮助设计师完成从平面到移动互联网的过渡，尽管Photoshop和AI在过去20年帮助设计师完成了无数壮举。目前我们还是需要用它们来绘制更多不同屏幕尺寸下的UI和图标，但是我们需要更多的使用其他软件来展现移动端的不同面，比如用AE绘制动效。从构思屏幕布局到考虑界面过渡的确，在移动端UI设计中，仅仅考虑屏幕布局是远远不够的。FacebookPaper、YahooWeather和WeatherChannel等高质量的移动应用程序已经证明了界面之间的过渡动??画可以在UI界面中产生多大的张力。而刚刚上线的AndroidL所采用的MaterialDesign，在看似普通的静态界面背后隐藏着一系列的过度效果。界面转换之间的动态效果，过去只是为了一笑而过，但今天它正在成为主流，成为移动端用户体验的核心。它正在成为交互和界面的重要元素，赋予界面节奏感和生命力。动效不仅表现运动的过程，还表现空间、层次、变化，在界面结构的基础上给用户带来完全不同的体验。抛开你的“设计师风格”你不需要让一个界面独一无二或原创，特别是如果你要重新设计所有界面以使其独一无二，然后冒着使整个产品独一无二的风险。很多时候，坚持使用原生的UI元素和模式是应用按时交付的重要保证。与其强求独特的原创设计，不如创造一个简单高效的界面来创造真正的品牌价值。一个真正的应用程序并不比设计师的概念设计差。许多设计师喜欢在Behance和Dribbble等网站上寻找灵感。虽然有非常动态和高质量的设计作品，但如果你不是经验丰富的移动端UI设计师，你可能会被这些作品误导。其中许多设计只是从未实施过的高保真演示。当你打算设计一个界面时，其中一些设计可能会影响你的思路。所以，不妨从那些已经上线的成功APP中吸取营养。您将从中吸取丰富的营养，看到蓬勃发展的设计趋势。这些经过市场和用户验证的案例，会让你明白哪些设计值得学习。第3部分学习新技能了解平台正如网页设计师需要了解HTML/CSS一样，作为移动UI设计师，您应该了解移动应用程序的架构。首先，移动端开发的语言与网页设计的语言不同。不同的平台有自己的编程语言和界面，界面的组合无法使用CSS和标签来实现。您需要深入阅读官方开发文档，了解APP的组成、编译方式、发布方式、设计规则。这些东西不仅关系到你应用开发的质量，还会影响系统的稳定性、电池寿命的长短等因素。作为一个移动端UI设计师，仅仅懂设计是不够的。当然，从长远来看，这对你的职业生涯也是有好处的。了解移动端的技术构成不足以了解平台的基本特性。接下来你需要了解它的相关技术组件：位置服务（wifi、GPS等）、蓝牙（蓝牙低功耗技术）、信号、前后摄像头、麦克风、陀螺仪、位置传感器、加速度传感器、指纹扫描仪（iPhone5s)、眼动追踪技术、语音识别、人脸识别等。每一项新技术的背后，都是更多应用、交互设计、用户体验，甚至商业模式的可能。探索原生UI组件的开发潜力每一个手机操作系统中总会有大量的原生UI组件，它们具有很大的自由度，方便您进行定制。您需要准确了解它们的特性（尺寸、尺寸、功能），并且可以为与您合作的开发人员节省大量工作时间。了解移动端工作流程安装运行SDK，了解移动端开发框架，如TubyMotion、Xamarin、Titanium。熟悉集成开发环境，因为它涵盖了移动开发所需的一切。了解移动端的界面模式三大移动平台之间有相似之处，但是当你深入研究它们的交互设计时，你会发现它们在理念上存在着巨大的差异。作为设计师，您需要了解这些差异在哪里，以及它们在实际用例中的表现方式。不要只关注单一平台。三大平台需要深度体验。你必须每天至少玩一次至少半年。在这个过程中，体验不同，把你认为重要的、有代表性的、值得记录的界面截图留存下来。作为单一平台的狂热者，你不可能成为一名优秀的移动端UI设计师。记录并解释你的UI设计考虑到截图不足以展示UI的所有特性，你需要学会记录界面的不同状态、过渡过程、过渡动画等信息，学会记录用户的反馈不同情况下的界??面。在设计阶段实践精益用户体验设计现代设计师应该是具有战略眼光的设计师。你的目标不应该仅仅局限于做一个漂亮的界面，你应该把你的设计和团队合作结合起来，以满足项目的需要。了解用户的深层次需求，能够快速反馈设计。以详细说明保存设计工作，确保所有设计都符合核心理念，符合用户需求。在开发阶段采用敏捷的UX设计，不能只把高保真模型交给开发人员，因为在开发过程中会不断提出新的需求。总会有一些之前没有充分考虑到的情况需要在开发阶段进行补充完善，设计师需要相应的快速反应。所以，在这个阶段，设计师确实需要坐在开发者身边处理突发事件。确保开发人员在遇到新的需求时，不需要自己去补充UX的细节，或者重新找设计师。Part4TipsforMobileWebDesignResponsiveDesign在移动端，响应式设计并不是一刀切的解决方案。有时它完美地工作，有时它不。您有责任考虑何时使用临时解决方案以及何时进行响应式设计。谨慎使用CSS和JS！事实上，CSS动画、渐变和阴影非常棒且易于实现。视差网页看起来也很酷，许多设计师对此很感兴趣。但是，这些元素会消耗大量资源，会给手机浏览器带来很大的负载，影响电池寿命。需要适度控制CSS特效和JS动态效果。即使低性能手机上的浏览器能够很好地支持CSS3选择器，性能瓶颈也会让整体体验非常差。正确的工具做正确的事这不是一个详尽的清单，但您会发现许多适用于不同工作的出色工具。其中有些是免费的，有些是针对Mac平台的。Part5这些都过时了吗？也就是说，是的，但也不是真的。目前，移动终端的发展非常迅速，设计趋势也在不断变化。智能家电和物联网时代正在到来，相应的传感器技术和移动应用也将带来更多挑战。作为移动端UI设计师，我们要学的东西太多了，相应的，机会也来了。
