首页
解决方案
Navi+ Tab Bar & Mega Menu
Tab Bar、Mega Menu、Mobile Menu — 每种导航类型
为什么选 Navi+?
为什么默认菜单不够用 — 以及Navi+如何解决这个问题。
如何安装 Navi+
在Shopify、WordPress或任何网站上几分钟内完成安装。
选择适合您的菜单类型和平台
Tab Bar · Mega Menu · Mobile Menu · Floating Button · Icon Menu
常见初始问题
新用户最常见的问题,已解答。
案例研究
真实店铺如何用 Navi+ 重新组织导航
在 Shopify 上安装
安装到 WordPress
为网站安装
Featured Guides & Best Practices
Shopify Mega Menu Best Practices: Layout & UX
How to Add Bottom Navigation to Shopify (Tab Bar)
Mobile Navigation Beyond the Hamburger Menu
Shopify Theme Menu Limits & How to Bypass Them
Navi+ vs Top Competitors: Full Comparison
Browse all Guides & Tips →
用户指南
菜单类型与项目
Tab Bar
Tab Bar 在屏幕底部添加固定导航栏——客户滚动时始终可见,无需查找。
Mega Menu
Mega Menu 在访客导航时打开结构化下拉菜单——同时展示多列分类、可选图片和特色链接。
Mobile Menu
移动菜单保持您的 Shopify 导航作为数据源——无需手动重建。它提供主题抽屉从未有过的结构和功能。
Floating Button
Navi+ Floating Button 始终显示在屏幕上。WhatsApp、Messenger、Zalo、电话、电子邮件、实时...
Icon Menu
Navi+ Icon Menu 在英雄区域下添加一个区域,将您的完整分类范围显示为图像磁贴——让购物者在单次浏览中既看到商品广度又...
选择合适的菜单 →
设计
设计概览
如何为主菜单项设置样式
如何为子菜单项设置样式
如何添加分隔线
发布
发布概览
如何按设备或URL过滤
如何配置大型菜单部分
如何设置 mobile menu
如何设置固定菜单和FAB
开发者文档
自定义CSS与开发
如何在Navi+中编写正确的CSS
集成概览
WordPress & WooCommerce
主题集成
合作伙伴与资源
Navi+ Care — 设计服务
赚取佣金
更新日志
所有帮助 →
定价
免费工具
博客
🇨🇳
🇺🇸
English
🇻🇳
Tiếng Việt
🇫🇷
Français
🇩🇪
Deutsch
🇨🇳
中文
🇯🇵
日本語
🇮🇹
Italiano
🇧🇷
Português
🇪🇸
Español
查看演示
开始使用
首页
解决方案
为什么选 Navi+?
如何安装 Navi+
选择适合您的菜单类型和平台
常见初始问题
案例研究
Featured Guides & Tips
Mega Menu Best Practices
Bottom Navigation & Tab Bar
Mobile Navigation Beyond Hamburger
Navi+ vs Competitors Comparison
Browse all Guides & Blog →
在 Shopify 上安装
安装到 WordPress
为网站安装
用户指南
菜单类型与项目
选择合适的菜单
Tab Bar
Mega Menu
Mobile Menu
Floating Button
Icon Menu
设计
Design overview
Style main menu items
Style submenu items
Publish overview
Filter by device or URL
Sticky & FAB setup
开发者文档
Custom CSS & development
How to write correct CSS
Integrations overview
WordPress & WooCommerce
Navi+ Care — 设计服务
赚取佣金
更新日志
所有帮助 →
定价
免费工具
博客
🇺🇸
English
🇻🇳
Tiếng Việt
🇫🇷
Français
🇩🇪
Deutsch
🇨🇳
中文
🇯🇵
日本語
🇮🇹
Italiano
🇧🇷
Português
🇪🇸
Español
查看演示
开始使用
首页
/ 创意
/ 创意自由
创意自由
像专业人士一样设计 — 不需要代码。32篇关于导航设计、品牌识别、颜色、动画和排版的文章。
→
无需编写任何一行 CSS 即可构建专业精美的菜单
→
随时更改您的菜单布局、颜色和结构
→
在桌面上组合超级菜单 + 移动设备上的 Tab Bar — 来自一个仪表板
→
一键多语言 — AI 自动翻译您的整个菜单
→
使用Navi+实现多语言菜单——为每位顾客显示正确语言
→
5 min read
深色模式导航 — 为40%购物者偏好的替代调色板而设计
→
5 min read
导航中的微动效 — 动画何时提升清晰度,何时适得其反
→
5 min read
导航中的产品图片 — 展示产品胜于描述分类的场景
→
5 min read
您的导航菜单是品牌的一部分 — 大多数店铺都忽视了这一点
→
5 min read
无需重建店铺,按季节刷新导航菜单
→
5 min read
图标先于文字表达 — 出色导航的视觉语言
→
5 min read
导航中的少即是多 — 极简主义的战略意义
→
5 min read
当导航讲述一个故事:面向品牌型店铺的编辑式导航
→
5 min read
大型菜单中的品类图片 — 推动点击的视觉第一印象
→
5 min read
色彩作为导航语言 — 色调、对比度和强调如何引导菜单中的注意力
→
5 min read
导航中的字体排版 — 字体选择如何塑造权威感、亲和力与品牌认知
→
5 min read
移动优先导航设计——当手机体验成为品牌的核心表达
→
5 min read
导航设计中的留白 — 负空间如何彰显高端品牌定位并创造视觉清晰度
→
5 min read
网格导航设计 — 以图像驱动产品发现的可视化分类浏览
→
5 min read
分屏导航——为服务两类不同受众的店铺而设计
→
5 min read
导航中的季节色彩 — 如何在不完全重新设计的情况下更新节日菜单调色板
→
5 min read
导航语言与语气 — 菜单标签中的文字如何反映品牌个性
→
5 min read
导航中的自定义图标 — 定制图标设计何时值得投资
→
5 min read
导航中的渐变与纹理 — 色彩深度比纯色背景更能传递高端感的时机
→
5 min read
超越汉堡图标 — 优于三线菜单的移动导航模式
→
5 min read
全屏叠加导航 — 当全页菜单比侧边栏更好地服务品牌形象与可用性时
→
5 min read
插画导航 — 当手绘图标和自定义插画创造出库存图标无法实现的品牌个性时
→
5 min read
导航中的空间布局 — 菜单元素的物理排列如何创造层次结构和品牌流动
→
5 min read
导航背景中的动效与视频 — 动画背景何时能增强品牌表达而不减慢菜单速度
→
5 min read
导航中的3D景深与分层——阴影、层次感和Z轴设计如何创造品质感
→
5 min read
讲述品牌故事的导航——用菜单结构传达你是谁,而不只是你卖什么
→
5 min read
单色导航设计——为什么单色菜单比多色系统创造更强的品牌识别度
开始使用 Navi+
选择您的平台 — 免费安装,几分钟内上线。
Shopify
从 Shopify 应用商店安装 — 无需账户,无缝集成。
WordPress
从 WordPress 目录安装官方插件。可在任何 WordPress 站点上运行。
任何网站
Wix、Squarespace、Webflow 或任何网站 — 使用简单的嵌入代码添加。