35个优秀的网站页眉页脚设计案例
2011-09-17 23:28
465 查看
页眉在网页的最顶端,通常会放置网站Logo和导航,如今越来越多的网页设计师关注页眉的设计,依靠独特的设计手法,搭配上创意优秀的图片,让网页突破空间界限,给人留下深刻的印象。相对于页眉来说,关注页脚设计的人很少。我们平常也能碰到有些网站的底部设计得很漂亮,给网站的呈现来一个完美的结尾。下面与大家分享一组网站页眉页脚设计案例,希望能带给您灵感。
InfinVision
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/78175d7fd01a7027c7dce4e175937885.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/474704212bc5a28e47e0b4dbc9688c9b.jpg)
Dunnellon
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/e9ace9a8d3a75b8f06cfb7d316c16497.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/4fab60efa65d1b6f15819bc0151ce0b9.jpg)
Teixido
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/54f30ba788de70fea44ca7f02fde7f24.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/acedf554cbe469e1d76563ee80f59a41.jpg)
89 Bytes
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/da03ba4fc26bdd56152583da7e210c06.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/0a36912bbab49d88add7607c039946b7.jpg)
Shelly Cooper
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/01b99bf3c1c4aa4f8c8a2cab3dacefb7.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/2b5aa266a91286d18e4df66a1f8ec5e3.jpg)
heyIndy
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/00294213e8a8ca0c352650d1c889f78c.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/8f20ddcd2ebada6c952b41d9399d7cfa.jpg)
Bencurious
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/d2fd275fee230ee3e9096e8403c1f929.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/61ead074986100e2f86a3e7f9bd28f43.jpg)
Kevin Monger
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/8def9f58ae0d260de3f670da3df961a1.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/abe1b9d58f0730f01e88d238c9063b6c.jpg)
MumMade
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/d81e886f4ec859d7a53723b11333e863.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/5d464241e300407bbd7492c5bbe21161.jpg)
Agency Ball
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030189/6bfdd411c266329f23ced94457993bfb.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030189/d1ac4b40f13b276b3232f27bff58ec5a.jpg)
Bottlerocket Creative
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030189/d1ce7a0ced3656e612ab0a828339786d.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030189/41a1ca527c1659f61a498515e2de4050.jpg)
Amazee Labs
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030189/1f07490f4160c1f986020268958e77b7.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030189/333a51896257ab2c5dc2b70b377d2258.jpg)
Plume Creation
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030189/2b4e016b21bc3a494d4380eef0a2896a.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030189/e6f2c484795db38bfc8f89c6518d9546.jpg)
nGen works
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030189/1490db6881cc8d4dedb67ac37ca6ffda.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030189/0276003013e54bfeec930acaa693c5db.jpg)
Shawn Johnston
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/8a6e0676907aa28213708babf21fc302.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/f5f043096fadd44db4ebe63b5f4a225b.jpg)
designzoom.in
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/fdc1949bac8917c2c6a5cc4777ea1d8f.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/56aaf2827b5f1689278b77b47da532e4.jpg)
mr. diggles
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/93167920af40786a9dd360286aa9d063.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/c0fb6052796363d57fab26fd65296163.jpg)
Blog.SpoonGraphics
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/9eded518ddc2e36f5811321680df570c.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/e8e64290e4ae8e9bc5514f889054d2a4.jpg)
Tease
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/1b4be8a02b33267ef5149c28450bd820.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/dc6cd9857c7b5562af446ca2b1a9ff38.jpg)
intrepidolive.com
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/5b156afaab1cd0bd580f35055cbba83c.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/3800e94de81370248e9acc8ad7722ff0.jpg)
share some sugar
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/49cc4089c6d121c9f583eb85a40428cf.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/31f054ed70ad58c6e1c55ee14b11c77b.jpg)
Kyle Meyer
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/7f8f2b8c073769b4a8eb715007181e70.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/a67dfb77df64e44fd20521d810ea8c46.jpg)
weberica
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/46f09581672b304b6b2ab9263cf96e39.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/6cb148fd6020c3f0b084567493f25d67.jpg)
Quantify
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/98c6554f5d03899b27c510e168af7d9d.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/331006eaaea8f0231f24ab82373414ff.jpg)
Mick Evans
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/e1aa0f774f9af93c3b722749574a1d4c.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/8901f315460c689b3f42c66e0741b08d.jpg)
yumit
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/1bcb63274c3c5b378443938fdaa52fea.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/ff84c28e119382b4eeebb5afd5e40668.jpg)
Chipotle
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/f623cb37baabdab5018d7f7b8ef7ffbf.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/0767a1533b56819b2a57387a030ce008.jpg)
Stephen Caver
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/ffdbbdf734b0b4d3f49215ec8bd759e3.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/e113df2e9a51b0a473b1908f3d5c9194.jpg)
Catered by Kate
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/664fd28ba74b31534c221a99225d2825.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/e7cd828b7358f211d05dd628fc59ccdc.jpg)
BBQ War
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030190/17aaf494efb588d5901892dcf609908b.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030190/9fe0589153e6d7abc34755938a72de9e.jpg)
Creative Mash
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030190/0593bca4a2e5c079aed3ac14068db6f4.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030190/02556ac85f7cf082f3229a83d3a7d72e.jpg)
Gareth Hughes
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030190/7cd935d832158099770fcd90297447e6.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030190/fc8f3b3488790c6932ffcbbc540e6d8d.jpg)
Food Curated
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030190/7971a0aa0de6c80d73cf8cc2cf18898f.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030190/4f90af808f40e8574f79466b97c62824.jpg)
Cheer Up!
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030190/8c6ed00e05d531bff7aed8029067eb7f.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030190/be058b889db1e2b55fe6ea0b210fdc58.jpg)
United Pixelworkers
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030182/25b69f27b518011ebd3c0ee10d295b6d.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030182/30e3472ac59309a4e4413136b6c5c70f.jpg)
您可能还喜欢
55个美丽而独特的网站页眉设计欣赏
33个优秀的网站底部设计案例欣赏
25佳漂亮的网站底部设计案例欣赏
分享25个优秀的网站底部设计案例
寻找网页设计灵感的27个最佳网站推荐
英文链接:35 Inspiring Headers and Footers
InfinVision
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/78175d7fd01a7027c7dce4e175937885.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/474704212bc5a28e47e0b4dbc9688c9b.jpg)
Dunnellon
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/e9ace9a8d3a75b8f06cfb7d316c16497.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/4fab60efa65d1b6f15819bc0151ce0b9.jpg)
Teixido
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/54f30ba788de70fea44ca7f02fde7f24.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/acedf554cbe469e1d76563ee80f59a41.jpg)
89 Bytes
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/da03ba4fc26bdd56152583da7e210c06.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/0a36912bbab49d88add7607c039946b7.jpg)
Shelly Cooper
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/01b99bf3c1c4aa4f8c8a2cab3dacefb7.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/2b5aa266a91286d18e4df66a1f8ec5e3.jpg)
heyIndy
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/00294213e8a8ca0c352650d1c889f78c.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/8f20ddcd2ebada6c952b41d9399d7cfa.jpg)
Bencurious
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/d2fd275fee230ee3e9096e8403c1f929.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/61ead074986100e2f86a3e7f9bd28f43.jpg)
Kevin Monger
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/8def9f58ae0d260de3f670da3df961a1.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/abe1b9d58f0730f01e88d238c9063b6c.jpg)
MumMade
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/d81e886f4ec859d7a53723b11333e863.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/5d464241e300407bbd7492c5bbe21161.jpg)
Agency Ball
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030189/6bfdd411c266329f23ced94457993bfb.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030189/d1ac4b40f13b276b3232f27bff58ec5a.jpg)
Bottlerocket Creative
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030189/d1ce7a0ced3656e612ab0a828339786d.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030189/41a1ca527c1659f61a498515e2de4050.jpg)
Amazee Labs
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030189/1f07490f4160c1f986020268958e77b7.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030189/333a51896257ab2c5dc2b70b377d2258.jpg)
Plume Creation
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030189/2b4e016b21bc3a494d4380eef0a2896a.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030189/e6f2c484795db38bfc8f89c6518d9546.jpg)
nGen works
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030189/1490db6881cc8d4dedb67ac37ca6ffda.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030189/0276003013e54bfeec930acaa693c5db.jpg)
Shawn Johnston
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/8a6e0676907aa28213708babf21fc302.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/f5f043096fadd44db4ebe63b5f4a225b.jpg)
designzoom.in
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/fdc1949bac8917c2c6a5cc4777ea1d8f.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/56aaf2827b5f1689278b77b47da532e4.jpg)
mr. diggles
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/93167920af40786a9dd360286aa9d063.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/c0fb6052796363d57fab26fd65296163.jpg)
Blog.SpoonGraphics
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/9eded518ddc2e36f5811321680df570c.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/e8e64290e4ae8e9bc5514f889054d2a4.jpg)
Tease
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/1b4be8a02b33267ef5149c28450bd820.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/dc6cd9857c7b5562af446ca2b1a9ff38.jpg)
intrepidolive.com
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/5b156afaab1cd0bd580f35055cbba83c.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/3800e94de81370248e9acc8ad7722ff0.jpg)
share some sugar
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/49cc4089c6d121c9f583eb85a40428cf.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/31f054ed70ad58c6e1c55ee14b11c77b.jpg)
Kyle Meyer
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/7f8f2b8c073769b4a8eb715007181e70.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/a67dfb77df64e44fd20521d810ea8c46.jpg)
weberica
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/46f09581672b304b6b2ab9263cf96e39.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/6cb148fd6020c3f0b084567493f25d67.jpg)
Quantify
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/98c6554f5d03899b27c510e168af7d9d.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/331006eaaea8f0231f24ab82373414ff.jpg)
Mick Evans
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/e1aa0f774f9af93c3b722749574a1d4c.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/8901f315460c689b3f42c66e0741b08d.jpg)
yumit
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/1bcb63274c3c5b378443938fdaa52fea.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/ff84c28e119382b4eeebb5afd5e40668.jpg)
Chipotle
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/f623cb37baabdab5018d7f7b8ef7ffbf.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/0767a1533b56819b2a57387a030ce008.jpg)
Stephen Caver
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/ffdbbdf734b0b4d3f49215ec8bd759e3.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/e113df2e9a51b0a473b1908f3d5c9194.jpg)
Catered by Kate
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/664fd28ba74b31534c221a99225d2825.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/e7cd828b7358f211d05dd628fc59ccdc.jpg)
BBQ War
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030190/17aaf494efb588d5901892dcf609908b.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030190/9fe0589153e6d7abc34755938a72de9e.jpg)
Creative Mash
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030190/0593bca4a2e5c079aed3ac14068db6f4.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030190/02556ac85f7cf082f3229a83d3a7d72e.jpg)
Gareth Hughes
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030190/7cd935d832158099770fcd90297447e6.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030190/fc8f3b3488790c6932ffcbbc540e6d8d.jpg)
Food Curated
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030190/7971a0aa0de6c80d73cf8cc2cf18898f.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030190/4f90af808f40e8574f79466b97c62824.jpg)
Cheer Up!
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030190/8c6ed00e05d531bff7aed8029067eb7f.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030190/be058b889db1e2b55fe6ea0b210fdc58.jpg)
United Pixelworkers
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030182/25b69f27b518011ebd3c0ee10d295b6d.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030182/30e3472ac59309a4e4413136b6c5c70f.jpg)
您可能还喜欢
55个美丽而独特的网站页眉设计欣赏
33个优秀的网站底部设计案例欣赏
25佳漂亮的网站底部设计案例欣赏
分享25个优秀的网站底部设计案例
寻找网页设计灵感的27个最佳网站推荐
英文链接:35 Inspiring Headers and Footers
相关文章推荐
- 35个优秀的网站页眉页脚设计案例
- 35个优秀的电子商务网站设计案例
- 分享35个最新的单页网站设计案例
- 60佳优秀的国外电子商务网站设计案例(上篇)
- 12个学习 CSS3 网站布局设计的优秀案例
- 20个优秀的移动(iPhone)网站设计案例
- 20个创新精美的网站页脚设计案例
- 分享25个优秀的活动邀请网站设计案例
- 分享32个优秀的国外电子商务网站设计案例
- 20个优秀的移动(iPhone)网站设计案例
- 优秀网页设计:35个吸引眼球的精美作品集网站
- 推荐12个优秀的 HTML5 网站设计案例欣赏
- 分享32个优秀的国外电子商务网站设计案例
- 20个优秀的 HTML5 网站设计案例欣赏
- 30个优秀的网站导航菜单设计案例
- 60佳优秀的国外电子商务网站设计案例(上篇)
- 30个与众不同的国外优秀网站设计案例
- 30个优秀的网站导航设计案例分享
- 33个优秀的网站底部设计案例欣赏
- 30个与众不同的国外优秀网站设计案例