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
投稿猜你喜欢
插入排序插入排序是一种简单的排序算法，以数组为例，我们可以把数组看成是多个数组组成。插入排序的基本思想是往前面已排好序的数组中插入一个元素，- 关于Java和Mysql 8.0.18版本的连接方式，供大家参考，具体内容如下1.官网下载mysql-server.（Connector/J
- 我就废话不多说了，大家看代码吧！dataset = ["el","tv"]model = [&quo
- 一个middleware的例子import timefrom django.urls import reversefrom django.u
- check.asp 代码如下:<％ '''''''''
- 前言一般的反爬措施是在多次请求之间增加随机的间隔时间，即设置一定的延时。但如果请求后存在缓存，就可以省略设置延迟，这样一定程度地缩短了爬虫程
- 块级函数严格模式下，在 ES6 之前应禁止使用。ES6 开始可以使用，函数的作用域为声明该函数的块内部。非严格模式下应禁止使用。if(tru
- 1、说明（1）写函数时，可以为每个参数指定默认值。当调用函数为参数提供实际参数时，Python将使用指定的实际参数；否则，将使用参数的默认值
- 想想你在一家公司里做表格，现在有一个下面这样的excel表摆在你面前，这是一个员工每个月工资的表，现在假设，你要做的事情，是填充好后面几个月
- Windows中升级MySQL应采取的步骤：1. 进行升级前你应先备份当前的MySQL安装。2. 下载最新Windows版MySQL。3.
- 发布Python包上一篇介绍了如何使用别人的轮子，现在我们讨论下如何自己造轮子给别人用。作为一个流行的开源开发项目，Python拥有一个活跃
- 阅读：Mootools常用方法扩展（三） 继续Mootools常用方法扩展，这次是Window类上的扩展，也就是全局函数。方法：$param
- 本文介绍了Javascript(es2016) import和require用法和区别详解，分享给大家，具体如下：写个简单js文件，假设名字
- 年关将至，大家对疫情的关注度也愈发提升，本次使用PyQt5撰写100行代码写一个疫情信息快速查看工具。一．准备工作1.PyQt5PyQt 是
- 0. 学习目标栈和队列是在程序设计中常见的数据类型，从数据结构的角度来讲，栈和队列也是线性表，是操作受限的线性表，它们的基本操作是线性表操作
- 自己写PHP也有一年多了,然后编码问题却老是没有得到好的解决,自己的情况是这样的,网页显示完全正常,在phpmyadmin数据库显示中文乱码
- 在Python 中使用pip指令安装第三方库
- 前言在字典中查找某一个值的时候，若key不存在就会返回一个keyerror错误而不是一个默认值，如果想要返回一个默认值可以使用default
- 本文实例为大家分享了python点球小游戏的具体代码，供大家参考，具体内容如下1.游戏要求： 设置球的方向:左中右三个方向，射门或者扑救动作
- 文章转自IT专家网论坛，作者builder 本文探讨了在SQL Server中处理这些值时涉及的3个问题：计数、使用空表值以及外键处理。数据
