行业新闻

如何给网站 Web UI 起名儿?

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

网站地质图: 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层,即可构成组,一切图层过分防止运用默许起名儿(图层+编号)。这全体还能够起名儿为: “content“, “main-content” (或者“mainContent”)。
三.Photoshop图层构造标准:
如:搜寻旋钮: btn-search、btn-search-hover、btn-search-visited
鼠标悬停::hover   点击:click   已阅读:visited
凡是触及交互行止的元素一般会有畸形、悬停、点击和已阅读等没有同款式,起名儿可参考以次规定:
3.触及到交互行止的元素起名儿:
旧事列表:list-news
登录表单:form-login
如:搜寻旋钮: btn-search
[元素类型]-[元素作用/形式]
2.结合起名儿规定:
如:red/left/big等。
5.   Main
“Menu”海域蕴含正常的链接和菜单,这全体还能够起名儿为: “subNav “, “links“,“sidebar-main”.
4.    Menu
“navbar“同等于横向的领航栏,是最垂范的主页元素。这全体还能够起名儿为:“nav”, “navigation”, “nav-wrapper”.
3.    Navbar
“header” 是网站页面的头部海域,正常来讲,它蕴含网站的logo和一些其余元素。这全体还能够起名儿为:“page-header” (或者 pageHeader).
2.    Header
“container“ 就是将页面中的一切元素包正在一同的全体,这全体还能够起名儿为: “wrapper“, “wrap“, “page“.
1.    Container


一.网站设想及根本框架设造:
    Web UI 设想起名儿标准

。没有要运用名义方式的起名儿.
二.需求留意的多少点:
“Footer”蕴含网站的一些外加消息,这全体还能够起名儿为: “copyright“.
7.    Footer
“Sidebar” 全体能够蕴含网站的主要形式,比方最近复旧形式列表、对于于网站的引见或者海报元素等…这全体还能够起名儿为: “subNav “, “side-panel“, “secondary-content“.
6.   Sidebar
“Main”是网站的次要海域,假如是博客的话它将蕴含的日记。
1.过分思忖为元素起名儿其自身的作用或者”意图”,到达语义化。

回到顶部