移动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的开发了如执掌,也欢迎您分享!
一、选择使用平台
鉴于您将要设计一款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的开发了如执掌,也欢迎您分享!
- 基于用户创新
界面设计日新月异,梦创义坚持基于用户需求的界面创新设计……
- 服务设计思维
互联网的格局发生的改变,在我们进行设计服务时更是考虑不同用户、不同……
- 洞察用户心理
洞察用户有意识和无意识的行为以及心理特征通过构造一系列的服务来促进……
- 查看更多 >>
最新新闻Latest News
- 中小型企业网站建设完应该如何营销
- 很多中小型企业往往纠结于以下10个问题:一、我们起步比别人晚,我们的……
- 做企业网站到底做给谁看?
- 设计经常时不时的遇到一些企业客户,常常搞不清楚谁会真正看你的企业网……
- 传统企业进军移动互联网,从移动云网站开始
- 移动互联网是移动通信和互联网融合的产物,其发展的重要基础便是智能手……
- 网站建设和运营五大细节决定用户黏性
- 网站的成功离不开搜索引擎优化,更离不开最基础最根本的用户群体,如何……
- 2015年值得关注的电子商务5大趋势
- 线上线下销售的界线正在变得越来越模糊。在2015年,这一趋势仍将继续。……