附录1完美校园轻应用页面设计规范_第1页
附录1完美校园轻应用页面设计规范_第2页
附录1完美校园轻应用页面设计规范_第3页
附录1完美校园轻应用页面设计规范_第4页
附录1完美校园轻应用页面设计规范_第5页
已阅读5页,还剩1页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

附录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;时间等次要文字-#333333or#bbbbbb金额整数金额不要.00,有小数点后位数保留.00,如下:【金额1】-用于团购、商品列表价格列表区域图文列表区域高度106px,图片与文字间距26px,扩展按钮与边框间距20px,页面布局的分割背景:#f4f4f4分割线:#e2e2e2注:其他列表区域以此为标准,可根据实际情况灵活调整。弹出框主体文字大小30px,RGB#666666辅助提示文字大小26px,RGB#cccccc编辑框文本输入框高度60PX;主体文字大小30px,RGB#

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论