推荐7款超棒的单页面网站设计模板。关键是！免费！！

淩亂°似流年 2022-08-26 08:41 351阅读 0赞

[![62b35dbb-8e11-4948-9b43-47ec6993399d.jpg][]][62b35dbb-8e11-4948-9b43-47ec6993399d.jpg 1]

之前我们推荐过[Bootstrap的实用开发教程][Bootstrap]和[8款HTML5实现的特效和应用][8_HTML5]，反映非常强烈，很多前端爱好者纷纷要求多分享些类似的教程和模板。今天我们推荐的这7套[单页面网站设计模板][Link 1]不仅带有独立的在线演示，并且全部免费下载！如果你也喜欢我们的素材教程，请加入我们的极客标签吧！

## [响应式的单页面网站模板 - Brushed ][- Brushed]    ##

[![e2a0a6c9-bc46-48d2-bce1-8db0523265ab.jpg][]][- Brushed]

## [在线演示][Link 2]    ##

Brushed是一款单页面的响应式HTML模板，基于Twitter Bootstrap框架，针对Retina屏幕（iphone，ipad，ipod touch和Macbook）优化。非常适合作为工作室，数字媒体和创意人群使用。提供了非常酷的方式来展示你的项目和成果。基于HTML5/CSS3， 同时兼容老款浏览器。商业和个人使用免费。

## [一款jquery单页面滚动插件 - One Page Scroll ][jquery_ - One Page Scroll]    ##

[![5e12f585-f142-4e16-b6ae-20e62e3f0eaa.jpg][]][jquery_ - One Page Scroll]

## [在线演示][Link 3]    ##

单页面滚动条被广泛使用多年，它可以快速的帮你找到需要的信息。它只需要建立你的HTML结构，调用函数即可。非常简单方便。

## [单页面网站滚动效果 ][Link 4]    ##

[![82dfa281-4e19-4cbd-b4ec-a4b989660892.jpg][]][Link 4]

## [在线演示][Link 5]    ##

快速的滚动效果，带有自动演示下载。非常实用！

## [超棒的暗色系单页面网站模板 - 个人简历模板 ][- _]    ##

[![d4a6d940-ba6c-4fa6-ad2d-27fa989b4a55.jpg][]][- _]

## [在线演示][Link 6]    ##

简历是一个面试官对应征者的第一印象，一份精心设计过的简历绝对可以为你大大加分！这款个人简历模板拥有一个固定fixed的导航条，并且可以支持滚动导航。总有一款适合你！

## [单页面的网站线框设计 - One Page Website Wireframes ][- One Page Website Wireframes]    ##

[![1dc534bd-5e5d-4cf0-94c0-fe3cf49fd82a.jpg][]][- One Page Website Wireframes]

## [本地下载][- One Page Website Wireframes]    ##

应用一句当前比较流行的话来说，就是简约但绝不简单。

## [免费的单页面响应式模板 - Legend ][- Legend]    ##

[![93651467-ecf4-4697-ade5-b33de1d08e5c.jpg][]][- Legend]

[在线演示][Link 7]

Legend是一个免费的单页面响应式模板，适合于不同类型的网站开发。基于twitter的bootstrap设计。你可以用它来制作一个用户访问页面，在线的作品集展示，或者商用模板等等。

相关阅读：[推荐9款使用CSS3实现的超酷动画效果][9_CSS3]

> 本月极客社区将推出[\#好文好礼\#极客原创文章征集活动][Link 8]，请大家关注！

[62b35dbb-8e11-4948-9b43-47ec6993399d.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/62b35dbb-8e11-4948-9b43-47ec6993399d.jpg
[62b35dbb-8e11-4948-9b43-47ec6993399d.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/62b35dbb-8e11-4948-9b43-47ec6993399d.jpg
[Bootstrap]: http://www.gbtags.com/gb/share/3034.htm
[8_HTML5]: http://www.gbtags.com/gb/share/3023.htm
[Link 1]: http://www.gbtags.com/gb/tag/1075.htm
[- Brushed]: http://www.gbtags.com/gb/share/2240.htm
[e2a0a6c9-bc46-48d2-bce1-8db0523265ab.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/e2a0a6c9-bc46-48d2-bce1-8db0523265ab.jpg
[Link 2]: http://www.gbtags.com/gb/demoviewer/2240/3f6d736f-209d-4b87-91aa-3c6ab2060872/Brushed%7CTemplate%7Cbrushed%7Cindex.html.htm
[jquery_ - One Page Scroll]: http://www.gbtags.com/gb/share/2216.htm
[5e12f585-f142-4e16-b6ae-20e62e3f0eaa.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/5e12f585-f142-4e16-b6ae-20e62e3f0eaa.jpg
[Link 3]: http://www.gbtags.com/gb/demoviewer/2216/ef523294-9bb9-4eac-87a5-a5983ed4acab/onepage-scroll-master%7CDemo%7Cdemo.html.htm
[Link 4]: http://www.gbtags.com/gb/share/2196.htm
[82dfa281-4e19-4cbd-b4ec-a4b989660892.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/82dfa281-4e19-4cbd-b4ec-a4b989660892.jpg
[Link 5]: http://www.gbtags.com/gb/demoviewer/2196/487b1cf3-52d3-4cf5-957a-5fd691f9f32c/demo%7Cdemo.html.htm
[- _]: http://www.gbtags.com/gb/share/1687.htm
[d4a6d940-ba6c-4fa6-ad2d-27fa989b4a55.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/d4a6d940-ba6c-4fa6-ad2d-27fa989b4a55.jpg
[Link 6]: http://www.gbtags.com/gb/demoviewer/1687/6d289288-407a-4af9-9722-97e70019f43c/index.htm.htm
[- One Page Website Wireframes]: http://www.gbtags.com/gb/share/2919.htm
[1dc534bd-5e5d-4cf0-94c0-fe3cf49fd82a.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/1dc534bd-5e5d-4cf0-94c0-fe3cf49fd82a.jpg
[- Legend]: http://www.gbtags.com/gb/share/1118.htm
[93651467-ecf4-4697-ade5-b33de1d08e5c.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/93651467-ecf4-4697-ade5-b33de1d08e5c.jpg
[Link 7]: http://www.gbtags.com/gb/demoviewer/1118/f97f3bed-6daa-414e-9146-5b216a599928/legend%7Cindex.html.htm
[9_CSS3]: http://www.gbtags.com/gb/share/2955.htm
[Link 8]: http://www.gbtags.com/gb/share/2939.htm