首页 > Web前端技术, 项目管理 > 管理系统切图时需要注意的事项
201307月7

管理系统切图时需要注意的事项

写作背景

最近由于公司项目比较多,公司新招了一个美工,负责帮我切公司开发框架中的设计图,结果切出来的页面基本不能用,让我很无语,无奈之下又让我们研发团队的另外一个美工帮切图,在切图之前我将需要注意的事项都做了整理,在此和大家分享下。

miss系统切图时注意事项

1. 页面需要支持IE6+、火狐、谷歌等浏览器
2. 页面要能够自适应,随着屏蔽的分辨率、页面自动变化
3. 页面不要出现横向滚动条
4. 表格中的td不要加样式,只加宽度就行(开发的可以添加)
5. 操作按钮都用文字加样式,不要用图标、比如表格区域中的删除、修改按钮
6. 查询条件可以横向、纵向动态添加
7. 左边菜单顶层菜单可以上下收缩,鼠标选中需要有选中样式
8. 左边菜单整体可以向左进行收缩,收缩后右边的表格向左伸展
9. 左边菜单收缩时,需要有箭头指向,说明目前是伸缩状态还是收缩状态
10. 页面文本框的宽度需要有几个不同的尺寸,开发人员可以进行选择使用。
11. 新增页面input后面需要加query的验证,所以布局需要考虑到。

两美工切的网页对比

第一个美工切的页面:
第一个美工切的页面
第二个美工切的页面:
第二个美工切的页面

文章作者: iitshare
本文地址:http://www.iitshare.com/cutting-plans-need-to-pay-attention.html
版权所有 © 转载时必须以链接形式注明作者和原始出处!

更多

One Response to “管理系统切图时需要注意的事项”

  1. #1 响应式web设计 回复 | 引用 Post:2013-09-30 09:42

    所谓的网页切图就是将psd格式的设计稿通过div/css/jquery技术制作成html的网页格式的过程,并且兼容ie6,ie7,ie8,firefox,chrome主流浏览器,所以又叫psd转html.

发表评论