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

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

一般来说,应用程序设计师的核心职责是让用户有体验应用的欲望,而开发者负责让它正常工作。移动应用程序设计包括用户界面 (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 对象的放置-所有这些因平台而异。

相关推荐
程序员猫哥_3 分钟前
HTML 生成网页工具推荐:从手写代码到 AI 自动生成网页的进化路径
前端·人工智能·html
龙飞054 分钟前
Systemd -systemctl - journalctl 速查表:服务管理 + 日志排障
linux·运维·前端·chrome·systemctl·journalctl
我爱加班、、9 分钟前
Websocket能携带token过去后端吗
前端·后端·websocket
AAA阿giao9 分钟前
从零拆解一个 React + TypeScript 的 TodoList:模块化、数据流与工程实践
前端·react.js·ui·typescript·前端框架
杨超越luckly16 分钟前
HTML应用指南:利用GET请求获取中国500强企业名单,揭秘企业增长、分化与转型的新常态
前端·数据库·html·可视化·中国500强
hedley(●'◡'●)1 小时前
基于cesium和vue的大疆司空模仿程序
前端·javascript·vue.js·python·typescript·无人机
qq5_8115175151 小时前
web城乡居民基本医疗信息管理系统信息管理系统源码-SpringBoot后端+Vue前端+MySQL【可直接运行】
前端·vue.js·spring boot
百思可瑞教育1 小时前
构建自己的Vue UI组件库:从设计到发布
前端·javascript·vue.js·ui·百思可瑞教育·北京百思教育
百锦再1 小时前
Vue高阶知识:利用 defineModel 特性开发搜索组件组合
前端·vue.js·学习·flutter·typescript·前端框架
心疼你的一切1 小时前
基于CANN仓库算力手把手实现Stable Diffusion图像生成(附完整代码+流程图)
数据仓库·深度学习·stable diffusion·aigc·流程图·cann