iOS平台设计规范

一、UI的控件概述:


1、框架UI的元素分为4类:

A:栏:状态栏目和导航栏的结合体;

B:内容视图:应用显示的内容信息,包括相关的交互行为,例如滚屏、插入、删除等操作进行排序;

C:控制元素:产品行为或显示的信息;

D:临时视图:临时向用户提供重要的信息,或提供额外的功能和选项。

2、框架UI的尺寸:


3、图标icon的尺寸:


二、UI的布局概述:

1、可点击对象的区域:尺寸不要小于44*44px;

2、将重要的内容和功能放在权重高的位置,将重要的元素放在前半屏比较好,对于阅读习惯从 左到右的用户来说,更贴近屏幕左侧位置容易引起关注的;

3、利用视觉表现形式的权重和平衡,尺寸较大的元素具有更高的权重,对于尺寸较小的元素来 说,更能吸引目光,看上去更加重要;

三、UI的字体概述:

1、字体是ios7设计的关键,大多数操作都是点击文字或点击图标,按钮也会有,但是占的比重很小;

2、苹果的默认字体是Helvetica Nenu,一种纤细简单的文字,但那不是你唯一的选择;

3、Ios7的字号稍微加大了,主要由于它的用途,而且文字之间的层级关系至关重要,利用颜色 和不同的粗细,来保持文字的布局和UI元素的清晰易懂。

4、苹果字体规格说明:

A:导航栏标题:medium 34px;

B:按钮和表头:light 34px

C:表格标签:Regular 28px;

D:Tab页图标标签:Regular 20px


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值