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

下载本文档

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

文档简介

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

2、摘要:summary鼠标悬停:hover点击:click已浏览:visited广告横幅:AD/ bannero menuO 1 buttam 1顶部辱航O 1背景O5、建议将每个独立控件设计有明显的边界,如果不能给出明显边界,请在设计稿中标出与邻近控件的距离;6段落文字必须给出行高,必须使用 10号以上字体,建议使用倍行高和14号 字体。7、需要后台添加的文字标题、内容等必须使用常用字体,即宋体和微软雅黑;八、7H5 页面设计标准1、PSD按照宽度640PX高度不限来设计;2、可点击部件不可小于88PX 如果不够提交设计稿的时候特别说明。3、所有部件的尺寸大小必须是双数。4、每个按钮需要有四个状态:默认、按下、选中、不可选。至少需要考虑:默 认和不可选两个状态。5、除广告图片外,其他图形部件尽量用图形工具绘制。6可点击部件尽量和屏幕四边保持 20-30PX的距离7、设计的时候尽量以一个使用者的角度去设计,判断哪个页面需要状态栏,哪 个页面只需要一个返回按钮。8、iPhone输入法自带搜索按钮,没有必要再在页面上进行显示。 1 Wrini V 4; g1 PMlOCrttQ连奩斑満连衣You

温馨提示

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

评论

0/150

提交评论