三.Photoshop图层结构规范:

　　Photoshop图层命名遵循树形结构，凡某元素组成的图层大于3层，即可形成组，所有图层尽量避免使用默认命名(图层+编号)。

　　第一级图层结构如下图:

　　

　　第二级结构图例(医院网站):

　　

　　第三级结构图例及效果图对比(医院新闻栏目)：

　　

　　效果图

　　

　　图层命名结构

　　四．常用命名汇总:

　　页头:header

　　登录条:loginbar

　　标志:logo

　　侧栏:sidebar

　　广告条:banner

　　导航:nav

　　子导航:subNav

　　菜单:menu

　　子菜单:subMenu

　　下拉菜单:dropMenu

　　工具条: toolbar

　　表单:form

　　栏目:column

　　箭头:arrow

　　搜索:search

　　搜索按钮:btn-search

　　滚动条:scroll

　　内容:content

　　标签页:tab

　　文章列表:list

　　提示信息:msg

　　小技巧:tips

　　栏目标题:title

　　链接:links

　　页脚:footer

　　服务:service

　　热点:hot

　　新闻:news

　　下载:download

　　注册:regsiter

　　状态:status

　　按钮:btn

　　投票:vote

　　合作伙伴:partner

　　版权:copyright

　　网站地图: sitemap

　　以上命名规范仅供参考。如果大家对于Web UI设计规范有自己的见解，欢迎大家在此留言一同讨论，互相学习，共同进步:)