什么是汉堡菜单?

這是一個推薦產品對話框
熱門建議
開始於
檢視全部 >
Language
French
English
ไทย
German
繁體中文
國家/地區
你好
All
登入/建立帳戶
language Selector,${0} is Selected
Lenovo Pro 企業採購商店購物
於Lenovo教育商店註冊

專業層次福利

• 在Think日常價格上節省高達額外3%
• 消費滿NT$90,000,升級至Plus層次,享有更多福利

Plus層次福利

• 在Think日常價格上節省高達額外5%
• 消費NT$270,000,免費升級至享有更多福利的精英層次
精英層次福利
• 在Think日常價格上節省高達額外8%
經銷商福利
• 可獲得Lenovo的全部產品組合
• 配置和購買價格優於Lenovo.com
檢視所有詳情 >
再多達到
PRO Plus
PRO 精英
恭喜,您已達到精英地位!
Pro for Business
Delete icon Remove icon Add icon Reload icon
TEMPORARILY UNAVAILABLE
已停產
暫時無法使用
Cooming Soon!
. Additional units will be charged at the non-eCoupon price. Purchase additional now
We're sorry, the maximum quantity you are able to buy at this amazing eCoupon price is
登入或創建帳戶以儲存您的購物車!
Sign in or Create an Account to Join Rewards
檢視購物車
您的購物車是空的!
刪除
item(s) in cart
快來選購優惠商品
Some items in your cart are no longer available. Please visit cart for more details.
has been deleted
Please review your cart as items have changed.
Contains Add-ons
繼續進行結帳
Popular Searches
您今天想找什麼?
Trending
Recent Searches
Hamburger Menu
{"arrowColor":"#000000","backgroundColor":"#e6f4fa","sideMsg":"","data":[{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Pageab103fa1-b37b-4000-85e8-0ce56f0e29eb","language":{"zh_tw":"%3Cp%3E%3Cstrong%3E%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3E%E9%81%A9%E7%94%A8%E6%96%BC%E5%95%86%E5%8B%99%E7%9A%84%20Lenovo%20Pro%20%7C%20%E5%85%8D%E8%B2%BB%E6%9C%83%E5%93%A1%E8%B3%87%E6%A0%BC%E3%80%81%E7%8D%A8%E5%AE%B6%E6%9C%83%E5%93%A1%E6%8A%98%E6%89%A3%E3%80%82%E9%81%B8%E8%B3%BC%E9%9B%BB%E8%85%A6%EF%BC%8C%E5%8D%B3%E5%8F%AF%E7%8D%B2%E9%85%8D%E4%BB%B6%2020%25%20%E6%8A%98%E6%89%A3%E5%84%AA%E6%83%A0%3C%2Fp%3E%3Cp%3E%3Ca%20href%3D%22https%3A%2F%2Faccount.lenovo.com%2Ftw%2Flenovopro%2Fzh%2Fsmbaccount%2Fgatekeeper%2Fshowpage%3FipromoID%3DHellobar_01_lpro%22%20target%3D%22_self%22%20style%3D%22text-decoration%3A%20underline%3B%20color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cstrong%3E%E5%85%8D%E8%B2%BB%E5%8A%A0%E5%85%A5%20Lenovo%20Pro%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3E%3C%2Fspan%3E%3C%2Fa%3E%3C%2Fp%3E","en":"","zh":""},"id":"Pageab103fa1-b37b-4000-85e8-0ce56f0e29eb"},"gInfo":""},{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Page218ecbd2-934f-4219-be11-47e410aaa8ca","language":{"zh_tw":"%3Cp%3E%3Cstrong%3E%3C%2Fstrong%3ELenovo%20Education%20%7C%20%E8%A8%BB%E5%86%8A%E8%A7%A3%E9%8E%96%E9%AB%98%E9%81%94%20NT%243%2C500%20%E8%BF%8E%E8%B3%93%E6%8A%98%E6%89%A3%20%2B%20%E9%AB%98%E9%81%94%2010%25%20%E9%A1%8D%E5%A4%96%E6%8A%98%E6%89%A3%20%2B%20%E5%B9%B3%E6%9D%BF%E9%9B%BB%E8%85%A6%2015%25%20%E6%8A%98%E6%89%A3%E3%80%82%3C%2Fp%3E%3Cp%3E%3Ca%20href%3D%22%2Fd%2Fschool-from-home%2F%3FipromoID%3Dhellobar_02_edu_cta1%22%20target%3D%22_blank%22%20textvalue%3D%22%E7%AB%8B%E5%8D%B3%E9%81%B8%E8%B3%BC%22%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%20text-decoration%3A%20underline%3B%22%3E%3Cstrong%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%E7%AB%8B%E5%8D%B3%E9%81%B8%E8%B3%BC%3C%2Fspan%3E%3C%2Fstrong%3E%3C%2Fa%3E%3Cstrong%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%26nbsp%3B%20%7C%26nbsp%3B%26nbsp%3B%3C%2Fspan%3E%3C%2Fstrong%3E%3Ca%20href%3D%22https%3A%2F%2Fwww.lenovo.com%2Ftw%2Fedu%2Ftwedu%2Fzh%2Flogin%2Fedu%2F%3FipromoID%3Dhellobar_02_edu_cta2%22%20target%3D%22_blank%22%20textvalue%3D%22%E8%A8%BB%E5%86%8A%20%2F%20%E7%99%BB%E5%85%A5%22%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%20text-decoration%3A%20underline%3B%22%3E%3Cstrong%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%E5%8A%A0%E5%85%A5%20Lenovo%20Education%3C%2Fspan%3E%3C%2Fstrong%3E%3C%2Fa%3E%3C%2Fp%3E","en":"","zh":""},"id":"Page218ecbd2-934f-4219-be11-47e410aaa8ca"},"gInfo":""},{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Pagef13d15c0-3153-428d-a9e0-7310c6ba63b3","language":{"zh_tw":"%3Cp%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cstrong%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%3C%2Fstrong%3EYoga%20Pro%207%20(14%26%2339%3B%26%2339%3B%2C%20Gen%209)%20%7C%20%E9%80%8F%E9%81%8E%20AMD%20Ryzen%E2%84%A2%20AI%209%20%E8%99%95%E7%90%86%E5%99%A8%E5%92%8C%E9%9C%87%E6%92%BC%E7%9A%84%2014.5%20%E5%90%8B%202.8K%20OLED%20%E9%A1%AF%E7%A4%BA%E5%99%A8%E5%89%B5%E9%80%A0%E5%8F%B2%E8%A9%A9%E8%88%AC%E7%9A%84%E6%95%B8%E4%BD%8D%E5%85%A7%E5%AE%B9%E3%80%82%3Cspan%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%3C%2Fspan%3E%3C%2Fspan%3E%3Ca%20href%3D%22%2Fp%2Flaptops%2Fyoga%2Fyoga-slim-series%2Flenovo-yoga-pro-7-gen-9-14inch-amd%2Flen101y0050%3FipromoID%3Dhellobar_03_Yoga_Pro_7%22%20target%3D%22_blank%22%20textvalue%3D%22%E7%AB%8B%E5%8D%B3%E8%B3%BC%E8%B2%B7%22%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%20text-decoration%3A%20underline%3B%22%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cstrong%3E%E7%AB%8B%E5%8D%B3%E8%B3%BC%E8%B2%B7%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3E%3C%2Fspan%3E%3C%2Fa%3E%3C%2Fp%3E","en":"","zh":""},"id":"Pagef13d15c0-3153-428d-a9e0-7310c6ba63b3"},"gInfo":""},{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Page5258c1a0-af65-4be1-a0a2-ded36222dd38","language":{"zh_tw":"%3Cp%3E%3Cspan%20style%3D%22text-wrap%3A%20nowrap%3B%22%3E%E7%B2%BE%E9%81%B8%E5%9E%8B%E8%99%9F%E5%8F%AA%E8%A6%81%202%20%E5%88%B0%203%20%E5%80%8B%E5%B7%A5%E4%BD%9C%E5%A4%A9%E5%85%A7%EF%BC%8C%E5%B0%B1%E8%83%BD%E6%BA%96%E5%82%99%E5%B0%B1%E7%B7%92%EF%BC%8C%E8%A8%AD%E5%AE%9A%E5%AE%8C%E7%95%A2%EF%BC%8C%E5%86%8D%E5%B0%87%E5%80%8B%E4%BA%BA%E9%9B%BB%E8%85%A6%E9%80%81%E5%88%B0%E6%82%A8%E6%89%8B%E4%B8%AD%EF%BC%81%E5%85%A8%E7%AB%99%E5%85%8D%E9%81%8B%E8%B2%BB%EF%BC%8C%E7%84%A1%E6%9C%80%E4%BD%8E%E6%B6%88%E8%B2%BB%E9%99%90%E5%88%B6%E3%80%82%3C%2Fspan%3E%3C%2Fp%3E%3Cp%3E%3Cspan%20style%3D%22text-wrap%3A%20nowrap%3B%22%3E%E4%BE%86%E9%9B%BB%E8%AB%8B%E6%92%A5%2000801-601-372%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%3Ca%20href%3D%22%2Fd%2Fdeals%2Fquickship-laptops%2F%3FipromoID%3Dhellobar_04_quickship%22%20target%3D%22_blank%22%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%20text-decoration%3A%20underline%3B%22%3E%3Cspan%20style%3D%22text-wrap%3A%20nowrap%3B%20color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cstrong%3E%E7%AB%8B%E5%8D%B3%E8%B3%BC%E8%B2%B7%3C%2Fstrong%3E%3C%2Fspan%3E%3C%2Fa%3E%3C%2Fspan%3E%3C%2Fp%3E","en":"","zh":""},"id":"Page5258c1a0-af65-4be1-a0a2-ded36222dd38"},"gInfo":""},{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Page44876779-595f-48ac-b8c7-e162b4bb35e8","language":{"zh_tw":"%3Cp%3E%3Cstrong%3E12.12%20%E5%B9%B4%E7%B5%82%E8%B3%BC%E7%89%A9%E6%8A%98%3C%2Fstrong%3E%20%7C%26nbsp%3B%E7%8D%A8%E5%AE%B6ThinkPad%E5%9E%8B%E8%99%9F%E7%94%B1NT%2424%2C880%E8%B5%B7%20%2B%20%E6%9C%80%E5%BF%AB2%E6%97%A5%E7%99%BC%E8%B2%A8%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%3Ca%20href%3D%22%2Fd%2Fnotebook-recommendation%2F%22%20target%3D%22_self%22%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%20text-decoration%3A%20underline%3B%22%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cstrong%3E%E7%AB%8B%E5%8D%B3%E6%90%B6%E8%B3%BC%26nbsp%3B%3C%2Fstrong%3E%3C%2Fspan%3E%3C%2Fa%3E%3C%2Fp%3E","en":"","zh":""},"id":"Page44876779-595f-48ac-b8c7-e162b4bb35e8"},"gInfo":""}],"autoRun":true,"displayTerminal":"pc,tablet,mobile"}
快閃!黑五4日限定優惠碼 「TWBFCM2024」
買滿NT$5,000額外再減NT$400 (部分優惠碼不能同時使用)
小時
分鐘


什么是汉堡菜单?

汉堡包菜单又称移动菜单或导航抽屉,是移动设备和网站用户界面中常用的设计元素。它由三条水平线堆叠而成,就像一个汉堡包。当点击或轻点时,汉堡包菜单会展开,显示一个隐藏的菜单,其中包含其他导航选项或设置。汉堡包 "一词源于图标在视觉上类似于堆叠的汉堡肉饼。这种菜单设计很受欢迎,因为它可以节省屏幕空间,并以简洁有序的方式在较小的屏幕上显示二级导航选项。

汉堡菜单的功能是什么?

遇到 "汉堡 "菜单时,你可以点击或轻点它来显示隐藏菜单或其他选项。激活后,三条水平线会变成 "X "或关闭按钮,表示菜单可以再次关闭。扩展菜单通常从侧面滑入,覆盖当前内容。

为什么汉堡菜单在网页和手机设计中如此流行?

汉堡 "菜单之所以广受欢迎,是因为它能够提供简洁明了的用户界面。它通过隐藏二级导航选项来节省屏幕空间,直到需要时才显示出来。这种简约的设计方法使设计更加集中,视觉效果更加吸引人,尤其是在屏幕较小的移动设备上。

汉堡菜单可以定制吗?

是的,"汉堡 "菜单可以根据网站或应用程序的整体设计进行定制。虽然标准变体由三条水平线组成,但设计师可以通过改变线条的颜色、形状或大小来修改外观。有些设计师甚至可以用图标或其他图形元素来代替线条。

网络开发中如何实现汉堡菜单?

在网页开发中,汉堡菜单通常使用超文本标记语言(HTML)、层叠样式表(CSS)和 JavaScript 来实现。这三行是使用 HTML 元素(通常是 ` 或 `)创建的,并使用 CSS 进行样式调整,以获得所需的外观。JavaScript 用于在点击或轻触图标时处理菜单的打开和关闭功能。

汉堡菜单可以在桌面应用程序中使用吗?

虽然汉堡菜单与移动应用程序和响应式网页设计的关系最为密切,但它也可以用于桌面应用程序。不过,由于台式机的屏幕空间较大,人们通常更倾向于使用带有可见选项的传统菜单。汉堡菜单更适合在较小的屏幕上节省空间。

除了汉堡菜单,还有其他选择吗?

是的,可以使用其他导航模式来代替汉堡菜单。一些常用的替代方式包括标签栏、底部导航栏、手风琴菜单,或者直接在屏幕上显示导航选项。导航模式的选择取决于网站或应用程序的具体要求和设计目标。

汉堡菜单是否存在可用性问题?

虽然汉堡菜单的设计简洁明了,但有时也存在可用性问题。由于菜单选项默认是隐藏的,用户可能不知道有哪些导航选项。这可能会降低可发现性,使用户更难找到特定内容或功能。

如何解决汉堡菜单的可用性问题?

要解决 "汉堡 "菜单的可用性问题,重要的是要提供明确的提示,说明它的存在。在图标旁添加标签或文字可以帮助用户理解其目的。此外,在菜单打开或关闭时使用动画或视觉提示可以提供反馈并改善整体用户体验。

有没有有效使用汉堡菜单的最佳做法?

是的,这里有一些有效使用汉堡菜单的最佳做法:

  • 将 "汉堡 "菜单图标放置在醒目且易于访问的位置。
  • 提供简洁明了的标签或工具提示,说明图标的用途。
  • 使用动画或过渡效果直观地显示菜单的打开和关闭。
  • 确保扩展菜单易于浏览,并在视觉上与主要内容区分开来。
  • 如果菜单选项非常重要或需要易于发现,可考虑采用其他导航模式。

汉堡菜单是否会影响网站或应用程序的可访问性?

如果使用不当,"汉堡 "菜单可能会影响网站或应用程序的可访问性。残障用户可能依赖屏幕阅读器或其他辅助技术,而这些设备可能无法识别汉堡图标或其用途。因此必须提供替代文本或标签,以确保所有用户都能理解并访问菜单。

关于汉堡菜单的有效性,是否有数据驱动的见解?

是的,关于汉堡菜单的有效性,已经有研究和数据驱动的见解。尼尔森-诺曼集团(Nielsen Norman Group)的一项研究发现,菜单的可见度直接影响其使用率。当菜单隐藏在 "汉堡 "图标后面时,用户对菜单选项的参与度往往会降低。在追求简约设计的同时,也要兼顾可发现性和导航的便捷性,这一点非常重要。

汉堡包 "菜单能否与其他导航模式结合使用?

是的,"汉堡 "菜单可以与其他导航模式相结合,提供全面、直观的用户体验。例如,网站或应用程序可以将汉堡菜单用于二级选项,将传统的顶部导航栏用于一级导航。这样既能方便用户访问重要功能,又能提供简洁有序的设计。

汉堡菜单如何影响用户参与度和转化率?

汉堡 "菜单对用户参与度和转化率的影响因设计、上下文和目标受众等各种因素而异。虽然 "汉堡 "菜单有助于打造简洁明了的设计,但它也可能隐藏用户需要交互的重要导航选项。仔细考虑关键功能的位置和可见性对于优化用户参与度和转化率至关重要。

{"pageComponentDataId":"fcf0d243xdb23-46c2-8f57-730a13210a6d","isAssociatedRelease":"true","pageComponentDataLangCode":"zh_tw","configData":{"jumpType":"currentTab","headlineColor":"black","displayNumber":"","styleMode":"vertical","miniCardHoMode":"2","headline":"","products":[{"number":{"t_id":"len101t0102","language":{"zh_tw":"len101t0102","en":"","zh":""},"id":"Page9be5460f-6080-4c52-a839-64f527f529cc"}},{"number":{"t_id":"len101t0104","language":{"zh_tw":"len101t0104","en":"","zh":""},"id":"Pagef8c18922-61fe-4ea3-96e7-49363148464c"}},{"number":{"t_id":"len101t0081","language":{"zh_tw":"len101t0081","en":"","zh":""},"id":"Page59250249-3b20-4a8b-bcb4-8c0b83ba26a4"}},{"number":{"t_id":"len101g0036","language":{"zh_tw":"len101g0036","en":"","zh":""},"id":"Page457d795f-27f4-4788-adf4-748511679b14"}}]},"urlPrefix":"AAAAAAALAAAD","needGetLatestTransDataKey":"needGetLatestTransDataValue","title":"glossary-right-blue-boxes-fragment","pageId":"4a064817-2464-4ae5-9869-c8eeb4062707","urlEdit":0,"uri":"/FragmentDirectory/glossary/glossary-right-blue-boxes-fragment.frag","pageComponentId":"fcf0d243xdb23-46c2-8f57-730a13210a6d","tplId":"c7389f9a-59c0-4c34-a9e1-f1c090c6ab86","pageComponentUuid":"fcf0d243xdb23-46c2-8f57-730a13210a6d","targetUser":"0"}
即將推出
開始於
建議零售價
預計價值
網上銷售價:
建議零售價
估計價值 (Estimated Value)
列出價格是Lenovo根據行業數據對產品價值的估算,包括第一方和第三方零售商和電子零售商提供或估值相同或相似產品的價格。第三方經銷商數據可能不是基於實際銷售。
預估價值是Lenovo根據行業數據對產品價值的估算,包括Lenovo和/或第三方零售商和電子零售商提供或估值相同或相似產品的價格。第三方數據可能不是基於實際銷售。
了解更多
See More
See Less
檢視 {0} 型號
檢視 {0} 款型
shipping.options.for.{0}
產品編號
功能
瞭解更多
查看較少
比較
已加入!
好選擇!
您可以在每個產品類別(筆記本電腦、桌面電腦等)中比較最多4款產品。如需新增其他產品,請取消選擇一款。
檢視您的比較
加入購物車
加入購物車
我們很抱歉,
產品暫時無法提供。
繼續購物
了解更多
即將推出
精選產品
精選產品
噢!未能找到結果。請瀏覽上方的分類以尋找您的產品。
儲存
open in new tab
© 2024 Lenovo。保留所有權利。
© {year} Lenovo. All rights reserved.
比較  ()
x