Axure PR 9 移动端设计规范

0 评论 1541 浏览 19 收藏 7 分钟
B端产品经理要负责对目标行业和市场进行深入的分析和调研,了解客户的需求、痛点、期望和行为,找到产品的价值主张 🔗

本文深入探讨了Android和iOS两大移动操作系统的设计准则,包括字体、图标、UI组件布局等关键元素。了解这些规范,设计师能够创建既美观又实用的应用界面,提升用户体验。

这期内容,来分享一下Android,iOS移动端常用的设计规范。

一、Android

1. 字体 Typography

Axure PR 9 移动端设计规范

Axure PR 9 移动端设计规范

2. 图标 icons

Axure PR 9 移动端设计规范

1)应用图标 Product icons

Axure PR 9 移动端设计规范

2)系统图标 System icons

Axure PR 9 移动端设计规范

3)快捷图标 Shortcut icon

Axure PR 9 移动端设计规范

4)单位和度量 Units and measurements

  • dpi =屏幕宽度(或高度)像素 / 屏幕宽度(或高度)英寸
  • dp =(宽度像素 x 160)/ dpi

Axure PR 9 移动端设计规范

3. UI组件布局 Element Layout

1)列表 List

Axure PR 9 移动端设计规范

2)触控区域尺寸 Touch target size

Axure PR 9 移动端设计规范

3)应用栏 App bar

Axure PR 9 移动端设计规范

4)安卓通用设备分辨率常

Axure PR 9 移动端设计规范

二、iOS

1. 字体(默认) Typography

Axure PR 9 移动端设计规范

Axure PR 9 移动端设计规范

Axure PR 9 移动端设计规范

2. 点和像素 Points and Pixels

Axure PR 9 移动端设计规范

3. 图标 Icon

1)应用图标 App Icon

Axure PR 9 移动端设计规范

Axure PR 9 移动端设计规范

Axure PR 9 移动端设计规范

2)自定义图标 Custom Icons

Axure PR 9 移动端设计规范

3)分辨率和显示规格 Resolutions and Display

Axure PR 9 移动端设计规范

4)配色

Axure PR 9 移动端设计规范

4. UI组件布局 UI Element Layout

1)状态栏 Status Bar

Axure PR 9 移动端设计规范

2)导航栏 Navigation Bar

Axure PR 9 移动端设计规范

3)搜索栏 Search Bar

Axure PR 9 移动端设计规范

4)标签栏 Tab Bar

Axure PR 9 移动端设计规范

5)表格视图 Table View

Axure PR 9 移动端设计规范

6)弹出 Modals

Axure PR 9 移动端设计规范

7)提示框 Alerts

Axure PR 9 移动端设计规范

8)切换 Segment Controls

Axure PR 9 移动端设计规范

9)滑动条 Sliders

Axure PR 9 移动端设计规范

10)切换按钮 Switch

Axure PR 9 移动端设计规范

11)切换按钮 Switch

Axure PR 9 移动端设计规范

12)iOS 通用设备分辨率常

Axure PR 9 移动端设计规范

本文由 @PM大明同学 原创发布于人人都是产品经理。未经作者许可,禁止转载

题图来自Unsplash,基于CC0协议

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

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!
专题
36958人已学习13篇文章
如何让你的事件营销深入人心?
专题
12016人已学习13篇文章
激活是指用户通过完成关键行为,真正成为产品的用户,而提升新用户激活则是留存用户的第一步。本专题的文章分享了如何做好新用户激活。
专题
18190人已学习17篇文章
数据可视化的方式,能够更加清晰明确的进行数据分析。本专题的文章分享了数据可视化的设计思路。
专题
12893人已学习12篇文章
“私域流量”概念火爆的背后,既有企业焦虑,也有赛道风口。而巧的是,在线教育同样面临增长获客难的问题。本专题的文章分享了在线教育行业如何做私域运营。
专题
15029人已学习12篇文章
本专题的文章分享了SaaS平台产品架构设计。
专题
12363人已学习15篇文章
本专题的文章分享了如何制定业务指标?