1 / 10
文档名称:

WebUI设计方案(网页设计方案)命名规范.doc

格式:doc   大小:338KB   页数:10页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

WebUI设计方案(网页设计方案)命名规范.doc

上传人:小点 2019/5/7 文件大小:338 KB

下载得到文件列表

WebUI设计方案(网页设计方案)命名规范.doc

文档介绍

文档介绍:Forpersonaluseonlyinstudyandresearch;mercialuse袆WebUI设计(网页设计)命名规范羃薀莇最近工作实在是繁忙,所以好久没有更新自己的博客了,实在是对不起各位读者。今天好不容易闲下来半天,所以和大家分享一下我之前总结的一套WebUI设计命名规范,也就是网站用户界面设计(俗称网页设计)命名规范。薄肃这套规范并非单纯的CSS、html或Javascript命名规范,它涉及了很多使用PhotoShop这类设计工具进行网页设计过程中的命名规范。(好久没写文章了,有点罗嗦,吼吼~)。首先我是出于公司几位美工的设计效果图源文件没有对图层命名而开始考虑总结一套的,还有一个原因就是网上大多命名规范都是关于编码的,也就是那些css、html、js和一些服务器端语言的,至于设计方面的命名规范实在是很少。但是毕竟设计师也是技术团队的成员,而且前端开发工程师是要使用设计师的效果图源文件的,所以统一命名规范和设计规范对于团队的协作和工作效率肯定是有好处的。羀聿这套WebUI设计命名规范总结自我的一些Web设计经验和国外设计师的命名方式推荐。:“container“就是将页面中的所有元素包在一起的部分,这部分还可以命名为:“wrapper“,“wrap“,“page“.“header”是网站页面的头部区域,一般来讲,它包含网站的logo和一些其他元素。这部分还可以命名为:“page-header”(或pageHeader).“navbar“等同于横向的导航栏,是最典型的网页元素。这部分还可以命名为:“nav”,“navigation”,“nav-wrapper”.“Menu”区域包含一般的链接和菜单,这部分还可以命名为:“subNav“,“links“,“sidebar-main”.“Main”是网站的主要区域,如果是博客的话它将包含的日志。这部分还可以命名为:“content“,“main-content”(或“mainContent”)。“Sidebar”部分可以包含网站的次要内容,比如最近更新内容列表、关于网站的介绍或广告元素等…这部分还可以命名为:“subNav“,“side-panel“,“secondary-content“.“Footer”包含网站的一些附加信息,这部分还可以命名为:“copyright“.:”用意”,达到语义化。:red/left/big等。:芃[元素类型]-[元素作用/内容]蚂如:搜索按钮:btn-search虿登录表单:form-login螈新闻列表:list-:肀凡涉及交互行为的元素通常会有正常、悬停、点击和已浏览等不同样式,命名可参考以下规则:膆鼠标悬停::hover点击:click已浏览:visited肅如:搜索按钮:btn-search、btn-search-hover、btn-search-:

最近更新

PPP项目融资实施方案样本 58页

新能源光伏设备采购合同签订要点及履行要求 3页

新能源技术研发与应用合作协议 3页

商品促销专项方案详细规定 47页

新能源汽车制造车间承包合同 3页

中国铁路货运物流业发展前景展望 35页

新能源车辆反担保服务协议 2页

新能源项目担保融资合同范本 3页

旅游产品售后服务保障协议范本正规范本 3页

2025年新课标II卷高考文科综合真题 5页

元宇宙教育场景构建的技术架构与实施路径研究.. 32页

消防安全职责制度汇编样本 31页

春节后劳动者权益保护与复工协议 3页

智慧农业建设项目合同 3页

智慧城市建设就业人才合作协议 3页

2025年新时代教师师德师风总结 24页

2025年新时代好少年的先进事迹9篇 22页

紫藤萝瀑布名师优质课赛课一等奖市公开课获奖.. 44页

智能办公解决方案提供商文员正式劳动合同 3页

波导股公司季度绩效考核方案样本 10页

智能化设备采购合同范本 3页

智能安防系统承包合同范本共 3页

文案高手:如何快速制作高质量文档 26页

智能家居系统装修施工合同标准范本 3页

统信UOS桌面操作系统-基本操作用户手册 11页

门式起重机安全技术交底 6页

高要十大名墓 震惊全国睇下有无你条村 3页

中国成人ICU镇痛和镇静治疗指南课件 39页

部编版一年级下语文暑假作业试题汇总 12页

009分离性体验量表DES-II 3页