H5页面设计规范_第1页
H5页面设计规范_第2页
H5页面设计规范_第3页
全文预览已结束

下载本文档

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

文档简介

1、.H5 网页设计规范1 、非可循环平铺图片的背景图，须按最大屏幕尺寸来设计，即：1920*720 ；2 、集团、新闻类网站中间内容宽度使用1003PX ；展示、购物类网站中间内容部分宽度使用 1200PX ；3 、必须删除非显示图层和参考线；4 、命名和分组必须规范，建议使用一下命名规则（如有更合适或者更熟悉的命名规则请提前与技术沟通）中英文均可；页头： header内容： content/container页面主体： main页尾： footer导航： nav侧栏： sidebar栏目： column整体布局： wrapper左右中：缩写为 L R C水平 / 垂直： H/V菜单： subm

2、enu摘要 : summary按钮： btn/button滚动： scroll鼠标悬停： hover点击：click已浏览： visited 。广告横幅： AD/ banner.5 、建议将每个独立控件设计有明显的边界，如果不能给出明显边界，请在设计稿中标出与邻近控件的距离；6 、段落文字必须给出行高，必须使用 10 号以上字体，建议使用 1.5 倍行高和14 号字体。7 、需要后台添加的文字（标题、内容等）必须使用常用字体，即宋体和微软雅黑；H5 手机页面设计规范1、PSD 按照宽度 640PX ，高度不限来设计；2、可点击部件不可小于88PX ，（如果不够提交设计稿的时候特别说明）。3、所有部件的尺寸大小必须是双数。4、每个按钮需要有四个状态：默认、按下、选中、不可选。至少需要考虑：默认和不可选两个状态。5、除广告图片外，其他图形部件尽量用图形工具绘制。6、可点击部件尽量和屏幕四边保持20-30PX 的距离。.7、设计的时候尽量以一个使用者的角度去设计，判断哪个页面需要状态栏，哪个页面只需要一个返回按钮。8、iPhone 输入法自带搜索按钮

人人文库> 全部分类> 行业资料 > 管理策划

温馨提示

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

最新文档

评论

0/150

提交评论