资料来源:网络整理
时间:2023/3/21 5:33:09 共计:3558 浏览
分享数:0
如果您想设计一款移动APP,但是无从下手,不要担心,本文将提供一些指南,助您开启一段移动APP的设计之旅。
移动APP设计是什么?广义上讲,APP设计师负责把APP设计的好看,好用。移动APP涵盖用户界面和
用户体验。设计师负责APP的整体风格,包括颜色、字体,按钮的类型、窗口小部件等。那我们从哪里开始呢?
一、选择使用平台
鉴于您将要设计一款APP,首先要选择使用平台。如果不太确定怎么选择,那么选择您所熟悉的。如果您使用的是Android,那就选Android,如果您用的是iOS设备,那就从那里着手。或者,你可以为两者都做设计,但最好不要贪多嚼不烂——至少在开始的时候不要贪多嚼不烂。
二、选择工具
Photoshop,AdobeXDandSketch都是不错的选择。一旦确定了平台,接下来就该选择使用的工具了。不管平台是什么,选用的工具都是一样的。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.00037598609924316 秒
版权说明:
本网站凡注明“广州京杭 原创”的皆为本站原创文章,如需转载请注明出处!
本网转载皆注明出处,遵循行业规范,如发现作品内容版权或其它问题的,请与我们联系处理!
欢迎扫描右侧微信二维码与我们联系。