移动端app设计规范课件.ppt

《移动端app设计规范课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、公共规范1.iOS设计尺寸640＊1136pxandroid设计尺寸720*1280；2.iOS4/5/6适配@2x.png切图，6p适配@3x.png切图；3.@3x.png切图是@2x.png切图的1.5倍4.android适配@2x.png切图（单独命名保存出切图）；5.主流适配四种：1080*1920720*1280480*800320*480；6.以下所有出现单位值均为px7.设计稿内容距两边边距20px8.设计文字是微软雅黑，ios和android替换成各自系统文字标准色标准字图标按钮模块布局01标准色colors颜色色值使用场

2、景＃de3737＃fe7c2d＃2fbd2f＃229de4＃303a3e＃70788c小面积使用，用于文字，以及按钮，icon如重要按钮、文字、icon、标签栏选中图标的状态小面积用于特殊标注的文字，icon如重要的文字、指示性icon用于特殊标注的文字，以及按钮，icon等如状态性文字、指示性icon用于特殊标注的文字，以及按钮，icon等如状态性文字、指示性icon重要文字用户标题，普通级段落文字，名称等如名称类，消息文字、简介段落文字次要文字，文字说明，未选中类图标如次要的简介、列表描述等标准色标准字图标按钮模块布局01标准色colo

3、rs＃a6b5c4＃bfcad8＃e4e4e4＃ededed＃faf5f5＃b1b6bd特殊图标后缀文字如登录注册相应图标后缀描述文字列表后面的描述文字普通不可点击按钮，文字颜色所有描边分割线颜色所有背景的背景色特殊情况的颜色如已播放的文字、图标颜色色值使用场景标准色标准字图标按钮模块布局01标准色colors示例展示标准色标准字图标按钮模块布局02标准字Standardword字号使用场景标准字体36px标准字体34px标准字体30px标准字体28px标准字体24px重要标题和按钮重要标题和按钮大多用于列表，名称文字大多用于列表，名称文字

4、大多用于内容标题，内容信息文字标准字体32px用于辅助性文字，描述等标准色标准字图标按钮模块布局02标准字Standardword示例展示标准色标准字图标按钮模块布局03图标icon03图标icon标准色标准字图标按钮模块布局标准色标准字图标按钮模块布局04按钮botton04按钮botton标准色标准字图标按钮模块布局底部botton标准色标准字图标按钮模块布局05模块modular标准色标准字图标按钮模块布局06布局layout页面布局一顶部导航＋底部导航＋内容区域06布局layout页面布局二顶部导航＋内容区域标准色标准字图标按钮模块

5、布局标准色标准字图标按钮模块布局06布局layout部分内容标注标准色标准字图标按钮模块布局06布局layout部分内容标注标准色标准字图标按钮模块布局06布局layout部分内容标注标准色标准字图标按钮模块布局06布局layout部分内容标注标准色标准字图标按钮模块布局06布局layout部分内容标注标准色标准字图标按钮模块布局06布局layout部分内容标注标准色标准字图标按钮模块布局06布局layout部分内容标注标准色标准字图标按钮模块布局06布局layout部分内容标注谢谢欣赏！