界面设计规范.docx

IOS界面设计规范
对于普遍的屏幕密度标准版本尺寸(像素表示)
分类
低密度屏幕(ldpi)
中密度屏幕(mdpi)
高密度屏幕(hdpi)
启动器
36 x 36 px
48 x 48 px
72 x 72 px
菜单
36 x 36 px
48 x 48 px
72 x 72 px
状态栏
24 x 24 px
32 x 32 px
48 x 48 px
标签
24 x 24 px
32 x 32 px
48 x 48 px
对话
24 x 24 px
32 x 32 px
48 x 48 px
列表视图
24 x 24 px
32 x 32 px
48 x 48 px
:
每个界面的字体颜色和字号不得超出3种(字体颜色可根据底色适配)
:字号40(20)
:字号32(16) (黑#464646)
:字号28(14) (深灰#a7a7a7)
:(样式和大小统一:分为两种)
\工具栏和标签栏


:椭圆(半径70)、圆角(半径10),
(一般在登录或主界面的按钮要比内页的按钮要高)
、线条
:一种是只显示一排文字,一种是显示两排文字的
:列表分隔线:深文字分隔线:浅
IOS界面细节调整
首先定一个主色调出来。。。
登录
分为3个部分: Logo、中间登录文字内容、背景图


(现有点散乱)整体下移点,登录按钮的文字小了
首页

如图:
,统一扁平效果

界面三部分


、工具栏:文字、图标大小等统一一个大小,样式统一
:统一一个大小,样式统一(首页中图标为线条样式空间中图标为普通样式)
列表
列表高度:一排的高度要统一,两排的高度应统一
如:两排高度的有消息、通讯录、群聊、同事圈、签名等高度应统一
分割线
分割线应一样的高度与一样的颜色,需统一
如:首页、空间、设置、个人信息、消息设置、通讯录、同事圈中分割线高度样式统一
线条样式
线条有列表的和文字,颜色应区分开,文字线条浅,列表线条深
,拉到结尾,如下图样式
如:首页、设置、空间
字体字号
每个界面应按照导航、一级、二级标