资源描述
单击此处编辑母版标题样式,单击此处编辑母版文本样式,二级,三级,四级,五级,16/4/27,#,公共规范,1.iOS,设计尺寸,640,1136px android,设计尺寸,720*1280,;,2.iOS4/5/6,适配,2x.png,切图,,6p,适配,3x.png,切图;,3.3x.png,切图是,2x.png,切图的,1.5,倍,4.android,适配,2x.png,切图(单独命名保存出切图);,5.,主流适配四种:,1080*1920 720*1280 480*800 320*480,;,6.,以下所有出现单位值均为,px,7.,设计稿内容距两边边距,20px,8.,设计文字是微软雅黑,,ios,和,android,替换成各自系统文字,标准色,标准字 图标 按钮 模块 布局,01,标准色,colors,颜色,色值,使用场景,de3737,fe7c2d,2fbd2f,229de4,303a3e,70788c,小面积使用,用于文字,以及按钮,,icon,如重要按钮、文字、,icon,、标签栏选中图标的状态,小面积用于特殊标注的文字,,icon,如重要的文字、指示性,icon,用于特殊标注的文字,以及按钮,,icon,等,如状态性文字、指示性,icon,用于特殊标注的文字,以及按钮,,icon,等,如状态性文字、指示性,icon,重要文字用户标题,普通级段落文字,名称等,如名称类,消息文字、简介段落文字,次要文字,文字说明,未选中类图标,如次要的简介、列表描述等,标准色,标准字 图标 按钮 模块 布局,01,标准色,colors,a6b5c4,bfcad8,e4e4e4,ededed,faf5f5,b1b6bd,特殊图标后缀文字,如登录注册相应图标后缀描述文字,列表后面的描述文字,普通不可点击按钮,文字颜色,所有描边分割线颜色,所有背景的背景色,特殊情况的颜色,如已播放的文字、图标,颜色,色值,使用场景,标准色,标准字 图标 按钮 模块 布局,01,标准色,colors,示例展示,标准色 标准字,图标 按钮 模块 布局,02,标准字,Standard word,字号 使用场景,标准字体,36px,标准字体,34px,标准字体,30px,标准,字体,28px,标准,字体,24px,重要标题和按钮,重要标题和按钮,大多用于列表,名称文字,大多用于列表,名称文字,大多用于内容标题,内容信息文字,标准字体,32px,用于辅助性文字,描述等,标准色 标准字,图标 按钮 模块 布局,02,标准字,Standard word,示例展示,标准色 标准字 图标,按钮 模块 布局,03,图标,icon,03,图标,icon,标准色 标准字 图标,按钮 模块 布局,标准色 标准字 图标 按钮,模块 布局,04,按钮,botton,04,按钮,botton,标准色 标准字 图标 按钮,模块 布局,底部,botton,标准色 标准字 图标 按钮 模块,布局,05,模块,modular,标准色 标准字 图标 按钮 模块 布局,0,6,布局,layout,页面布局一,顶部导航底部导航内容区域,0,6,布局,layout,页面布局二,顶部导航,内容,区域,标准色 标准字 图标 按钮 模块 布局,标准色 标准字 图标 按钮 模块 布局,0,6,布局,layout,部分内容标注,标准色 标准字 图标 按钮 模块 布局,0,6,布局,layout,部分内容标注,标准色 标准字 图标 按钮 模块 布局,0,6,布局,layout,部分内容标注,标准色 标准字 图标 按钮 模块 布局,0,6,布局,layout,部分内容标注,标准色 标准字 图标 按钮 模块 布局,0,6,布局,layout,部分内容标注,标准色 标准字 图标 按钮 模块 布局,0,6,布局,layout,部分内容标注,标准色 标准字 图标 按钮 模块 布局,0,6,布局,layout,部分内容标注,标准色 标准字 图标 按钮 模块 布局,0,6,布局,layout,部分内容标注,谢谢欣赏!,
展开阅读全文