Axure PR 9 移动端设计规范

这期内容,来分享一下Android,iOS移动端常用的设计规范。一、Android1. 字体 Typography2. 图标 icons1)应用图标 Product icons2)系统图标 Syste

这期内容,来分享一下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大明同学
这里将记录大同学对生活与职业的分享,感谢关注!