网站首页 > 博客文章 正文
本文深入探讨了Android和iOS两大移动操作系统的设计准则,包括字体、图标、UI组件布局等关键元素。了解这些规范,设计师能够创建既美观又实用的应用界面,提升用户体验。
这期内容,来分享一下Android,iOS移动端常用的设计规范。
一、Android
1. 字体 Typography
2. 图标 icons
1)应用图标 Product icons
2)系统图标 System icons
3)快捷图标 Shortcut icon
4)单位和度量 Units and measurements
- dpi =屏幕宽度(或高度)像素 / 屏幕宽度(或高度)英寸
- dp =(宽度像素 x 160)/ dpi
3. UI组件布局 Element Layout
1)列表 List
2)触控区域尺寸 Touch target size
3)应用栏 App bar
4)安卓通用设备分辨率常
二、iOS
1. 字体(默认) Typography
2. 点和像素 Points and Pixels
3. 图标 Icon
1)应用图标 App Icon
2)自定义图标 Custom Icons
3)分辨率和显示规格 Resolutions and Display
4)配色
4. UI组件布局 UI Element Layout
1)状态栏 Status Bar
2)导航栏 Navigation Bar
3)搜索栏 Search Bar
4)标签栏 Tab Bar
5)表格视图 Table View
6)弹出 Modals
7)提示框 Alerts
8)切换 Segment Controls
9)滑动条 Sliders
10)切换按钮 Switch
11)切换按钮 Switch
12)iOS 通用设备分辨率常
本文由 @PM大明同学 原创发布于人人都是产品经理。未经作者许可,禁止转载
题图来自Unsplash,基于CC0协议
该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务
猜你喜欢
- 2025-06-08 WinPE疑难解答(winpe无法进入)
- 2025-06-08 如何做好跨团队协作项目?(跨团队协作的方法)
- 2025-06-08 正规翻译公司的服务流程是怎样的?火星翻译总结了这些
- 2025-06-08 Chinese FM holds talks with New Zealand deputy PM
- 2025-06-08 App上线需要自查的List:主要针对产品、部分运营和测试
- 2025-06-08 Checklist知多少?超详细的项目检查清单,PM必备!
- 2025-06-08 收藏|空调、制冷仪器、仪表词汇中英文对照表
- 2025-06-08 shell脚本守护node-red进程,让程序一直运行
- 2025-06-08 在linux系统下运行 .net core 程序
- 2025-06-08 Node.js 生产环境部署必备:PM2 从入门到实战全解析
你 发表评论:
欢迎- 最近发表
- 标签列表
-
- powershellfor (55)
- messagesource (56)
- aspose.pdf破解版 (56)
- promise.race (63)
- 2019cad序列号和密钥激活码 (62)
- window.performance (66)
- qt删除文件夹 (72)
- mysqlcaching_sha2_password (64)
- ubuntu升级gcc (58)
- nacos启动失败 (64)
- ssh-add (70)
- jwt漏洞 (58)
- macos14下载 (58)
- yarnnode (62)
- abstractqueuedsynchronizer (64)
- source~/.bashrc没有那个文件或目录 (65)
- springboot整合activiti工作流 (70)
- jmeter插件下载 (61)
- 抓包分析 (60)
- idea创建mavenweb项目 (65)
- vue回到顶部 (57)
- qcombobox样式表 (68)
- vue数组concat (56)
- tomcatundertow (58)
- pastemac (61)
本文暂时没有评论,来添加一个吧(●'◡'●)