美工与前端开发人员工作规范
一、 美工设计规范
1、文件命名
命名规范一般为文件名+日期：
例如：home
首页 2011-6-1.psd，亦可以细分，命名尽量做到简洁清晰，易于查
找。文件夹要分类命名，文件要分类放置，方便查找管理。
2、网页设计元素命名与图层分组
下面是网页中比较常用的中英文命名，结合了网站制作的 CSS 命名规范，这样可
以统一并提高效率。
为了方便大家看，特制简易表格。
登录条
标志
侧栏
页面头
导航
子导航
菜单
子菜单
LoginBar
Logo
Sidebar
Banner
Nav
SubNav
Menu
SubMenu
搜索
页面主体
滚动
内容
标签
页
文章列
表
提示信
息
小技巧
Search
Main
Scroll
Content
Tab
List
Message
Tips
下载
注册
状态
按钮
投票
合作伙
伴
版权
路径导航
Download
Register
Status
Botton
Vote
Partner
Copyright
Showpath
栏目标题
友情链接
页脚
加入
指南
服务
热点
新闻
Title
FriendLin
k
Footer
JoinUs
Guide
Service
Hot
News
当然，命名不一定要照搬，可以根据具体来实施，做到规范明了即可。上面的每个组
可能都包含着若干图层路径，这些都要命名详细。细节决定深度，按类分组图层，既方便
过程的编辑又方便以后的修改，亦可以避免冗余图层的存在。
一个页面包括很多元素，要分组管理，还要规范每一个图层、路径的命名，方便查找
修改，这是设计的基本要求。一般是按块级元素把图层分组并命名，每个组包含若干图层
和路径，再相应命名。好比我们的文件夹下的文件夹和文件。
3、图形对象约定
•
图片的格式：最后生成 jpg、gif、png、swf 格式的图形文件；
•
图片的字节大小：需经过处理，例如相片须用 ACDSEE 压缩后再导入，避免图像
超过 500KB。
4、设计人员使用 photoshop 或者 fw 设计时的规范