010-64928252 400-6446-365

移动APP设计指南

2019-07-04
  如果您想设计一款移动APP,但是无从下手,不要担心,本文将提供一些指南,助您开启一段移动APP的设计之旅。



  移动APP设计是什么?广义上讲,APP设计师负责把APP设计的好看,好用。移动APP涵盖用户界面和用户体验。设计师负责APP的整体风格,包括颜色、字体,按钮的类型、窗口小部件等。那我们从哪里开始呢?

  一、选择使用平台

  鉴于您将要设计一款APP,首先要选择使用平台。如果不太确定怎么选择,那么选择您所熟悉的。如果您使用的是Android,那就选Android,如果您用的是iOS设备,那就从那里着手。或者,你可以为两者都做设计,但最好不要贪多嚼不烂——至少在开始的时候不要贪多嚼不烂。

  二、选择工具

  Photoshop,AdobeXD 和 Sketch 都是不错的选择。一旦确定了平台,接下来就该选择使用的工具了。不管平台是什么,选用的工具都是一样的。APP设计常用的工具有AdobePhotoshop, AdobeXD 和 Sketch.一开始你可能觉得Photoshop很好用,但是对于移动APP的设计来说,你最好选用AdobeXD或Sketch.最大的原因是这两个工具在构建时考虑到了设计和原型。它们帮助您简化设计流程,并针对UI和UX设计人员,而Photoshop更适合于图像处理。这里需要注意的一点是:如果您计划进行跨平台开发或支持,AdobeXD是上上选,因为Sketch只在macOS上可用。

  三、操作系统设计指南

  在您开始设计之前,您首先需要了解平台的“可操作”和“不可操作”。一般来说,不同操作系统的移动APP设计有一些相似之处:比如,目标驱动的设计,保持简单(少即是多),保持流畅,可读性是关键,尊重的平台等。最后一条,尊重平台要比你想象的重要,当用户下载并安装一个应用程序到他们的设备上时,他们希望它以一种他们熟悉和直观的方式运行。当一个应用程序违反了90%的特定于操作系统的设计规则时,用户很可能会删除它。

  您不仅需要考虑 iOS 和 Android 具有的不同导航模式,还需要考虑按钮、字体选择和UI对象的位置——所有这些在不同的平台上都是不一样的。

  四、线框和应用流程

  使用专用的线框工具,或坚持使用笔和纸。在设计APP的外观和感觉之前,必须对其流量控制和结构进行处理。这是线框发挥作用的地方。线框可帮助您了解用户如何导航和使用应用程序。它们的设计简单,重点是流量和可用性。可以在Sketch或AdobeXD中创建线框图。使用这些工具进行线框图绘制,您可以相对轻松地将低保真线框图转换为高保真预览图。

  五、模型和原型

  一旦您完成了线框图的工作,就要将其与开发团队和/或您的客户端讨论,确定之后,就可以制作一些模型和原型了。如果使用相同的设计工具创建线框图和移动APP设计,这一步通常会更容易。许多工具,包括UXPin,都提供了用开发人员所需的详细信息注释线框图的方法,从而消除了任何不确定因素。

  进行APP的设计的同时最好构建共享资源库。因为您在这里创建的标准按钮、图标和其他元素可能在您设计的其他应用程序中很有用,所以请确保将它们保存下来。

  六、了解开发限制

  设计师也向开发人员提供设计元素和可视资产。像图标,背景,徽标甚至字体之类的东西都是设计师可能交给开发人员的东西。一旦开发人员拥有了他们需要的一切,他们的工作就是采用该设计(各个部分)并使其发挥作用。然而,有时候,设计师并不了解开发人员面临的限制。当这种情况发生时,一切就会乱了套。作为移动应用程序设计人员,您可以完全忽略开发人员和开发过程,但最好还是要了解开发人员面临的挑战和限制,不管他们使用的是什么工具,还是操作系统和/或应用程序将运行在哪些设备上。有了这些知识,您可以更有效地设计移动APP,减少开发人员的阻力,同时培养更协作的工作环境。

  如果您不了解移动APP的设计,希望本文会给您一些启发,如果您已经对移动APP的开发了如执掌,也欢迎您分享!
TAG标签耗时:0.0026121139526367 秒
010-64928252/400-6446-365 我现在就想找顾问聊聊
让决策变的简单
好的开始是成功的一半
您需要一位互联网
顾问提供专业咨询
AI人工智能 · VR · AR · 智慧博物馆 · 智慧公园 · 景区 · 文创 · 动画
高端网站建设 · 小程序 · APP · 微信 · H5 · 游戏 · 电商 · 年度运营