53 привлекательные и интуитивно-понятные панели навигации, созданные с помощью CSS

Автор: SmashingMagazine.com
Перевод: Всеволод Козлов

53 привлекательные и интуитивно-понятные панели навигации, созданные с помощью CSS

Навигация по сайту должна быть интуитивно-понятной и легкой в использовании.

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

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

Итак, как же дизайнерам удается создавать привлекательные и юзабельные (простые в использовании) навигационные панели? Ответ кроется далее по тексту…

В данной статье-обзоре мы хотим поделиться с Вами тщательно отобранными 53 привлекательными и интуитивно-понятными панелями навигации, созданными с помощью CSS.

PS: Мы по ошибке включили в данный список несколько навигационных панелей, созданных с помощью DHTML и JavaScript. Приносим Вам свои извинения.

После просмотра представленных навигационных панелей у Вас обязательно возникнут какие-либо соображения или на Вас нахлынет море эмоций — поделитесь ими в комментариях :cool: !

1. Change.org

Панель навигации сайта Change.org

2. N.Design Studio | Design & Blog

Панель навигации сайта N.Design Studio | Design & Blog

3. Good Creative — Web and Graphic Design

Панель навигации сайта Good Creative - Web and Graphic Design

4. MacRabbit — Welcome

Панель навигации сайта MacRabbit - Welcome

5. Joyent: Introducing Joyent

Панель навигации сайта Joyent: Introducing Joyent

6. CSS Vault » The Web’s CSS Site

Панель навигации сайта CSS Vault » The Web's CSS Site

7. notiam.com

Панель навигации сайта notiam.com

8. Jamie Huskisson: Full time UK PHP freelance developer

Панель навигации сайта Jamie Huskisson: Full time UK PHP freelance developer

9. Web design, development and consultancy from Ottawa, Canada — Snook.ca

Панель навигации сайта Web design, development and consultancy from Ottawa, Canada - Snook.ca

10. BREAKER DESIGN

Панель навигации сайта BREAKER DESIGN

11. Jen Gordon

Панель навигации сайта Jen Gordon

12. Tulumarka

Панель навигации сайта Tulumarka

13. CSS Beauty | CSS Design, News, Jobs, Community, Web Standards

Панель навигации сайта CSS Beauty | CSS Design, News, Jobs, Community, Web Standards

15. Digg / Technology

Панель навигации сайта Digg / Technology

16. Triple Crown Customer Service

Панель навигации сайта Triple Crown Customer Service

17. microformats

Панель навигации сайта microformats

18. GetMenus.ca

Панель навигации сайта GetMenus.ca

20. Wedding Extravaganza 2007 — A Perfect Marriage

Панель навигации сайта Wedding Extravaganza 2007 - A Perfect Marriage

21. Job Pile — Aggregating the Best Job Boards on the Web — Artypapers

Панель навигации сайта Job Pile - Aggregating the Best Job Boards on the Web - Artypapers

22. Norman Morrow & Co — Estate Agents In Crumlin, Northern Ireland

Панель навигации сайта Norman Morrow & Co - Estate Agents In Crumlin, Northern Ireland

23. Listal — List the stuff you love! Movies, TV, music, games and books

Панель навигации сайта Listal - List the stuff you love! Movies, TV, music, games and books

24. folietto

Панель навигации сайта folietto

25. Tony Yoo — Online Showcase (version2)

Панель навигации сайта Tony Yoo - Online Showcase (version2)

26. Digital Web Magazine

Панель навигации сайта Digital Web Magazine

27. Denbighshire Supporting Business

Панель навигации сайта Denbighshire Supporting Business | Denbighshire, Supporting, Business

28. Pulmad, peod, lillesalong… — Annilill Peoteenindus

Панель навигации сайта Pulmad, peod, lillesalong... - Annilill Peoteenindus

29. ExpressionEngine — Publish Your Universe!

Панель навигации сайта ExpressionEngine - Publish Your Universe!

30. coda.coza

Панель навигации сайта coda.coza

31. purevolume™ | We’re Listening To You

Панель навигации сайта purevolume™ | We're Listening To You

32. EGOLOUNGE *Buro fur digitales Design

Панель навигации сайта EGOLOUNGE *Buro fur digitales Design

33. Merix — Internet Technologies

Панель навигации сайта Merix - Internet Technologies

34. Bartelme Design | Showroom

Панель навигации сайта Bartelme Design | Showroom

35. Luis Alarcon, Blog

Панель навигации сайта Luis Alarcon, Blog

36. CSS3 . info — Everything you need to know about CSS3

Панель навигации сайта CSS3 . info - Everything you need to know about CSS3

37. nclud™ a creative web design agency

Панель навигации сайта nclud™ a creative web design agency

38. Convan Design — Howdy

Панель навигации сайта Convan Design - Howdy

39. ExpressionEngine — Publish Your Universe!

Панель навигации сайта ExpressionEngine - Publish Your Universe!

40. Silverpoint: Web Solutions for Schools

Панель навигации сайта Silverpoint: Web Solutions for Schools

41. Jambor-ee — Celebrating ExpressionEngine

Панель навигации сайта Jambor-ee - Celebrating ExpressionEngine

42. far from fearless

Панель навигации сайта far from fearless

43. Scribd — Home

Панель навигации сайта Scribd - Home

44. Erika Greco — Blog

Панель навигации сайта Erika Greco - Blog

45. Photoshop Tutorials and Articles — Tutorial Blog

Панель навигации сайта Photoshop Tutorials and Articles - Tutorial Blog

46. Welcome to Buzz — Buzz Recruitment

Панель навигации сайта Welcome to Buzz — Buzz Recruitment

47. Michal Zapomel — cesky vlasovy design | czech hair design

Панель навигации сайта Michal Zapomel - cesky vlasovy design | czech hair design - Uvodni stranka

48. Onlinecenter Upload

Панель навигации сайта Onlinecenter Upload

49. M122Arts Mixed Media and Technology // oo*o

Панель навигации сайта M122Arts Mixed Media and Technology // oo*o

50. KazanShops.Ru

Панель навигации сайта Магазины Казани - казанский сайт для тех, кто покупает - www.KazanShops.Ru

51. Stone inc. — Amenagements Paysager, Paves.

Панель навигации сайта Stone inc. - Amenagements Paysager, Paves, Murets, Tourbe et plus!

52. Pixellogo

Панель навигации сайта Pixellogo

53. AUSMAG — das Australien Work & Travel Portal

Панель навигации сайта AUSMAG - das Australien Work & Travel Portal - Arbeiten und Reisen in Australien

Оригинал статьи: CSS-Based Navigation Menus: Modern Solutions

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*