屏幕尺寸
在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