This document discusses different navigation designs for websites, including full-screen navigation, drop-down menus, navicons, and scrolling navigation. Full-screen navigation takes over the entire page when clicked and usually has a close button. Drop-down menus reveal subcategories when hovering over a top-level category. Navicons provide an option to hide navigation bars as the user scrolls. Scrolling navigation allows users to navigate between pages by scrolling rather than clicking links.

2. This is an example of full-screen
navigation. After clicking the menu
button (for this instance, the “open
overlay” button) the page will go
full screen with different options for
navigations. It usually has a close
button if you wish to remain on the
same page.
*References for the sample websites are in the last slide.

3. This particular design is based from traditional navigation bars. Unlike other
navigation bars with solid colored bars, this design seems to have floating texts.
This design has a drop down list. When you hover the categories menu, it reveals
several sub-categories.

4. This particular design uses
Navicon. It is the three-line icon
that you usually see in the
Facebook mobile app and other
websites. It gives the users the
option to hide navigation bars
as they scroll through the page.
Some hidden menus
automatically hides.

5. This is a combination of full-screen
navigation and hidden menu. Just
like the hidden vertical menu from
the previous slide, it also has
Navicon.

6. This is the traditional design
of navigation bars –
horizontal and always on top.

7. This may look like a
traditional navigation bar, but
it has a scrolling navigation
feature.This allows users to
navigate the website by just
scrolling down.This is similar
to popular templates in
Wordpress where users can
view more posts without
clicking a “next page” button.

9. 5 Basic Parts of a Website andTheir DesignTrends for 2015

10. http://www.campdavidfilm.com/
http://tympanus.net/Development/FullscreenOverlayStyles/inde
x9.html
http://michaelvilleneuve.fr/
http://codyhouse.co/demo/full-screen-pushing-navigation/
http://sumofy.me/
https://disqus.com/websites/