Axure PR 9 移动端设计规范

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

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部