Web UI设计命名规范
1. Container
“container“ 就是将页面中的所有元素包在一起的部分，这部分还可以命名为: “wrapper“, “wrap“, “page“.
2. Header
“header” 是网站页面的头部区域，一般来讲，它包含网站的logo和一些其他元素。这部分还可以命名为:“page-header” (或 pageHeader).
…
Web UI设计命名规范
1. Container
“container“ 就是将页面中的所有元素包在一起的部分，这部分还可以命名为: “wrapper“, “wrap“, “page“.
2. Header
“header” 是网站页面的头部区域，一般来讲，它包含网站的logo和一些其他元素。这部分还可以命名为:“page-header” (或 pageHeader).
3. Navbar
“navbar“等同于横向的导航栏，是最典型的网页元素。这部分还可以命名为:“nav”, “navigation”, “nav-wrapper”.
4. Menu
“Menu”区域包含一般的链接和菜单，这部分还可以命名为: “subNav “, “links“，“sidebar-main”.
5. Main
“Main”是网站的主要区域，如果是博客的话它将包含的日志。这部分还可以命名为: “content“, “main-content” (或“mainContent”)。
6. Sidebar
“Sidebar” 部分可以包含网站的次要内容，比如最近更新内容列表、关于网站的介绍或广告元素等…这部分还可以命名为: “subNav “, “side-panel“, “secondary-content“.
7. Footer
“Footer”包含网站的一些附加信息，这部分还可以命名为: “copyright“.
常用命名汇总:
页头:header
登录条:loginbar
标志:logo
侧栏:sidebar
广告条:banner
导航:nav
子导航:subNav
菜单:menu
子菜单:subMenu
下拉菜单:dropMenu
工具条: toolbar
表单:form
栏目:column
箭头:arrow
搜索:search
搜索按钮:btn-search
滚动条:scroll
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
链接:links
页脚:footer
服务:service
热点:hot
新闻:news
下载:download
注册:regsiter
状态:status
按钮:btn
投票:vote
合作伙伴:partner
版权:copyright
网站地图: sitemap
内容出处：，
声明：本网站所收集的部分公开资料来源于互联网，转载的目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品，请与我们取得联系，我们会及时修改或删除。文章链接：http://www.yixao.com/surface/4.html
微信扫一扫
支付宝扫一扫
相关推荐
-
2021年的前端框架选择 Angular vs React vs Vue
每个前端开发人员都听说过三个用于构建 Web 应用程序的框架：React、Vue.js和Angular。 React 是一个 UI 库，Angular 是一个成熟的前端框架，而 V…
-
高大上的档案管理系统界面是如何设计的？答案在这里
档案管理是非常重要的一项工作，尤其对一些注重保密的企业来说，更是需要设立专门的档案管理员，来负责档案的收集、整理、保管、鉴定、统计和提供利用等工作。随着互联网时代的到来，我们的生活…
-
深度源码分析—XXL-SSO分布式单点登录框架（轻量级、分布式）
什么是XXL-SSO XXL-SSO 是一个分布式单点登录框架。只需要登录一次就可以访问所有相互信任的应用系统。 拥有”轻量级、分布式、跨域、Cookie Token均…
-
谷歌语音更换全新绿色图标
在过去的一个多月里，谷歌貌似和自家产品的图标设计杠上了，先是一口气更改了邮件服务Gmail、视频平台Google Meet、Google 文档（Google Docs）、Googl…
-
2021年前端开发变化趋势浅析
当前，前端开发技术已逐步进入成熟阶段。当像React和Vue这样的框架出现之后，前端在代码开发方面的复杂性已经基本解决，加上Node解决了前后端分离问题，前端技术栈本身实际上已经非…
-
微信、陌陌等著名IM软件设计架构详解
电量：对于移动设备最大的瓶颈就是电量了。因为用户不可能随时携带电源，充电宝。所以必须考虑到电量问题。那就要检查我们工程是不是有后台运行，心跳包发送时间是不是合理。 流量：对于好多国…
-
告别传统验证码，开启新验证2.0
1 什么是验证码？ 验证码（CAPTCHA）是“Completely Automated Public Turing test to tell Computers and Huma…
-
腾讯内部员工曝光一个完整的设计流程
我上周参加了一个工作坊，也算是ThoughtWorks与我所在团队的交流活动。如果你有了解过IXDC，你能够在15年的活动中找到四个由他们团队组织的工作坊，其在一个就与我上周参加的…
-
平面设计行业就业前景分析
平面设计与商业活动紧密结合，在国内的就业范围非常广泛，与各行业密切相关，同时也是其它各设计门类（诸如：网页设计、展览展示设计、三维设计、影视动画等）的基石。 平面设计师的薪金待遇处位于国内高收入职位的前十名之列。目前，一名优秀的平面设计师的平均月薪在3000－4000元左右，若有能力胜任更高的职位，如设计部门主管、创意部门总监等，其平均月薪一般不会低于6000－8000元人民币。如果你厌倦了为别人打工的生活，那么，一旦具备了作为一位优秀平面设计师应有的素质和技能，只需配备基本的电脑设备就可以成立自己的设计工作室，这对于向往自由生活空间的人来说，不但是一条个人创业的捷径，而且是一种令人向往的生活方式。
-
Dribbble大牛的网页设计作品欣赏！好就收藏吧！
对于网页设计，似乎现在越来越不受设计师关注了，为什么？因为移动端界面设计太火了，而且工资还高，所以大家都在共同朝着APP UI界面设计去了，其实对于PC端的网页设计作品来说想做的出…
