百度360必应搜狗淘宝本站头条
HTML5 标签标签HTML5 标签 (已废弃)HTML 简介键盘快捷键
当前位置：网站首页 > 技术文章 > 正文

Axure PR 9 移动端设计规范（axure移动端展示）

zhezhongyun 2025-05-02 22:35 22 浏览

本文深入探讨了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协议

该文观点仅代表作者本人，人人都是产品经理平台仅提供信息存储空间服务

相关推荐

不看必后悔!15个三星GoodLock隐藏小技巧~(上)

很多刚用三星手机的星粉们，一定对三星GoodLock这个宝藏App还不是很了解，今天就带大家一起详细去看看GoodLock这个大家族究竟有多少宝藏功能及成员呢？让我们一起来看看吧~由于Good...

惊魂幻象理智值监控WA!大字体+范围提示一目了然

一个WA助你轻松监控大幻象理智值，不再错过恢复时机这个WA用大字体实时同步我们的理智值下面的图标提示恢复宝珠的剩余次数上面的图标高亮则意味着我们在宝珠的恢复范围内我们可以将图标随意移动到适合自己观察的...

盘点十个超炫的jQuery插件（jquery插件是干什么的）

“DevExpress14.2新版发布会”即将推出。心动不如行动，赶快报名吧！我们期待与您相约。今天小编为大家搜罗了十个超酷的jQuery插件，这可以使你的网站界面更加友好。jQuery创造了令人难...

Google官方梳理，Android 多返回栈技术详解

用户通过系统返回按钮导航回去的一组页面，在开发中被称为返回栈(backstack)。多返回栈即一堆"返回栈"，对多返回栈的支持是在Navigation2.4.0-alpha0...

说三星手机系统不好用，因为没有玩明白三星，三星Diy功能超强大

都说三星手机系统不好用，其实真正用起来，挺好用的三星手机系统像块没打磨的玉，默认设置是基础款，用着普通。但你要是肯花点时间，它能变得特别顺手。关键就在一个叫GoodLock的工具，它是三星自家出的...

Sam Helper三星手机用户必装神器（三星手机必装app）

SamHelper这款软件集合了三星手机主题工具当前主题o主题路径o主题安装系统设置屏幕模式o状态栏o文件o频段o暗码Lock&LabsGoodLockoGalaxyLa...

外卖套餐搭配的探索和应用（外卖套餐搭配技巧）

本文系外卖美食知识图谱系列的第三篇文章，从技术层面我们会介绍外卖套餐搭配的技术方案，包括离线、实时的套餐搭配的迭代，套餐质量评估方案，同时会介绍套餐搭配的业务应用。1.背景让用户更方便快捷地选购到满...

用几行原生JS就可以实现丝滑的元素过渡效果

作者：ConardLi大家可以看下下面这个应用的页面切换体验，是不是很丝滑～做过体验优化的朋友应该都清楚，如果用原生的CSS或者JS动画去实现，想要实现出类似的效果，不会特别简单，而且也要考...

速腾车主RNS315固件及2016年6月地图升级详细教程

本来打算买个大众原厂的地图卡，后来在网上看其实不需要原厂地图卡也可以升级，于是开始在网上收集资料，开始天真的以为只要有密匙文件修改一下就可以免费升级了，其实最主要的还是破解的固件，不知道为什么，网上找...

学习一个母词act，一次解析一串关联、复合、衍生词族

首先形义解读一下act的原始意象，A是力量与行动的开始C是范围的覆盖T是目标目的的接触与刻度合在一起，行动行为艺术力量的复合行为以下是关于act的复合词、词根词缀衍生词及其变形后的词根衍生词的详细...

优迈系统(一体化控制柜)快车调试(八)

逻辑故障和驱动故障分析段码管上显示警告码和故障码对照表警告码操作模式故障码操作模式或驱动故障AL000EPC（紧急电源管制模式）ER100DTC（门在设定时间内不能关到位）AL001COR（复位模式）...

Layui简单实现左侧菜单和Tab选项卡动态操作

<!DOCTYPEhtml><html><head><metacharset="utf-8">...

码农如何快速打造一个有设计感的网站

像我这样的程序员来说经常被“设计”这个词吓到，因为我是一名程序员而不是设计师，我拥有的是计算机学位证，另外我对ComicSans字体并不介意。（注：ComicSans字体是Win95附带...

vue3 新特性 computed、watch、watchEffect 看完就会

1、watchEffectwatchEffect侦听器是一个副作用函数，不需要指定监听的某个属性，监视的回调中用到哪个属性，就会监听哪个属性，一旦运行就会立即执行。watchEffect与com...

10个冷门但非常实用前端开发者很少用的CSS规则

许多开发者只学了基础——比如修改颜色、设置字体或创建弹性布局——就止步不前。但CSS是一门精深而多用途的语言，掌握后能帮你构建优雅、高效且无障碍的界面。无论你是从零搭建还是微调设计系统，掌握一些高...

一周热门
最近发表
标签列表