소장자료검색

책소개

내비게이션(Navigation)은 본래 목적지에 도달하기 위한 항공술 또는 항해술을 뜻합니다. 모든 프로젝트 과정에서 가장 많은 시간을 투자하는 부분은 바로 전체 프로젝트의 흐름을 제어하는 내비게이션입니다. 따라서 웹 사이트를 구축할 때 내비게이션은 많은 정보를 체계적으로 구조화하고 사용자가 원하는 정보를 직관적으로 파악할 수 있도록 구성되어야 합니다. 또한 내비게이션은 웹 사이트의 성격을 반영함으로써 전체 웹 사이트의 통일감을 이루어 내는 중요한 역할을 합니다.

길벗출판사에서 출간한 《Flash Navigation Pattern 18》은 해외에서 Creative Director로 활동 중인 저자가 세계적인 웹 에이전시의 생생한 실무 경험을 토대로 최신 트렌드의 플래시 내비게이션을 18가지 패턴으로 정리한 플래시 중고급 활용서입니다.

《Flash Navigation Pattern 18》은 실무에서 가장 많이 사용하는 최신 트렌드의 인터랙티브한 플래시 내비게이션 패턴을 분석하고 엄선하여 18가지로 압축했으므로 여기에서 제시한 18가지 내비게이션 패턴을 익히고 응용하면 웹 사이트의 제작 유형을 모두 익힐 수 있습니다.

《Flash Navigation Pattern 18》의 내비게이션은 모두 <아이디어 스케치|Idea Sketch>, <분석|Analysis>, <제작 과정|Step by Step>, <결과|Conclusion> 코스로 구성되어 아이디어를 구상하는 단계부터 세밀하게 분석하고 현실화하는 단계를 거쳐 기본 패턴을 다양하게 활용하는 과정을 모두 경험할 수 있습니다.

특히 <결과|Conclusion> 코스에서는 제작한 내비게이션을 다양한 방법으로 활용할 수 있는 아이디어와 실제로 웹에서 구현된 사이트를 제시해 하나의 예제를 제작하는 단편적인 지식을 뛰어넘어 웹 사이트의 유형을 파악할 수 있는 안목과 실력을 키울 수 있습니다.

목차

플래시 내비게이션, 이것만은 알고 시작하자

001 움직이는 내비게이션바
메뉴는 임의의 위치에 고정되어 있다는 고정 관념을 버리고 내비게이션바를 움직일 수 있도록 하는 것은 물론, 사용자가 열고 닫을 수 있는 방법에 대해 알아봅니다.

002 정보 구조를 체계화하는 Tree 내비게이션
웹 사이트를 제작할 때 정보 구조를 체계화해서 사용자들이 쉽게 사이트 구조를 이해할 수 있도록 내비게이션을 설계하는 방법에 대해 알아봅니다.

003 방문 기록을 기억하는 내비게이션
갤러리나 포트폴리오 사이트의 경우 버튼이 많아 사용자가 중복 선택하는 경우가 종종 발생합니다. 이런 경우에 한 번 이상 방문한 적이 있는 메뉴를 구분할 수 있는 방법을 알아봅니다.

004 이미지 슬라이딩 내비게이션
단순해지기 쉬운 메뉴 이동에 슬라이딩 내비게이션으로 다이내믹한 효과를 연출해 사용자의 시선을 사로잡는 방법에 대해 알아봅니다.

005 부가 정보를 제공하는 풍선 도움말
사용자가 정확하게 내비게이션 버튼을 이해할 수 있도록 풍선 도움말을 이용하여 부가 설명글을 보여주는 방법에 대해 알아봅니다.

006 스크롤바로 제어하는 슬라이드 내비게이션
제한된 공간에서 많은 양의 정보를 보여주는 스크롤바의 디자인부터 작동 구현 방법에 대해 알아봅니다.

007 Mac OS X의 Dock 내비게이션
사용자의 행동에 인터랙티브하게 반응하는 Mac OS X의 Dock 내비게이션 구현 원리와 제작 방법에 대해 알아봅니다.

008 자동 스크롤 광고 내비게이션
많은 상품을 방문객에게 보여주고 구매를 유도하기 위해 광고에서 많이 사용되는 자동 스크롤 내비게이션 기법에 대해 알아봅니다.

009 Drag & Drop 내비게이션
탭(Tab) 개념을 응용해 한정된 공간에서 많은 내용을 보여주는 Drag & Drop 내비게이션의 구현 방법에 대해 알아봅니다.

010 다이내믹한 사진 갤러리 내비게이션
사진은 자체 퀄리티도 중요하지만 어떻게 보여주느냐에 따라 느낌이 많이 달라집니다. 다이내믹한 연출로 사진 갤러리를 제작할 수 있는 방법에 대해 알아봅니다.

011 자연스러운 장면 전환 내비게이션
사용자가 각각의 메뉴를 클릭했을 때 끊어지는 현상 없이 자연스럽게 장면이 전환되게 유도하는 장면 전환 내비게이션에 대해 알아봅니다.

012 마스크를 활용한 숨김 내비게이션
베일에 싸인 듯 숨겨둔 내비게이션을 마스크로 차별화해서 구현하는 방법에 대해 알아봅니다.

013 살아 움직이는 유기체 내비게이션
사용자의 반응에 상관없이 마치 스스로 살아 움직이는 듯한 유기체 내비게이션을 구현하는 방법에 대해 알아봅니다.

014 이퀄라이저 버튼의 주크박스 내비게이션
아티스트의 앨범을 홍보하는 마이크로 사이트나 개인 사이트에서 사운드 서비스를 하는 경우 활용할 수 있는 주크박스 내비게이션에 대해 알아봅니다.

015 오브젝트 가상현실(VR) 내비게이션
쇼핑몰에서 의류, 가전제품과 같은 오브젝트의 단편적인 사진만 보여주는 것이 아니라, 사용자가 직접 오브젝트를 돌려가며 보거나 간접 체험할 수 있는 가상현실(VR) 내비게이션에 대해 알아봅니다.

016 나만의 모션 내비게이션
차별화된 웹 사이트를 제작하는 키워드는 바로 모션에 있습니다. 모션을 이용해 나만의 독특한 개성을 표현하는 방법에 대해 알아봅니다.

017 상호작용하는 확장/축소 내비게이션
기존의 단순한 롤오버 효과에서 한 단계 발전해 플래시에서만 구현할 수 있는 확장/축소 내비게이션에 대해 알아봅니다.

018 2단계 펼침 내비게이션
색다른 방식으로 메인 메뉴와 서브 메뉴를 보여주는 방식에 대해 알아봅니다.