原创力文档- 1、本文档共6页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
查看更多
附录1：完美校园轻应用页面设计规范
编写目的
完美校园轻应用界面设计规范指导完美校园APP内置轻应用设计过程中的设计标准，包括文字、页面布局、色阶等元素要求。
根据统一的设计标准，使得整个APP各个页面在视觉上统一，提升用户体验。产品经理、UI设计师、测试人员可以作为产品评价依据，以便大家建立共同的认知，便于在设计过程中的团队合作，提高产品研发迭代效率。
使用范围
参与产品定义和产品实现的UI设计师以及测试人员等。
按钮
导航条高度
96px 文字36px 图标32*32px
菜单栏
96px文字24px 图标：48*48px
方形大图标：切片84*84px 图标尺寸：66Px*66Px
标准色：蓝灰：#dfe9ea 浅黄：#fff9ce 描边：2px #7c8b8c
长方形小图标68px*130px（小）
长方形大图标90px*710px（大）
色阶
全局用色
背景用色
分割线用色
文字用色
图标用色
文字规范
字体Font
【字体1】
【字体2】金额专用字体
样式Style
不加粗、加粗
大小Size
【34px】顶部导航栏-栏目名称#333333; 文字按钮#666666
【30px】标题-#333333; 标题-加粗-#333333
【28px】主要文字-用户昵称-加粗-#333333；正文-#333333；按钮文字-#ffffff，#666666，#333333
【26px】辅助文字-#666666；提示文字-#999999
【24px】次要文字-底部菜单文字-默认#666666，点击#ffb830；时间等次要文字-#333333 or #bbbbbb
金额
整数金额 不要.00，有小数点后位数保留.00，如下：
【金额1】-用于团购、商品列表价格
列表区域
图文列表区域高度106px，图片与文字间距26px，扩展按钮与边框间距20px，
页面布局的分割背景: #f4f4f4
分割线： #e2e2e2
注：其他列表区域以此为标准，可根据实际情况灵活调整。
弹出框
主体文字大小30px，RGB#666666
辅助提示文字大小26px，RGB#cccccc
编辑框
文本输入框高度60PX；
主体文字大小30px，RGB#666666；
背景RGB#f4f4f4；
辅助提示文字大小26px，RGB#cccccc；
搜索框
文档评论（0）