Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Коллекция меню и панелей навигации

7 мая 2008 | Опубликовано в Веб-дизайн | Нет комментариев »

Навигация по сайту — один из самых важных его элементов, поэтому оформлению и юзабилити её панелей стоит уделять немалое внимание.

clip_image049

1. Панели навигации в виде блоков

Навигации является помощью пользователям в поисках нужного контента на сайте. Ниже собраны некоторые панели навигации максимально соответствующие этому требованию.

clip_image002

clip_image003

clip_image004

clip_image005

clip_image006

clip_image007

clip_image008

clip_image009

clip_image010

clip_image011

clip_image012

2. Стиль Mac-отражение дизайна Web 2.0.

Панели Mac до сих пор популярны и в некоторой мере отражают дизайн Web 2.0.

clip_image013

clip_image014

clip_image015

clip_image016

clip_image017

clip_image001[13]

clip_image019

3. Иконки в навигации

Для оживления вашей навигации добавьте в нее соответствующую иконку.

clip_image001[11]

clip_image002

clip_image003

clip_image004[7]

clip_image005[7]

clip_image006[6]

clip_image007[6]

clip_image008[6]

clip_image009[6]

clip_image010[6]

clip_image011[6]

4. Вертикальные меню

Смотрится довольно элегантно, хотя и не особо распространен.

clip_image030

clip_image031

clip_image032

clip_image033

clip_image034

5. Рукописный стиль

Меню в этом стиле — имитация созданных рукой человека набросков на бумаге ручкой навигационных меню.

clip_image035

clip_image036

clip_image037

clip_image038

clip_image039

clip_image040

clip_image041

clip_image042

6. Креатив

Не отходите далеко от базовых принципов, чтобы выделиться из толпы с помощью креатива в дизайне. Пользователь может просто напросто не понять этой задумки. Если ему будет неудобно пользоваться вашим сайтом, он найдет другой, более удобный для него в навигации.

clip_image043

clip_image044

clip_image045

clip_image046

clip_image047

clip_image048

clip_image049

clip_image050

clip_image051

clip_image052

clip_image053

clip_image054

clip_image055

clip_image056

clip_image057

clip_image058

clip_image059

clip_image060

clip_image061

clip_image062

Автор — smashingmagazine




Оставить ответ


7 − = три

Вставить изображение