Apr 29

Showcase of Creative Navigation Menus

Good navigation is the main cornerstone of an effective website. In practice, however, it’s often a tough challenge to come up with a meaningful, unambiguous way to organize, arrange, and display content to users; and it’s often not much easier to find a visually interesting solution either. The wide adaption of JavaScript libraries like jQuery is making it increasingly easy to add various kinds of sleek animations to navigation design. For instance, many recent promo websites are essentially single page websites with an array of animation effects used to make navigation a smoother and richer user experience.

Parallax and Scrolling

Parallax is an animation effect that allows layers to move in response to a particular viewpoint. The effect is used to add a three-dimensional depth illusion to the design and make interaction more responsive and interesting. Recently, this technique has been frequently used to animate background images, as in the famous Nike Better World site.

Nike Better World

Rich graphics and parallax 3D effects

Www Nikebetterworld Com-2011-3-11-20 18 20 in Showcase of Creative Navigation Menus: Good and Bad Examples Continue reading

Apr 28

10 Web Design Rules That You Can Break

As web design and design in general have evolved, rules have been established to ensure consistent and usable designs.

Some of these rules were created simply because website creators abused certain principles without regard for their users. But these rules are not enforced by anyone and should be broken when necessary, especially when breaking them would lead to a stunning design. In this article, we present 10 rules that you can break if it suits your design needs.

Rule #1: Do Not Display the Horizontal Scroll Bar

A significant number of mice don’t have a horizontal mouse wheel. This makes it awkward to scroll left or right when a web page’s content extends past the sides of the browser. It can be annoying to have to bring the mouse cursor down to the bottom of the window and drag the scroll bar over just to see a word or two that lies beyond the viewable area of the page. That said, here are some well-designed sites that put the scroll bar to work in effective ways. Continue reading