- 1、本文档共4页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
IOS界面设计标准
对于普遍的屏幕密度标准版本尺寸(像素表示)
分类
低密度屏幕(ldpi)
中密度屏幕(mdpi)
高密度屏幕(hdpi)
启动器
36x36px
48x48px
72x72px
菜单
36x36px
48x48px
72x72px
状态栏
24x24px
32x32px
48x48px
标签
24x24px
32x32px
48x48px
对话
24x24px
32x32px
48x48px
列表视图
24x24px
32x32px
48x48px
一.字体颜色和字号:
每个界面的字体颜色和字号不得超出3种〔字体颜色可根据底色适配〕
1.导航:字号40〔20〕
2.一级标题:字号32〔16〕〔黑#464646〕
3.二级标题和内容:字号28〔14〕〔深灰#a7a7a7〕
二.图标:〔样式和大小统一:分为两种〕
1.导航栏\工具栏和标签栏
2.界面中间局部的一些图标
三.按钮形状和高度
1.按钮分两种:椭圆〔半径70〕、圆角〔半径10〕,
2.按钮高度设为90或70〔一般在登录或主界面的按钮要比内页的按钮要高〕
四.列表、线条
1.列表高度分两种:一种是只显示一排文字,一种是显示两排文字的
2.线条颜色分为两种:列表分隔线:深文字分隔线:浅
IOS界面细节调整
首先定一个主色调出来。。。
登录
分为3个局部:Logo、中间登录文字内容、背景图
1.检查logo是否变形
2.底部灰色背景图颜色调浅往下移一点
3.中间内容稍微排得紧凑一点〔现有点散乱〕整体下移点,登录按钮的文字小了
首页
1.首页选中状态改样式
如图:
2.首页下方工具栏为渐变效果,统一扁平效果
3.图标底色与字体颜色应不一致
界面三局部
1.导航栏高度应按照标准高度
2.导航栏背景图片要提亮
3.导航栏、工具栏:文字、图标大小等统一一个大小,样式统一
4.内容栏:统一一个大小,样式统一〔首页中图标为线条样式空间中图标为普通样式〕
列表
列表高度:一排的高度要统一,两排的高度应统一
如:两排高度的有消息、通讯录、群聊、同事圈、签名等高度应统一
分割线
分割线应一样的高度与一样的颜色,需统一
如:首页、空间、设置、个人信息、消息设置、通讯录、同事圈中分割线高度样式统一
线条样式
线条有列表的和文字,颜色应区分开,文字线条浅,列表线条深
2.线条从图标后的文字开始,拉到结尾,如下列图样式
如:首页、设置、空间
字体字号
每个界面应按照导航、一级、二级标题区分,字体颜色根据色调配颜色
如:消息、通讯录、公众号、消息设置、功能介绍、个人信息
按钮
根据主色调统一按钮颜色:登录、退出登录、进入公众号、删除并退出群、申请加群等
按钮统一文字大小样式
背景颜色
1.详情、问题反应等界面背景为灰色,消息背景为白色。白色不好,应统一为很浅很浅的灰。〔问题反应界面中的灰较深〕
消息
修改线条颜色
修改导航栏、一二级标题字体
聊天
1.聊天下方菜单不应该渐变,可扁平加边
2.聊天内容背景浅灰,下面菜单应比内容深
3.聊天对话框改样式,淡蓝或淡绿,或者加边框不要有阴影
二维码
1.二维码较大,线条粗
2.可按照微信摆放:上方个人头像,中间二维码,下方加我,丰富界面
问题反应
1.输入框应按照IOS的样式,上下线条到尾,没有左右边框
功能介绍
导航栏与一二级标题字体,文字太小,按照字体标准统一
框太明显较粗
设置密码
1.下面设置密码字体不好,多余
2.底图改淡
关于
1.图变形
搜索框
1.公众号搜索框靠上
2.统一扁平效果
3.公众号搜索、通讯录搜索、搜索好友样式不一致,统一字体及样式
您可能关注的文档
- 电大专科会计学《管理会计》试题及答案1.doc
- 生活污水处理厂常用设备报价单(机械设备及电气设备).doc
- 现浇结构外观质量检验批质量验收记录.doc
- 电学实验专题复习作业.docx
- 用字母表示公式及运算法则.doc
- 电大-管理学原理-小抄.doc
- 电磁感应现象综合应用练习题.doc
- 主题班会及团队游戏.ppt
- 盐城市盐都区建筑施工合同及项目部备案登记表.doc
- 电器公司射频场感应的传导骚扰抗扰度试验作业指导书.doc
- 2024年中国钽材市场调查研究报告.docx
- 2024年中国不锈钢清洗车市场调查研究报告.docx
- 2024年中国分类垃圾箱市场调查研究报告.docx
- 2024年中国水气电磁阀市场调查研究报告.docx
- 2024年中国绿藻片市场调查研究报告.docx
- 2010-2023历年初中毕业升学考试(青海西宁卷)数学(带解析).docx
- 2010-2023历年福建厦门高一下学期质量检测地理卷.docx
- 2010-2023历年初中数学单元提优测试卷公式法(带解析).docx
- 2010-2023历年初中毕业升学考试(山东德州卷)化学(带解析).docx
- 2010-2023历年初中毕业升学考试(四川省泸州卷)化学(带解析).docx
文档评论(0)