行业新闻

触及到交互行止的元素起名儿

作者:admin    来源:tfxk    发布时间:2011-12-16    阅读:2773次


5. Main
“Menu”海域蕴含正常的链接和菜单,这全体还能够起名儿为: “subNav “, “links“,“sidebar-main”.
4. Menu
“navbar“同等于横向的领航栏,是最垂范的主页元素。
这套标准并非纯粹的CSS、html或者JavaScript起名儿标准,它触及了很多运用PhotoShop这类设想机器停止主页设想进程中的起名儿标准。(许久没翻译品了,有点罗嗦,吼吼~)。这全体还能够起名儿为:“nav”, “navigation”, “nav-wrapper”.
3. Navbar
“header” 是网站页面的头部海域,正常来讲,它蕴含网站的logo和一些其余元素。这全体还能够起名儿为: “content“, “main-content” (或者“mainContent”)。
    昨天好没有简单闲上去半天,因为和自己分享一下我事先小结的一套Web UI 设想起名儿标准,也就是网站用户界面设想(俗名主页设想)起名儿标准。然而终究设想师也是技能团队的成员,并且前者开拓工事师是要运用设想师的成效图源资料的,因为一致起名儿标准和设想标准关于团队的合作和任务频率确定是无益处的。 (义务编者:帝位库)
网站地质图: sitemap
版权:copyright
竞争同伴:partner
唱票:vote
旋钮:btn
形态:status
注册:regsiter
键入:download
旧事:news
热点:hot
效劳:service
页脚:footer
链接:links
栏指标题:title
小技巧:tips
提醒消息:msg
作品列表:list
标签页:tab
形式:content
骨碌条:scroll
搜寻旋钮:btn-search
搜寻:search
箭镞:arrow
栏目:column
表单:form
机器条: toolbar
下拉菜单:dropMenu
子菜单:subMenu
菜单:menu
子领航:subNav
领航:nav
海报条:banner
侧栏:sidebar
标记:logo
登录条:loginbar
页头:header
四.罕用起名儿汇总:
图层起名儿构造
 

成效图

其三级构造图例及成效图比照(敬老院旧事栏目):


第二级构造图例(敬老院网站):

第一级图层构造如次图:
Photoshop图层起名儿遵照树形构造,凡是某元素组成的图层大于3层,即可构成组,一切图层过分防止运用默许起名儿(图层+编号)。这全体还能够起名儿为:“page-header” (或者 pageHeader).
2. Header
“container“ 就是将页面中的一切元素包正在一同的全体,这全体还能够起名儿为: “wrapper“, “wrap“, “page“.
1. Container

一.网站设想及根本框架设造:
Web UI 设想起名儿标准
这套WebUI设想起名儿标准小结自我的一些Web设想经历和海外设想师的起名儿形式引荐。率先我是出于公司多少位美工的设想成效图源资料没有对于图层起名儿而开端思忖小结一套的,再有一度缘由就是网上大多起名儿标准都是对于于补码的,也就是那些css、html、js和一些效劳器端言语的,至于设想范围的起名儿标准着实是很少。没有要运用名义方式的起名儿.
二.需求留意的多少点:
“Footer”蕴含网站的一些外加消息,这全体还能够起名儿为: “copyright“.
7. Footer
“Sidebar” 全体能够蕴含网站的主要形式,比方最近复旧形式列表、对于于网站的引见或者海报元素等…这全体还能够起名儿为: “subNav “, “side-panel“, “secondary-content“.
6. Sidebar
“Main”是网站的次要海域,假如是博客的话它将蕴含的日记。
三.Photoshop图层构造标准:
如:搜寻旋钮: btn-search、btn-search-hover、btn-search-visited
鼠标悬停::hover 点击:click 已阅读:visited
凡是触及交互行止的元素一般会有畸形、悬停、点击和已阅读等没有同款式,起名儿可参考以次规定:
3.触及到交互行止的元素起名儿:
旧事列表:list-news
登录表单:form-login
如:搜寻旋钮: btn-search
[元素类型]-[元素作用/形式]
2.结合起名儿规定:
如:red/left/big等。
1.过分思忖为元素起名儿其自身的作用或者”意图”,到达语义化。

回到顶部