移动应用程序设计详解:基本概念和原理

移动应用程序设计是什么?

一般来说,应用程序设计师的核心职责是让用户有体验应用的欲望,而开发者负责让它正常工作。移动应用程序设计包括用户界面 (UI) 和用户体验 (UX)。设计者负责应用程序的整体风格,包括配色方案、字体选择、用户使用的按钮和小部件的类型。

选用程序应用平台

根据你想设计移动应用程序的原因,你可能已经知道你想使用哪个平台和为什么。但是,如果你不确定哪一个适合你,请选择你最熟悉的。

假设你使用的是 Android 手机,请为 Android 设计。假设你使用的是 iOS 设备,请从iOS开始。

Android & IOS 设计规范分享https://js.design/community?category=detail&type=resource&id=664f282050fd08cf4cd8413a&source=csdn&plan=btt5282

应使用哪些工具?

一旦你知道要设计哪个平台,下一步就是选择合适的在线设计合作工具来完成工作。在设计移动应用程序时,好消息是,无论平台如何,你通常都可以为它们使用相同的工具。

流行的应用程序设计选项包括 Adobe Photoshop、Adobe XD 而且即时设计。还有很多,但是这些都是这个行业流行的工具。

你可能认为 Photoshop 尤其是如果你把它用于其它类型的设计工作,这是你设计移动应用程序的最佳选择。--但是最好使用Adobee来设计移动应用程序。 XD 或者即时设计。即时设计可与其它工具相比,进行团队合作和资源再利用,大大提高了设计效率。

即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具,支持 Sketch、Figma、XD 格式导入,海量优质设计资源即拿即用。支持创建交互原型、获取设计标注,为产设研团队提供一站式协同办公体验。https://js.design/?source=csdn&plan=btt5282

使用Adobe XD 或是即时设计而非即时设计 Photoshop 其中一个最大的原因就是这两种工具在构建时考虑了设计和原型设计。它们有助于简化你的设计过程,并针对它们 UI 和 UX 设计师,而 Photoshop 这种方法更多地用于图像处理。

操作系统设计指南

在开始设计之前,因为你需要先了解平台的注意事项。一般来说,移动应用设计在不同的操作系统之间有一些相似之处,例如:

目标驱动设计

保持简单

保持流量

可读性是关键

尊重平台

最后,"尊重平台"比你想象的更重要。当用户下载应用并将其安装在设备上时,用户希望它以熟悉和直观的方式运行。用户的意见是基于他们所知道的,所以当应用程序违反时, 90% 用户可以删除操作系统的具体设计规则。

您不只是需要考虑 iOS 和 Android 按钮、字体选择和不同的导航模式也需要考虑。 UI 对象的放置-所有这些因平台而异。

相关推荐
什么鬼昵称2 分钟前
Pikachu-csrf-CSRF(get)
前端·csrf
长天一色20 分钟前
【ECMAScript 从入门到进阶教程】第三部分:高级主题(高级函数与范式,元编程,正则表达式,性能优化)
服务器·开发语言·前端·javascript·性能优化·ecmascript
NiNg_1_23438 分钟前
npm、yarn、pnpm之间的区别
前端·npm·node.js
秋殇与星河40 分钟前
CSS总结
前端·css
BigYe程普1 小时前
我开发了一个出海全栈SaaS工具,还写了一套全栈开发教程
开发语言·前端·chrome·chatgpt·reactjs·个人开发
神之王楠1 小时前
如何通过js加载css和html
javascript·css·html
余生H1 小时前
前端的全栈混合之路Meteor篇:关于前后端分离及与各框架的对比
前端·javascript·node.js·全栈
程序员-珍1 小时前
使用openapi生成前端请求文件报错 ‘Token “Integer“ does not exist.‘
java·前端·spring boot·后端·restful·个人开发
axihaihai1 小时前
网站开发的发展(后端路由/前后端分离/前端路由)
前端
流烟默2 小时前
Vue中watch监听属性的一些应用总结
前端·javascript·vue.js·watch