文档介绍：这套WebUI设计命名规范总结自我某些Web设计经验和国外设计师命名方式推荐。
Web UI 设计命名规范
:
1.    Container
“container“ 就是将页面中所有元素包在一起某些，这某些还可以命名为：“wrapper“，“wrap“，“page“.
2.    Header
“header” 是网站页面头部区域，普通来讲，它包括网站logo和某些其她元素。这某些还可以命名为:“page-header” (或 pageHeader).
3.    Navbar
“navbar“等同于横向导航栏，是最典型网页元素。这某些还可以命名为:“nav”，“navigation”，“nav-wrapper”.
4.    Menu
“Menu”区域包括普通链接和菜单，这某些还可以命名为：“subNav “，“links“，“sidebar-main”.
5.  
Main
“Main”是网站重要区域，如果是博客话它将包括日记。这某些还可以命名为：“content“，“main-content” (或“mainContent”)。
6.   Sidebar
“Sidebar” 某些可以包括网站次要内容，例如近来更新内容列表、关于网站简介或广告元素等…这某些还可以命名为：“subNav “，“side-panel“，“secondary-content“.
7.    Footer
“Footer”包括网站某些附加信息，这某些还可以命名为：“copyright“.
:
”用意”，达到语义化。不要使用表面形式命名.
如:red/left/big等。
:
[元素类型]-[元素作用/内容]
如:搜索按钮：btn-search
登录表单:form-login
新闻列表:list-news
:
凡涉及交互行为元素普通会有正常、悬停、点击和已浏览等不同样式，命名可参照如下规则:
鼠标悬停:：hover   点击：click   已浏览：visited
如:搜索按钮：btn-search、btn-search-hover、btn-search-visited
:
Photoshop图层命名遵循树形构造，凡某元素构成图层不不大于3层，即可形成组，所有图层尽量避免使用默认命名(图层+编号)。
第一级图层构造如下图:
第二级构造图例(医院网站):