网页中的模块名称-教程-UICN用户体验设计平台

恭喜你成为UI中国推荐设计师（详情）

查看全部热门榜单

全部

常用搜索：作品集 AE ui设计 aigc icon logo app

您的意见是我们 UI 中国进步的动力！

点击立即反馈按钮，发表您的意见！

立即反馈

QQ群反馈

您也可以加入UI中国官方反馈群进行反馈！

群号：302892100

备注：反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作，请填写需求表单，我们会在第一时间与您联系！

0/20

0/200

设计大赛

设计大赛
发布广告
发布招聘
其它需求

取消发送需求

提交完成
感谢您对UI中国的支持和信赖！

我知道了

编辑推荐

网页中的模块名称

0.0°

2018-05-10 原创文章 教程举报 8731 56 64 1

Hi海哥关注

上期是组件，现在这个栏目主要说大一点的，一些功能模块的称呼

搜索框

输入框和按钮组成，还可以附加一些次要功能，比如百度，搜索的按钮即可是字，也可以是纯icon

Image title

导航栏

一个产品，基本就是一个主导航，然后每个细分（次导航）也有二级导航、三级导航，如下就是二级导航，

Image title

顶部辅助栏

算是一种快速的次要功能入口，一般处于顶部，不抢眼，也有用深色底的。

Image title

栏目头部

把一个大类目的关键产品抽取出发，放到一级页面上（一级页面：导航每个页面的第一页）

Image title

面包屑

是一种位置信息，告诉你，“我现在在哪”，一层一层的关系，方便你知道位置同时，也可以向上一层导航跳转

Image title

侧边栏

一般是一种次要和当前页面内容关联的信息，一般放一些属性或着同类产品，勾引你去顺便阅读，宽度不能太宽

Image title

Tab标签导航

为避免一页内容太长，把不同模块的内容用标签的方式分开，既可以减短阅读距离，又可以快速跳转（有的会固定在顶部）

Image title

尾部福导航和版权信息

一些服务性的导航入口，或者是很次要的功能只放在这里。版权信息一般大企业都有，会有一些声明和一些资质认证。

Image title

喜欢的话赞一个

关注我们，入群可以和海哥亲密沟通哦

更新：2018-05-10

56人已收藏

Hi海哥

15年人机交互经验，前华为部门设计负责人，5年创业经验

37

作品
2207

粉丝
0

关注

猜你喜欢

2018-05-10 原创文章 教程举报 8731 56 64 1

网页中的模块名称

0.0°

添加收藏！

您还可以进行分类收藏

您确认要推荐？

该作品发布时间：2018年05月10日

评分

完整度

启发性

勤奋性

排版布局

提交需求

猜你喜欢

举报理由:

您确认要推荐？

评分

推荐心得