请选择 进入手机版 | 继续访问电脑版
查看: 40558|回复: 235

CrossApp部分UI设计规范整理

  [复制链接]
最佳答案
0 
Slim 发表于 2015-1-19 11:15:24 | 显示全部楼层 |阅读模式
这里给大家整理了大部分CrossApp的UI设计规范,供大家学习和参考。详情请参考附件中的设计规范文档
QQ截图20150119095457.png
导航栏:
• 是半透明的
• 一般出现在 app 页面顶部,就在状态栏下面一点
• 在 iPad 上,导航栏也可以在视图内部显示而不用贯穿整个屏幕,例如分栏视图控制器的一个窗格。
• 在 iPhone 切换设备方向时,可以自动调整导航栏高度
• 在 iPad 上, 导航栏的高度不随设备方向改变而改变
QQ截图20150119095524.png
标签栏:
• 是半透明的
• 通常出现在屏幕底部
• 在 iPhone 上,同时显示不超过 5 个标签(如果有更多标签,标签栏会显示其中 4 个并增加一个「更多」标签,再将其他的标签以列表形式收纳在其中),iPad可超过5个。
• 标签栏高度不随设备方向改变而改变
• 可以用徽标——一个红底白字并显示数字或感叹号的椭圆形——来显示和 app 有关的特有信息
• 在某个标签的功能不可用时,不要移除它
• 在 iPad 上,避免使用「更多」这一标签。
• 在 iPad 上,横屏竖屏都显示一样的标签,以增强 app 的视觉稳定感。


游客,如果您要查看本帖隐藏内容请回复



评分

参与人数 1铜板 +20 收起 理由
美珠 + 20 楼主是好人~

查看全部评分

最佳答案
0 
robert1111 发表于 2015-1-19 11:18:16 | 显示全部楼层
多谢楼主分享!!!!
最佳答案
0 
desiresoar 发表于 2015-1-19 11:22:56 | 显示全部楼层
好东西,多谢楼主分享。。。。。
最佳答案
0 
scott_deng 发表于 2015-1-19 11:23:02 | 显示全部楼层
这个是好东西...
最佳答案
0 
抱大鸡蛋大腿 发表于 2015-1-19 11:35:52 | 显示全部楼层
爱了00000000000000000000000000000000
最佳答案
0 
抱大鸡蛋大腿 发表于 2015-1-19 11:37:24 | 显示全部楼层
爱了00000000000000000000000000000000
最佳答案
0 
liuyi5240 发表于 2015-1-19 11:50:25 | 显示全部楼层
希望,各位神9,多花点时间公布一些更多的,底层相关
最佳答案
0 
 楼主| Slim 发表于 2015-1-19 11:59:35 | 显示全部楼层
liuyi5240 发表于 2015-1-19 11:50
希望,各位神9,多花点时间公布一些更多的,底层相关

嗯!时间确实有点紧,版主打算开始做应用了么?

点评

应用前台已经完成了一个简单的,后面一个应用还在规划阶段,  详情 回复 发表于 2015-1-19 15:28
您需要登录后才可以回帖 登录 | 注册

本版积分规则

推荐阅读 More>

© 2001-2015 9秒社团

合作伙伴

公司简介 | 联系方式
COPYRIGHT©2015 ZHONGQINGLONGTU NETWORK CO.LTD ALL RIGHTS RESERVED.ICP备11023195号-4
北京中清龙图网络技术有限公司
返回顶部 返回列表