반응형 웹사이트 네비게이션 메뉴 아이디어 2

SHARE

지난 글에 이어서 반응형 네비게이션 메뉴 샘플들을 소개하려고 합니다. 이전 글은 아래 링크에서 확인하세요 ^^

이전 글 링크

4 Sweet and Responsive Navigation Menus

반응형 웹사이트 네비게이션 메뉴 아이디어
4 Sweet and Responsive Navigation Menus

배포사이트 데모페이지

작은 화면의 디자인은 같지만, 큰 화면에서는 네가지 패턴의 디자인을 보여주고 있습니다. 여러모로 응용이 가능할 것 같은 심플한 디자인입니다.

Secondary Sliding Navigation

반응형 웹사이트 네비게이션 메뉴 아이디어
Secondary Sliding Navigation

배포사이트 데모페이지

하위 메뉴까지 슬라이드를 통해 표시되는 네비게이션 메뉴입니다. 하위 메뉴가 많을 때 이용하기 편리한 메뉴 아이디어입니다.

Responsive Sidebar Navigation

반응형 웹사이트 네비게이션 메뉴 아이디어
Responsive Sidebar Navigation

배포사이트 데모페이지

복잡한 하위 메뉴를 가진 사이트에 어울리는 네비게이션 메뉴입니다. 큰 화면에서는 물론 작은 화면에서도 보기 좋게 디자인 되었네요.

Mega Dropdown

반응형 웹사이트 네비게이션 메뉴 아이디어
Mega Dropdown

배포사이트 데모페이지

다계층의 컨텐츠를 한번에 보기 쉽도록 디자인 한 메가드롭형식의 네비게이션 메뉴입니다. 드롭다운의 디자인도 리스트, 이미지, 아이콘 등으로 활용이 가능합니다.

3D Rotating Navigation

반응형 웹사이트 네비게이션 메뉴 아이디어
3D Rotating Navigation

배포사이트 데모페이지

3D애니메이션 형식으로 네비게이션 메뉴를 표시하는 임팩트 있는 디자인입니다. 네비게이션 메뉴를 위로 접어둔 것 같은 느낌이 드는 아이디어 메뉴네요.

3D Bold Navigation

반응형 웹사이트 네비게이션 메뉴 아이디어
3D Bold Navigation

배포사이트 데모페이지

네비게이션 메뉴가 다이나믹하게 슬라이드 되고, 그 애니메이션과 같이 페이지가 전환됩니다. 컨텐츠의 위치와 관계 없이 오른쪽 상단에 고정되어 언제든 펼쳐볼 수 있습니다.