"导航作用
导航（navigation）本质是告诉用户当前位置、能去的位置/上一个位置。此外还承担重要信息提示作用，本质和移动端没有区别。PC和移动端差异之一是界面区域大，承载信息更多。
运营活动：运营广告位需注意和导航菜单的视觉平衡。
信息强调：除了品牌信息，还可以承担一定的功能性信息强调作用，比如淘宝网当前地区版本信息。
微软windows设计文档中提出良好的导航设计的3个基本原则，满足用户期望的一致性，按需设计不过度的简易性，提供清楚路径选项的明确性。
"设计要点
容器
首屏尺寸：pc端网页设计需要注意不同分辨率下首屏设计尺寸，常用网页尺寸1024*768、1280*800、1366*768、1400*900(后台)、1920*1080(官网)。若是客户端只需注意内容适应窗口宽度即可。
元素
元素内容：导航图标、各类控件及其他运营类入口。元素位置需结合功能逻辑、优先级进行分组设计，同组入口注意视觉一致性。一般来说非导航项的控件如搜索框、设置类在右侧。
个数层级：导航入口的个数层级一般决定用哪类导航结构。即如何使用正确的导航结构？此处可以参考windows规范。
单层，平面结构，可以按任何顺序查看，页面间没有父子关系，个数少于8个。 分层结构，每个子页面都有父页面，需按父子顺序遍历页面，个数多于7个。 组合结构，最普适的导航结构，是上述两者的结合，需注意勿跳跃访问，即A2仅链接到A及其他子页面，勿链接到C。（此处仅结构，更多分类在后文）
风格样式
扁平风：导航栏和背景一体，可以添加分割线或色块，是最常见的设计。激活态也多种多样，有下划线（点）、背景色块（图案）等等。
透明风：导航带透明度可叠于内容之上，一般以内容为主，弱化导航，强调沉浸式体验。
其次，导航交互状态下风格样式，需注意整体的识别性、激活状态的可见性、浏览内容时可弱化的适应性，与移动端篇思路一致。PC端和移动端差异之二，鼠标交互态多而精准，让导航设计风格多变（此处统一定义为动态导航，详见下文导航类型）。
随着滚动透明导航栏吸顶，并带上底色和内容区别。
wysemeter网站透明导航栏，hover时导航栏带底色便于识别。
poogansporch网站随着滚动浏览，logo变小，导航栏高度变小。
"导航类型
顶部导航
顶部导航：水平布局符合阅读习惯，显示稳定受分辨率影响小，但拓展性较侧边导航差。一层项目数建议遵循7±2原则，超过时建议分组分级展示；层级建议1-2个，超出时（层级较深）建议采用弹出式。
交互类型：顶部导航有2种类型，平铺式&级联弹出式。
平铺式：将子级导航项全部平铺展示，适用于子菜单项较多时。
Bobalove弹出式平铺菜单导航，扁平风格。
Apple官网平铺式导航，黑白配色图文菜单，简洁明了。
LA CORTE杂志透明导航，滑动后收起在汉堡菜单中，且logo和汉堡图标都做了反色处理，避免融于内容中不可见。
Leatherhead体育电视网站，简约扁平风的级联式导航。
侧边导航
风格特点：侧边导航宽度范围在200+8n，由于侧边导航占地面积大，为了适应窗口宽度变化，通常会设计收起状态，此时需注意菜单项的识别性，显示菜单项名称的hover样式也多种多样。
唯品会商品分类菜单，将子菜单平铺展示，便于浏览定位。
PolyHaven网站侧边导航，向下展开子菜单，用线框区分级别。
Instagram侧边导航，侧拉式通知面板。
选项卡
选项卡（标签页）一般为次级导航，它将不同内容分类展示，支持在同一页面快速来回切换。多用于列表页、详情页等内容页中。类型有3种，基础选项卡、可增减选项卡、可滑动选项卡。
基础选项卡：样式有纯文字、带图标等等。
tters、Facebook的功能模块采用tab形式，在内容社交型产品中也很常见。
网易邮箱页签支持增减
可滑动选项卡：选项卡支持左右滑动，查看更多。
Behance网站类型选项卡，以图片做背景，支持左右滑动和点击「…」查看全部。
痕迹导航
虎课网网课路径
Microsoft面包屑显示空间不足时的处理
锚点：展示当前位置，通常用于一个页面各点之间的跳转。其中纵向锚点支持嵌套（多层级）。
步骤条：展示当前所处操作，引导用户按流程完成任务，3步及以上操作可使用。
动态导航
指针样式动态变化：根据不同内容指针样式有所不同，增强互动性。
hover悬停展示更多：hover展示更多内容或信息帮助用户做访问决策。
其他互动导航：degaspebeaubienmuseum网站根据鼠标移动速度决定导航目录滚动速度、Spinning image selector的导航可以旋转选择。
写在最后：在信息碎片遍大街的年代，肝这类“长篇大论”属实不易，但求能一篇抵N篇，大家的支持是我们继续“论文级”写文的动力。
优网科技，优秀企业首选的互联网供应服务商
优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！
优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真）、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）、微信小程序定制开发等一系列互联网应用服务。
公安局备案号：
专属顾问
