網(wǎng)站地質(zhì)圖: sitemap(義務(wù)編者：帝位庫)
版權(quán):copyright
競(jìng)爭(zhēng)同伴:partner
唱票:vote
旋鈕:btn
形態(tài):status
注冊(cè):regsiter
鍵入:download
舊事:news
熱點(diǎn):hot
效勞:service
頁腳:footer
鏈接:links
欄指標(biāo)題:title
小技巧:tips
提醒消息:msg
作品列表:list
標(biāo)簽頁: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
頁頭:header
四．罕用起名兒匯總:
圖層起名兒構(gòu)造

成效圖

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

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

第一級(jí)圖層構(gòu)造如次圖:
Photoshop圖層起名兒遵照樹形構(gòu)造，凡是某元素組成的圖層大于3層，即可構(gòu)成組，一切圖層過分防止運(yùn)用默許起名兒(圖層+編號(hào))。這全體還能夠起名兒為: “content“, “main-content” (或者“mainContent”)。
三.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)擊和已閱讀等沒有同款式，起名兒可參考以次規(guī)定:
3.觸及到交互行止的元素起名兒:
舊事列表:list-news
登錄表單:form-login
如:搜尋旋鈕: btn-search
[元素類型]-[元素作用/形式]
2.結(jié)合起名兒規(guī)定:
如:red/left/big等。
5.   Main
“Menu”海域蘊(yùn)含正常的鏈接和菜單，這全體還能夠起名兒為: “subNav “, “links“，“sidebar-main”.
4.    Menu
“navbar“同等于橫向的領(lǐng)航欄，是最垂范的主頁元素。這全體還能夠起名兒為:“nav”, “navigation”, “nav-wrapper”.
3.    Navbar
“header” 是網(wǎng)站頁面的頭部海域，正常來講，它蘊(yùn)含網(wǎng)站的logo和一些其余元素。這全體還能夠起名兒為:“page-header” (或者 pageHeader).
2.    Header
“container“ 就是將頁面中的一切元素包正在一同的全體，這全體還能夠起名兒為: “wrapper“, “wrap“, “page“.
1.    Container

一.網(wǎng)站設(shè)想及根本框架設(shè)造:
    Web UI 設(shè)想起名兒標(biāo)準(zhǔn)

。沒有要運(yùn)用名義方式的起名兒.
二.需求留意的多少點(diǎn):
“Footer”蘊(yùn)含網(wǎng)站的一些外加消息，這全體還能夠起名兒為: “copyright“.
7.    Footer
“Sidebar” 全體能夠蘊(yùn)含網(wǎng)站的主要形式，比方最近復(fù)舊形式列表、對(duì)于于網(wǎng)站的引見或者海報(bào)元素等…這全體還能夠起名兒為: “subNav “, “side-panel“, “secondary-content“.
6.   Sidebar
“Main”是網(wǎng)站的次要海域，假如是博客的話它將蘊(yùn)含的日記。
1.過分思忖為元素起名兒其自身的作用或者”意圖”，到達(dá)語義化。