30+ иновативни менюта за навигация, базирани на икони
Тук в Design Shack обичаме добро меню за навигация. Напоследък забелязваме тенденция, възникваща около менютата, които използват икони или изключително вместо текст, или като поддръжка на допълнителна текстова информация.
Добавянето на икони към навигацията ви не само може да ви даде естетически тласък, но и всъщност допринесе за по-бързо визуално четене на връзката. Ето колекция от над тридесет иконизирани навигационни менюта, които намерихме онлайн. Ще завършим с няколко ресурса, които можете да използвате, за да загърнете някои безплатни икони, за да създадете свои собствени фантазия менюта.
Менютата
Дейвид Джонсън
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus.jpg)
KK Media
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-2.jpg)
Bite Club
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-3.jpg)
Mac Rabbit
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-4.jpg)
Toffeenut Design
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-5.jpg)
Listal
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-6.jpg)
Narwhal Company
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-7.jpg)
Пиксел Ризорт
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-8.jpg)
Кактус за риболов
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-9.jpg)
Урок 9
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-10.jpg)
Envira Media
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-11.jpg)
Дуарте Пирес
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-12.jpg)
Weblifting
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-13.jpg)
Ние графики
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-14.jpg)
Нандо
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-15.jpg)
добавям
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-16.jpg)
Янис Маркин
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-17.jpg)
Стивън Литъл Дизайн
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-18.jpg)
Даниел Маркес
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-19.jpg)
Аксел Сиърс
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-20.jpg)
CV Studio
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-21.jpg)
Дизайнът на прасковите
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-22.jpg)
Genocom
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-23.jpg)
Майкъл Хогенмилер
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-24.jpg)
По-скоро великолепен
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-25.jpg)
Eichi Creative Design
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-26.jpg)
Дан Вирсема
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-27.jpg)
Музикални мисли
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-28.jpg)
прясно
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-29.jpg)
Dishizzle
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-30.jpg)
Lelegins
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-31.jpg)
Boxee
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-32.jpg)
Изключване на думи
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-33.jpg)
Безплатни икони набори
Сега, когато сте имали вашата доза вдъхновение, е време да започнете оригиналната стъпка на създаване. Използвайте ресурсите по-долу, за да ви помогнем да създадете свое собствено красиво меню за навигация!
gCons: Безплатни универсални икони за дизайнери и разработчици (100 икони + PSD)
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-34.jpg)
478 безплатни SVG векторни икони - пакетът със седем икони
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-35.jpg)
Икони: Безплатни икони на лентата с инструменти на iPhone
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-36.jpg)
iPhone Set Icon Icon Set
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-37.jpg)
Freebie: 20 висококачествени 3D икони
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-38.jpg)
NIXUS Pack Pack: 60 красиви премиум икони (безплатно)
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-39.jpg)
WooFunction: 178 невероятни икони за уеб дизайн
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-40.jpg)
Икона за цветни стикери: 20 икони
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-41.jpg)
Дизайнерски икони - Професионално ръчно изработен безплатен набор от икони
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-42.jpg)
Икона по подразбиране
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-43.jpg)
Търсачки за икони
Търсите нещо конкретно? Вижте тези страхотни безплатни търсачки за икони.
Търсачка на икони
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-44.jpg)
Търсач на икони
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-45.jpg)
Iconlet
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-46.jpg)
заключение
С вдъхновението и ресурсите по-горе, сега трябва да сте напълно въоръжени, за да излезете и да направите страхотни навигационни менюта, базирани на икони.
Освен това, не забравяйте да оставите връзка към всички базирани на икони навигационни менюта, които сте намерили в мрежата.