本节简介:导航栏的基本常识学习,传统导航栏案例制作。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
戴尔导航:导航地图 中型电子商务网站越来越多采用的模式
横排加面包屑导航:点击开每个都有细致分类 如天猫 京东
多级:主导航加下拉菜单的形式 优点:节约空间 层次结构 富有动感 缺点:层次多,搜索困难
异形导航又称变形性导航:艺术 动漫等类型网站 特点:形式多样 活泼生动 多用于欢迎页面
导航形式;横排 竖排 异形导航: 多级混排导航 从左到右,权重依次降低 越重要导航越靠前,最后提升
导航分类;主导航:一级 次导航:二级导航,细分网站功能 ,如淘宝分类导航 3.面包
导航作用:1。引导快速找到信息 2.清晰网站目录结构 3.定义网站指南
导航的表现形式:横排导航,竖排导航,异性导航,多级混排导航。
导航栏作用:引导用户查找信息,清晰网站层次,让用户一目了然网站构架和方向,提高网站广告价值。
网站导购结构指的事引导用户访问网站的栏目、菜单、在线帮助、分类等布局结构等形式的总称。
横排导航 1 3 4 5 2 竖排导航 1 2 3 4 5 异型导航 中间1 然后从左到右 2 3 4 5 多级混排导航 有一级 二级
导航栏的作用:一主导航 二次导航 三面包屑导航 (让客户明白,自己现在的一个所在位置:天猫超市>量贩团 )
引导用户查找信息 清晰网站层次 让用户一目了然网站的架构和方向 提高网站广告价值
做导航一定要跳出固有的思维模式,要有自己的独创意识,
多级混排导航:一级导航、二级导航等,比如京东和天猫的首页导航,都是横排的主导航+左侧的面包屑导航。不至于占用页面的太多空间。
异形导航:也成为变形性导航,通常用于非常个性化或创意类的网站或者页面,形式不固定,有时会按照人的阅读习惯来排列,形式多样、富于动感活泼。
导航的表现形式可以丰富多彩,让页面看上去更加相得益彰。还可以带些动画效果。横排的导航的排列方式是有讲究的,从左到右重要性递减,在最后一项有个提升,比如天猫旗舰店的导航,在最后的一项通常放置特价清仓或者断码清仓。
导航栏的分类:主导航、次导航、面包屑导航。导航栏的形式:横排导航、竖排导航、异形导航、多级混排导航。导航的权重需要从左到右一次降低。
横排导航常使用两头重,中间轻的模式。竖排唱采用由上到下,由重到轻的排列,错落摆放更有趣味。异性导航大小,颜色决定重要性,可使用渐变深浅色来增加节奏感。多级导航使用下拉子菜单时注意,菜单多一级,用户搜索难度增加一倍。