5. Main
“Menu”海域蘊(yùn)含正常的鏈接和菜單，這全體還能夠起名兒為: “subNav “, “links“，“sidebar-main”.
4. Menu
“navbar“同等于橫向的領(lǐng)航欄，是最垂范的主頁(yè)元素。
這套標(biāo)準(zhǔn)并非純粹的CSS、html或者JavaScript起名兒標(biāo)準(zhǔn)，它觸及了很多運(yùn)用PhotoShop這類設(shè)想機(jī)器停止主頁(yè)設(shè)想進(jìn)程中的起名兒標(biāo)準(zhǔn)。(許久沒(méi)翻譯品了，有點(diǎn)羅嗦，吼吼~)。這全體還能夠起名兒為:“nav”, “navigation”, “nav-wrapper”.
3. Navbar
“header” 是網(wǎng)站頁(yè)面的頭部海域，正常來(lái)講，它蘊(yùn)含網(wǎng)站的logo和一些其余元素。這全體還能夠起名兒為: “content“, “main-content” (或者“mainContent”)。
    昨天好沒(méi)有簡(jiǎn)單閑上去半天，因?yàn)楹妥约悍窒硪幌挛沂孪刃〗Y(jié)的一套Web UI 設(shè)想起名兒標(biāo)準(zhǔn)，也就是網(wǎng)站用戶界面設(shè)想(俗名主頁(yè)設(shè)想)起名兒標(biāo)準(zhǔn)。然而終究設(shè)想師也是技能團(tuán)隊(duì)的成員，并且前者開拓工事師是要運(yùn)用設(shè)想師的成效圖源資料的，因?yàn)橐恢缕鹈麅簶?biāo)準(zhǔn)和設(shè)想標(biāo)準(zhǔn)關(guān)于團(tuán)隊(duì)的合作和任務(wù)頻率確定是無(wú)益處的。 (義務(wù)編者：帝位庫(kù))
網(wǎng)站地質(zhì)圖: sitemap
版權(quán):copyright
競(jìng)爭(zhēng)同伴:partner
唱票:vote
旋鈕:btn
形態(tài):status
注冊(cè):regsiter
鍵入:download
舊事:news
熱點(diǎn):hot
效勞:service
頁(yè)腳:footer
鏈接:links
欄指標(biāo)題:title
小技巧:tips
提醒消息:msg
作品列表:list
標(biāo)簽頁(yè):tab
形式:content
骨碌條:scroll
搜尋旋鈕:btn-search
搜尋:search
箭鏃:arrow
欄目:column
表單:form
機(jī)器條: toolbar
下拉菜單:dropMenu
子菜單:subMenu
菜單:menu
子領(lǐng)航:subNav
領(lǐng)航:nav
海報(bào)條:banner
側(cè)欄:sidebar
標(biāo)記:logo
登錄條:loginbar
頁(yè)頭:header
四.罕用起名兒匯總:
圖層起名兒構(gòu)造
 

成效圖

其三級(jí)構(gòu)造圖例及成效圖比照(敬老院舊事欄目)：

第二級(jí)構(gòu)造圖例(敬老院網(wǎng)站):

第一級(jí)圖層構(gòu)造如次圖:
Photoshop圖層起名兒遵照樹形構(gòu)造，凡是某元素組成的圖層大于3層，即可構(gòu)成組，一切圖層過(guò)分防止運(yùn)用默許起名兒(圖層+編號(hào))。這全體還能夠起名兒為:“page-header” (或者 pageHeader).
2. Header
“container“ 就是將頁(yè)面中的一切元素包正在一同的全體，這全體還能夠起名兒為: “wrapper“, “wrap“, “page“.
1. Container

一.網(wǎng)站設(shè)想及根本框架設(shè)造:
Web UI 設(shè)想起名兒標(biāo)準(zhǔn)
這套WebUI設(shè)想起名兒標(biāo)準(zhǔn)小結(jié)自我的一些Web設(shè)想經(jīng)歷和海外設(shè)想師的起名兒形式引薦。率先我是出于公司多少位美工的設(shè)想成效圖源資料沒(méi)有對(duì)于圖層起名兒而開端思忖小結(jié)一套的，再有一度緣由就是網(wǎng)上大多起名兒標(biāo)準(zhǔn)都是對(duì)于于補(bǔ)碼的，也就是那些css、html、js和一些效勞器端言語(yǔ)的，至于設(shè)想范圍的起名兒標(biāo)準(zhǔn)著實(shí)是很少。沒(méi)有要運(yùn)用名義方式的起名兒.
二.需求留意的多少點(diǎn):
“Footer”蘊(yùn)含網(wǎng)站的一些外加消息，這全體還能夠起名兒為: “copyright“.
7. Footer
“Sidebar” 全體能夠蘊(yùn)含網(wǎng)站的主要形式，比方最近復(fù)舊形式列表、對(duì)于于網(wǎng)站的引見(jiàn)或者海報(bào)元素等…這全體還能夠起名兒為: “subNav “, “side-panel“, “secondary-content“.
6. Sidebar
“Main”是網(wǎng)站的次要海域，假如是博客的話它將蘊(yùn)含的日記。
三.Photoshop圖層構(gòu)造標(biāo)準(zhǔn):
如:搜尋旋鈕: btn-search、btn-search-hover、btn-search-visited
鼠標(biāo)懸停:：hover 點(diǎn)擊：click 已閱讀：visited
凡是觸及交互行止的元素一般會(huì)有畸形、懸停、點(diǎn)擊和已閱讀等沒(méi)有同款式，起名兒可參考以次規(guī)定:
3.觸及到交互行止的元素起名兒:
舊事列表:list-news
登錄表單:form-login
如:搜尋旋鈕: btn-search
[元素類型]-[元素作用/形式]
2.結(jié)合起名兒規(guī)定:
如:red/left/big等。
1.過(guò)分思忖為元素起名兒其自身的作用或者”意圖”，到達(dá)語(yǔ)義化。

。