移动端一直都有自己的一套规则和限制。同时，这也是一个高速的开发平台，不断推出新的技术和功能。我们不能再像设计海报和网页那样为移动设备设计。那么今天的移动设计师需要什么样的技能和思维方式呢？挑战和限制每个载体都有其局限性。即使是移动平台——设计师梦想中最理想的画布之一——也有其必须遵循的特点。设备多样性今天有无数的智能手机和平板电脑，每个都有不同的屏幕尺寸、像素密度和物理输入（更不用说屏幕旋转了）。这意味着我们不能只考虑iPhone5屏幕的尺寸和适合它的设计。在移动网页端，响应式设计让我们可以让设计适配不同的屏幕，而无需经过大量的设计匹配。原生移动端设计缺乏流动性，需要考虑设计对不同屏幕尺寸的适配，记录不同变化对布局的影响。操作系统多样化今天，我们有3种主流的移动操作系统，Android、IOS和Windows操作系统。每个操作系统都有其独特的接口标准、外部输入和设计规范，更不用说系统版本之间的升级和变化。其中，Android系统较为复杂，不同的Android设备会受到设备厂商的限制。例如，不同终端厂商的UI设计不同，硬件架构和处理能力也不同。（更不用说运营商提供的后续升级）虽然系统多样化的到来不会让设计工作有很大的不同，但确实会影响用户对操作系统使用体验的预期。例如，大多数用户习惯于使用TouchWiz（SamsungUI）或Sense（HTCUI）来获得Android体验。性能应用程序的设计方式会影响系统功耗。换句话说，我们设计它是为了耗尽用户的电量。某些不必要的视觉效果或动画需要大量的图形处理；大量使用Javascript的网页可能非常耗电。新买的设备运行APP可能很流畅，2年后的旧设备会相应变慢。这些例子只是为了说明移动设计者需要更好地理解他们的设计对系统资源占用和APP性能的影响。开发成本注意事项一个很酷的新应用程序并不意味着它很容易实施。我们设计应用程序的方式可以直接导致我们的应用程序是否按时发布。如果我们不清楚我们的设计决策的开发成本，我们基本上是在给开发人员增加负担，并为以后的摩擦埋下伏笔。学习新技能我们中的许多人都接受过设计师领域的专业培训，但在数字设计领域才刚刚起步。让我们更客观地看一下过去的经验（有人直接从Firefox中导出HTML是吧？），这种有争议的方法现在还在学校里教授。随着移动端的发展，差异越来越大，这就带来了我们现在的语言和几乎所有的工具和方法的不足，所以是时候改变我们的心态了。移动平台不是白板，HTML不是画布。你不能像海报那样布置它。我认为Photoshop也不会帮助我们改变，因为二十多年来我们一直使用它来设计海报和插图以及润饰照片。我们仍然“绘制”我们的界面，但屏幕尺寸的多样性和移动设备的动态交互特性要求我们以不同的方式进行设计。考虑最好的界面并开始考虑交互。我们开始意识到界面风格的呈现并不影响移动端的设计。感谢Facebook和YahooWeather向我们展示了不同的设计方法，让我们明白设计应该更注重交互而不是静态展示。交互，一种令人惊叹的视觉体验，正在成为移动用户体验的核心。它们不仅使界面本身变得生动友好，它们本身也是一种界面元素。交互可以在APP与用户之间架起一座桥梁，表达动作、空间、过渡等一系列交流方式。这使纯静态显示相形见绌。您不需要是独一无二的或独创的，尤其是当仅仅为了“独特性”而重新设计一个已知的界面时。通常坚持原始的UI元素和模式是使应用程序按计划进行的最明智的做法。专注于构建一个简单、有效的界面并创建您的品牌比从头开始设计您的UI组件更有价值。现有应用程序比设计网站更能激发灵感许多设计师喜欢去Behance或Dribbble寻找下一个移动项目的灵感。当然，您会找到拥有精美艺术的网站，但如果您不是经验丰富的移动设计师，那么这些模型可能会产生误导。很多人只是创建模板而不实施它们，他们会让您相信每次都可以为用户定制UI。真正的灵感来自于成功的应用。你会发现设计让产品稳步增长。他们的界面交互已经在现实世界中进行了测试，您确认这些可以重现。学习新技能对于平台学习来说就像你需要了解HTML/CSS才能成为一名优秀的网页设计师一样重要，你需要了解移动应用程序的底层结构，这与网页完全不同。例如，它们不像HTML/CSS那样呈现流畅的内容，这改变了我们对布局的看法。您不会有神奇的CSS继承（至少不会像那样开箱即用）来将标记与页面分开。甚至没有标记的概念。您需要阅读一些开发人员手册来了解移动应用程序架构、编译和发布。了解移动设备的工作原理以及什么会耗尽电池电量。您甚至可能需要学习一些代码基础知识，作为长期奖励：学习开发语言后，您的设计工作将更加高效和可行。了解移动端的各种元素这里有一个列表：定位服务（Wi-Fi和GPS）、蓝牙、低功耗蓝牙、灯光、前后摄像头、麦克风、陀螺仪、加速度计、振动器、指纹扫描仪、眼动追踪、语音识别、人脸识别、压力检测，这样的技术不胜枚举。每一项新技术都为实现全新的应用程序打开了大门。而你的职责是成为一名走在技术前沿的设计师。了解您可以使用本机组件做什么本机UI组件实际上提供了很多自定义的自由，但您需要知道如何使用它们。如果您可以让您的UI在本机组件上稍微调整一下，开发人员将感谢您为他们节省了大量的开发时间。了解移动端工作流程了解移动端SDK，集成并运行。了解RubyMotion、Xamarin或Titanium等移动框架。熟悉IDE，图片资源在移动端项目中的位置，应该如何命名等。了解移动端的用户界面模式。三大移动平台有相似之处，不同之处在于对移动交互设计的解读。他们的用户对他们有不同的期望。作为移动设计人员，您应该充分了解这些差异并能够发现它们。不要只专注于一个移动平台。尝试所有这三个，或者至少在6个月内每天使用Android和iOS。我做到了，这很好——您对每个平台的深刻理解将使您不会盲目使用它们。这是尝试转换的好处：成为一个以平台为中心的粉丝并不能帮助移动设计师。说明UI的文档由于界面无法直观地表示所有业务，因此您需要说明不同状态、交互和动画以及它们如何应用于数据和环境的文档。注释您的原型，提供动画实例，并为精选设备旋转。学习UX现代设计师应该是项目设计阶段的战略设计师。所以你的目标，不仅仅是创造美学，是投资于了解产品一切的设计团队。优先考虑快速原型制作，以便及早了解用户的需求。详细的艺术创作工作留到后面去做。确保所有的设计和核心价值都符合用户需求。在项目实现阶段继续专注于UX你不能光顾着给开发者一个原型而忘记了用户体验，因为大部分的图形需求会出现在开发阶段。新的交互和状态变化需要新的图形资源。你需要实时响应，所以把你的椅子放在开发人员旁边，准备好投入设计工作。负责响应式设计的移动Web的一些技巧响应式设计对于移动Web来说并不是一个放之四海而皆准的解决方案。在某些情况下是可能的，在其他情况下则不是。你有责任知道哪些情况下移动端有专门的解决方案，哪些情况保持独立的代码库做一些响应式的调整。即使您是“传统”网页设计师，也要优雅地规划您的页面布局，使其适应不同的屏幕尺寸。并考虑资源大小：华丽的全屏1M背景图像会让您的用户在移动蜂窝数据访问上浪费金钱。谨慎使用CSS和JS当然，CSS动画、渐变、过渡和阴影非常好，而且很容易实现。视觉效果很棒，而且有一群很酷的技术人员在努力，对吧？但这些元素都会对移动端的电池产生负面影响。我们使用的实现越逼真，我们的设备就越不流畅和耗电。CSS3选择器可以控制对低端设备的性能影响。尽可能使用ID和类，并保持元素选择器的低版本。如果您使用#submit而不是.main.container.form>div.submit也是一个好主意。选择合适的工具Sketch（移动开发的工具箱）。可以说是继承了AdobeFireworks，目前在移动端表现不俗。LiveView和SketchMirror是能够在虚拟设备上镜像您的产品的工具。请注意，许多事情会对实际设备产生不同的影响。您可以使用它们轻松测试大小、交互和控制。Origami（来自Facebook）和QuartzComposer都是移动端的快速原型制作工具，让你无需编码即可快速制作原型。构建UI原型，带给你一些逻辑思维和对编程用法的一般理解。PaintCode可以直接将UI和矢量图形导出到Objective-C工件中。基于Web的原型设计软件。有很多：BalsamiqMockups、Axure、UXPin、Moqups、Proto.io。Flinto可以创建交互式原型并将它们实际安装到您的iPhone上，模拟真实的应用程序。（使用Safari的添加到主屏幕功能）。ImageOptim可以为您无损压缩PNG和JPG文件。版本控制软件，最好是Git或Mercurial。立即将您的资产和更改提交到远程存储库比将Zip邮寄给开发人员要好得多。不确定所有这些是否会过时，但移动技术的发展速度快得令人难以置信。很快我们将面临将可穿戴设备、智能设备和传感器与我们的移动应用程序互连的挑战。每一天都会带来新的挑战和创新。所以，如果可以的话，保持对知识的渴望、灵活的思维和好奇心，会让你作为设计师不被时代淘汰。本文由人人产品经理小核桃翻译。转载请注明并保存本文原文链接：http://uxmag.com/articles/what-does-it-take-to-be-a-mobile-designer-today
