ATOM
  • πŸ“–Getting started
  • πŸ’ŽResources
  • UX WRITING
    • Voice & Tone
    • Principles
    • Guidance
      • 1. Title
      • 2. Button
      • 3. Text input
      • 4. Error message
      • 5. Confirmation message
      • 6. Empty states
      • 7. Standby / Loading
  • General UI
    • Component
      • List
        • List text
        • No data
        • Scroll
        • Status overlay
        • Image
        • List display
      • Date/Time
      • Pagination
      • Calendar
      • Dropdown list
      • Chart
    • Label / Message
      • 1. 쒋은 λ ˆμ΄λΈ”μ˜ 쑰건
      • 2. λ ˆμ΄λΈ” μ°Έκ³  레퍼런슀
      • 3. μΌ€μ΄μŠ€λ³„ μ •μ˜
        • Text field
        • Button
  • Foundations
    • Typography
      • πŸ–₯️Web Font Guide
      • πŸ“±Mobile Font Guide
    • Color Palette
    • Illustration
    • Text Data
  • Components
    • Navigations
      • πŸ–₯️ Web Navigation Guide
      • πŸ“±Mobile Navigation Guide
    • Table
    • Tab
    • Form
    • Buttons
    • Iconography
    • Chart
  • Modules
    • Sign Up / In
    • Lists
    • Popup
    • Calendar
    • Search
  • External Links
    • πŸ“ŠChart Catalog
  • Edit gitbook
    • πŸ“Template
  • TEMPLATES
    • ( TBD )
  • FLOWS
    • Solution login
    • Guidance
Powered by GitBook
On this page

Was this helpful?

  1. Components
  2. Navigations

Web Navigation Guide

PreviousNavigationsNextMobile Navigation Guide

Last updated 4 years ago

1. λΉ„μœ¨

μ›Ή κΈ°μ€€ νŽ˜μ΄μ§€μ˜ λ ˆμ΄μ•„μ›ƒμ— 따라 배수λ₯Ό κ³„μ‚°ν•˜μ—¬ 컨텐츠 λ‚΄μš©μ΄ λ“€μ–΄κ°ˆ λΆ€λΆ„κ³Ό λ ˆν”„νŠΈ 메뉴 κ°€λ‘œ μ‚¬μ΄μ¦ˆλ₯Ό μ •ν•©λ‹ˆλ‹€. 'a' = 컨텐츠 μ˜μ—­μ˜ μ–‘ μ˜† 여백을 κ³ λ €ν•˜μ—¬ κ³„μ‚°ν•©λ‹ˆλ‹€.

μ‚¬μš©μžμ˜ μ›Ή λΈŒλΌμš°μ € ν™˜κ²½λŠ” 타이틀바 μ˜μ—­, μ£Όμ†Œ 검색바 μ˜μ—­, μœˆλ„μš° PC인 경우 ν•˜λ‹¨μ— μ‹œμž‘ν‘œμ‹œμ€„, μš°μΈ‘μ—λŠ” 슀크둀 λ°”κ°€ ν‘œμ‹œλ˜κΈ° λ•Œλ¬Έμ— 이 μ˜μ—­μ„ κ³ λ €ν•˜μ—¬ λ””μžμΈ ν•˜λŠ”κ²ƒμ„ ꢌμž₯ν•©λ‹ˆλ‹€.

2. 메뉴 μš”μ†Œ

κ°„λ‹¨ν•œ ν…μŠ€νŠΈλ‘œλ§ŒμœΌλ‘œ 메뉴λͺ…이 ν‘œκΈ°λ˜κΈ°λ„ ν•˜λ©°, μ•„μ΄μ½˜μ΄ ν¬ν•¨λ˜μ–΄ ν‘œμ‹œλ˜κΈ°λ„ ν•©λ‹ˆλ‹€. λ°˜μ‘ν˜•μœΌλ‘œ λŒ€μ‘μ‹œ λ©”λ‰΄μ˜μ—­μ΄ μ€„μ–΄λ“€μ—ˆμ„ 경우 κ°„λ‹¨νžˆ μ•„μ΄μ½˜λ§ŒμœΌλ‘œλ„ ν‘œν˜„λ˜κΈ°λ„ ν•©λ‹ˆλ‹€.

πŸ–₯️
  • 1. λΉ„μœ¨
  • 2. 메뉴 μš”μ†Œ
<left menu λΉ„μœ¨ μ˜ˆμ‹œ>
<λ°˜μ‘ν˜• λŒ€μ‘ μ˜ˆμ‹œ>