상단 디자인 시작하기

상단이란?

웹 페이지는 위부터 상단(Header), 본문(Body), 하단(Footer)로 구성됩니다. 상단에는 로고, 메인 메뉴, 로그인/회원가입 등이 표시되는 영역으로 내비게이션 메뉴라고도 부릅니다.


상단 메뉴, 본문 배경과 겹치기

페이지 본문 배경에 색상, 이미지, 동영상이 있는 경우 아래 그림과 같이 상단 메뉴와 겹치는 효과를 적용할 수 있습니다.

메뉴와 일체화된 디자인 구성하기 (겹치기)


상단 디자인 학습 방법

다음의 일곱 가지 사용안내서를 확인하고, 상단 디자인을 위한 기본 방법을 배워봅니다.

1. 상단 설정 열기

상단을 디자인하려면 가장 먼저 상단 설정으로 진입해야 합니다. 상단 디자인을 위한 상단 전용 메뉴가 나타납니다.

2. 상단 작업환경 알아보기

아름다운 상단 디자인을 위한 작업환경을 알아보세요.

3. 상단 전용 위젯 알아보기

상단을 위한 상단 전용 위젯들이 다양하게 준비되어 있습니다.

4. 상단 위젯 추가 및 배치하기

상단 설정 화면에서 위젯을 추가 및 배치하고, 위젯이 표시되는 간격을 조절하는 방법을 알아봅니다.

5. 상단 위젯 설정 변경하기

위젯 설정을 열어 각 위젯에 맞는 적절한 콘텐츠를 추가하고, 설정을 변경해주세요.

6. 상단 섹션 추가하기

본문 디자인과 같이 상단에도 빈 섹션을 추가할 수 있습니다. 상단 섹션을 여러 개로 분할하고 마우스 스크롤 시에는 특정 섹션이 상단에 고정되도록 옵션을 줄 수도 있습니다.

7. 모바일 상단 편집하기

PC 버전 상단 디자인을 하는 동안 자동으로 모바일 상단이 디자인 됩니다. 그러나 자동으로 제작된 상단 디자인이 마음에 들지 않을 수 있습니다. 다음 도움말을 통해 모바일 전용 상단을 디자인하는 방법을 알아보세요.

목록으로

아임웹 디자이너가 되어주세요!

개인 디자이너, 1인 기업을 위한 아임웹 디자이너 프로그램

리셀러/디자이너 신청

한 번 이용하면 팬이 됩니다.

아임웹에서 당신의 생각을 표현해보세요.

218.7K

누적 사이트 이용 수
이미 수만 명이 아임웹 팬이 되어
각자의 생각을 표현하고 있습니다.

315

일 평균 사이트 개설 수
지금 이 순간에도 매일
새로운 브랜드가 소개되고 있습니다.

2K

전국 파트너/리셀러 수

아임웹 공식제휴사

아임웹은 페이팔, KG이니시스, 네이버, KCP, 나이스페이, 엑심베이 공식파트너입니다.