H5页面设计规范
《H5页面设计规范》由会员分享,可在线阅读,更多相关《H5页面设计规范(4页珍藏版)》请在装配图网上搜索。
1、H5网页设计规范1、 非可循环平铺图片的背景图,须按最大屏幕尺寸来设计,即:1920*720 ;2、 集团、新闻类网站中间内容宽度使用1003PX ;展示、购物类网站中间内容部分宽度使用1200PX ;3、必须删除非显示图层和参考线;4、命名和分组必须规范,建议使用一下命名规则(如有更合适或者更熟悉的命名规则请提前与技术沟通)中英文均可;页头:header内容:content/container页面主体:main页尾:footer导航:nav侧栏:sidebar栏目:colu mn整体布局:wrapper左右中:缩写为L R C水平/垂直:H/V菜单:submenu摘要:summary按钮:b
2、tn/butt on滚动:scroll鼠标悬停:hover点击:click已浏览:visited广告横幅:AD/ banner0 menu buttomOk顶部导航V亏卜背果C. J底层5、建议将每个独立控件设计有明显的边界,如果不能给出明显边界,请在设计稿中标出与邻近控件的距离;6、段落文字必须给出行高,必须使用 10号以上字体,建议使用1.5倍行高和 14号字体。7、需要后台添加的文字(标题、内容等)必须使用常用字体,即宋体和微软雅黑;八、7H5手机页面设计规范1、PSD按照宽度640PX,高度不限来设计;2、可点击部件不可小于88PX,(如果不够提交设计稿的时候特别说明)3、所有部件的尺寸大小必须是双数。4、每个按钮需要有四个状态:默认、按下、选中、不可选。至少需要考虑:默认和不可选两个状态按下5、除广告图片外,其他图形部件尽量用图形工具绘制 6、可点击部件尽量和屏幕四边保持 20-30PX的距离7、设计的时候尽量以一个使用者的角度去设计,判断哪个页面需要状态栏,哪 个页面只需要一个返回按钮。8、iPhone输入法自带搜索按钮,没有必要再在页面上进行显示取消连衣裙123鹽空格You get autccorreied9、尽可能的对页面部件大小边距等元素进行大小的标注
- 温馨提示:
1: 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2: 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
3.本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 装配图网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。