Web UI 设计(网页设计)命名规范（2）
作者：暴风彬彬 来源：彬Go 发布时间：2009-05-13 13:06:00
标签：web,ui,设计,命名,规范
二.需要注意的几点:
1.尽量考虑为元素命名其本身的作用或”用意”，达到语义化。不要使用表面形式的命名.
如:red/left/big等。
2.组合命名规则:
[元素类型]-[元素作用/内容]
如:搜索按钮: btn-search
登录表单:form-login
新闻列表:list-news
3.涉及到交互行为的元素命名:
凡涉及交互行为的元素通常会有正常、悬停、点击和已浏览等不同样式，命名可参考以下规则:
鼠标悬停:：hover 点击：click 已浏览：visited
如:搜索按钮: btn-search、btn-search-hover、btn-search-visited
三.Photoshop图层结构规范:
Photoshop图层命名遵循树形结构，凡某元素组成的图层大于3层，即可形成组，所有图层尽量避免使用默认命名(图层+编号)。
第一级图层结构如下图:
第二级结构图例(医院网站):
第 * 结构图例及效果图对比(医院新闻栏目)：
效果图
图层命名结构
0
投稿猜你喜欢
随着JS与XHTML的应用普及，越来越多的web界面应用技术出现在网站上，比如我们常见的日历控件，搜索下拉框等，这些web界面应用技术大大的- 因为外贸网站,禁止同行抄袭，所以防止中国ip访问访问,访问的时候有密码提示,这样的代码如何写.请给一个提示.或者有好的代码,请分享下。 &n
- 先不说直接改后缀，直接可以用网快等工具直接下载，其实这样你已经是为入侵者打开了大门。入侵者可以利用asp/asa为后缀的数据库直接得到web
- 大家一定使用过 phpmyadmin 里面的数据库导入，导出功能，非常方便。但是在实际应用中，我发现如下几个问题： 1、数据库超过一定尺寸，
- 一、查询条件精确，针对有参数传入情况 二、SQL逻辑执行顺序 FROM-->JOIN-->WHERE-->GROUP--&
- 瞬间设计是什么？良好的用户体验，全在于那些完美的瞬间。在第一个瞬间，假设当一位用户从购物搜索结果页面跳转到某个店铺的时候，他此刻可能是想看看
- 经常有网友会问，SQL Server占用了太多的内存，而且还会不断的增长；或者说已经设置了使用内存，可它没有用到那么多，这是怎么一回事儿呢？
- 当很多人发现在DW4中定义CSS很方便的时候，开始报怨FP2000不能定义CSS，甚至就此抨击FP2000如何的不好。事实上，在FP2000
- 尝试安装server[justin@xen20-vm04 "]$ rpm -ivh MySQL-server-5.1.51-1.g
- 看一个网站其实就好比品评一个美女。一看长相，我们很多时候关注的是视觉，比如老板经常会说，你做几个页面让我看看！二看身材，也有很多关注标准和s
- 一、浏览器允许每个域名所包含的 cookie 数：Microsoft 指出 Internet Explorer 8 增加 cookie 限制
- 我和朋友对此的看法有分歧，我明明记得有不需要返回的时候的？你的看法是对的，例如在表中删除记录。我们来看看下面的例子——在Employee表中
- 不知道算不算DW4的大BUG. DW4实际的运行如下： 读注册表中HKEY_CURRENT_USER/
- 当数据库的数据量读写频繁的时候，我们就要考虑把数据库的读写分开，以提高数据库的使用效率，(当然还有其他用处比如，备份数据)，这个时候我们就要
- 有朋友使用DIV居中，但是却发现DIV居中失灵了，是怎么回事呢？下面给大家解决一下问题，呵呵！1、一般情况下DIV居中失效是因为没写DTD语
- <％ '****************************** '函数：Chec
- Altova 公司的 XMLSPY 是个不可多得的好东西，它几乎可以开发所有的 XML 产品。最近用它来做 Schema
- 内容摘要：图片切换效果在网页制作中经常被使用，好的切换效果不仅增加了网站的实用行也提升了网站的趣味性。而图片切换方法有的使用flash来实现
- 如何清除Vbscript惹出来的中文乱码？ ＜script language=vbscript runat=s
- 在用户研究工作中，如何让自己的数据和结论更有说服力，是很重要的问题。最近将自己积累的用研信度和效度的笔记整理一下，罗列在文中，希望对大家有所
