반응형 웹사이트 네비게이션 메뉴 아이디어 2 │ NANATI's STORY

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

4 Sweet and Responsive Navigation Menus

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

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

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

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

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

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