목차

1. UI 디자인 개요
2. 헤더 영역
3. 네비게이션 영역
4. 사이드 영역
5. 콘텐츠 영역
6. 푸터 영역

UI 디자인 개요

• *UI 디자인(User Interface Design)**은 사용자가 웹사이트를 쉽게 이해하고 사용할 수 있도록

  기능적 + 시각적 요소를 함께 고려하여 화면을 설계하는 작업

• 레이아웃(Layout): 전체 화면을 구성 요소 단위로 구획하고 배치하는 구조

• 기본적으로 웹 페이지는 다음과 같은 영역으로 나뉨:

[Header]
[Navigation]
[Sidebar] [Content]
[Footer]

헤더 영역

• 페이지 상단에 위치
• 로고, 사이트 이름, 배너, 상단 메뉴 등이 포함
• 방문자가 가장 먼저 보는 영역으로, 브랜드 이미지 및 정보 전달에 중요한 역할

<header>
  <img src="logo.png" alt="로고">
  <h1>사이트 이름</h1>
</header>

네비게이션 영역 (Navigation)

• 헤더 안 또는 헤더 아래 위치
• 사이트 내 전체적인 카테고리 메뉴(GNB: Global Navigation Bar) 제공