Hướng Dẫn Thiết Kế Navigation với Photoshop

Nav­i­ga­tion rõ ràng là một trong những khía cạnh quan trọng nhất của thiết kế web về tính khả dụng, nhưng, ngoài ra, nó còn có là một tâm điểm của diện mạo thiết kế. Các But­ton của thanh Nav­i­ga­tion, thanh Bar và Menu mang đến cho nhà thiết kế cơ hội tuyệt vời để sáng tạo và bổ sung một vài phong cách mới vào thiết kế. Đối với mục đích này, công cụ nào được sử dụng tốt hơn Photoshop?


Đây là một bộ sưu tập gồm 45 hướng dẫn sẽ giúp bạn tạo ra một thanh Nav­i­ga­tion hoàn hảo. Một số hướng dẫn tạo ra kết quả cuối cùng tương tự như một hướng dẫn khác trong danh sách này, nhưng bạn có thể tìm hiểu một điều khác lạ từ mỗi một hướng dẫn vì cách tiếp cận tới mỗi bài hướng dẫn này là khác nhau.
Stun­ning Vista inspired menu


từ PSDTuts



Slick blue nav­i­ga­tion menu


từ SigTutorials







Glossy nav­i­ga­tion bar


từ Core GFX



Quick glass buttons


từ Bits O’ NewMedia



Basic sleek button


từ psFreak.com



Sleek but­tons


từ OriginMaker



Vista styled button


từ psFreak



Shiny green button


từ psFreak



Sleek glossy blue button


từ AnotherTutorialSite



Styl­ish button


từ OriginMaker



Glow­ing buttons


từ OriginMaker



Styl­ish blue button


từ Photoshop-Tutorials.us



Shiny orange button


từ TutorialSubmitter



Unique blue button


từ OriginMaker



Styl­ish black nav bar


từ Dicat.us



Vista but­tons using styles only


từ The Not Sim­ple Solution



Black Vista style button


từ Great Design



XP style navigation


từ Tuto­r­ial Guide



Glossy nav­i­ga­tion menu


từ Gamexe.net



Glossy style car­bon fibre navigation


từ Pho­to­shop Star



Pro­fes­sional glossy buttons


từ Pho­to­shop Star



Sim­ple glossy nav­i­ga­tion buttons


từ Pho­to­shop Star



Image sprite nav­i­ga­tion using CSS


từ Style Meltdown



Orb but­ton effect


từ Boonage



Clean and dark nav­i­ga­tion bar


từ Aviva Directory



Nice, clean ver­ti­cal menu


từ bwebi.com



Flex­i­ble but­tons using Pho­to­shop shapes and styles


từ Veerle



Web 2.0 style buttons


từ Iris Design



Vista style nav bar


từ Aviva Directory



Web 2.0 buttons


từ BlogWatts



XBox360 style nav bar


từ EvoGFX



Sim­ple and clean menu bar


từ Pho­to­shop Pack



Glass type nav­i­ga­tion bar


từ Pixel Digest



Tabbed nav­i­ga­tion menu


từ UPUP Media



Ver­ti­cal nav­i­ga­tion menu


từ EvoGFX



Plas­tic nav­i­ga­tion bar


từ Tuto­r­ial Park



Blue but­ton


từ Toxic Lab







Glossy web 2.0 buttons


từ Aviva Directory



Pixel style nav­i­ga­tion box


từ Aviva Directory



Red “order now” button


từ Caged Flame



Aqua but­ton


từ Pragt.net



Mac but­ton


từ Pragt.net



Duo­tone ver­ti­cal menu


từ Pegaweb



Glass but­ton


ftừ Depiction.net



Sim­ple web button


từ 3by9



Pro­fes­sional dark button


từ Aviva Directory




Dịch và biên tập từ:Vandelay-Design


Xem bài viết gốc