Axure8中IOS10原型设计尺寸规范

屏幕尺寸

在Axure中的屏幕分辨率等于逻辑分辨率:宽=375px 高=667px ,在UI设计图中使用像素分辨率。

布局元件

在苹果UI KIT 中提供了标准的元件,参考官方说明:https://developer.apple.com/ios/human-interface-guidelines/ui-bars/navigation-bars/

UI Bars 

  • 状态栏(Status Bars)    高度20px
  • 导航条(Navigation Bars)    高度44px
  • 搜索栏(Search Bars)    高度29px
  • 标签栏(Tab Bars)    高度49px
  • 工具栏(Toolbars)

UI Views

  • 操作列表(Action Sheets)
  • 活动视图(Activity Views)
  • 确认框(Alerts)

UI Controls

  • 按钮(Buttons)
  • 开关(Switches)
  • 输入框(Text Fields)

直接上图

字体和字号

iOS中使用苹果默认字体 San Francisco

字号采用 18px 16px 14px 12px 递减的形式

图标和间距

icon高度为29px 

所有元素与屏幕左边的距离为14px,图标与文字见的距离为21px

发表评论