隨著HTML5的火熱發(fā)展,大家都在找精美的HTML5模板,且由于各種屏幕大小不一的移動(dòng)設(shè)備的出現(xiàn),Web開發(fā)者開始尋求跨設(shè)備的解決方案,于是響應(yīng)式布局誕生了。響應(yīng)式布局得益于最新的HTML5技術(shù),會(huì)根據(jù)屏幕的大小來自動(dòng)調(diào)整頁面顯示的內(nèi)容,而無需為每種設(shè)備開發(fā)一個(gè)特定的版本。為了幫站長(zhǎng)們節(jié)省時(shí)間,縮短開發(fā)進(jìn)程,下面為大家提供響應(yīng)式設(shè)計(jì)、扁平化設(shè)計(jì)風(fēng)格的HTML5網(wǎng)站模板以供參考。
1、Legend 響應(yīng)式單頁面網(wǎng)站模板
Legend HTML5模板很漂亮,而且適合多用途網(wǎng)站,因?yàn)槭褂胋ootstrap框架搭建,所以支持bootstrap的插件,易于定制、擴(kuò)展性靈活,是一個(gè)很不錯(cuò)的免費(fèi)網(wǎng)站模板!
2、Strongly Typed
Strongly Typed 是一個(gè)免費(fèi)的響應(yīng)式設(shè)計(jì)模板,使用HTML5/CSS3編寫,包含基本的頁面元素和頁面。
3、Codester
Codester 這個(gè)HTML5模板使用了bootstrap構(gòu)建,如果了解bootstrap的用戶我想你一定會(huì)喜歡上它。
4、Euclid
Euclid是一個(gè)免費(fèi)的響應(yīng)HTML5模板完美的營(yíng)銷你的移動(dòng)應(yīng)用。利用Euclid開始移動(dòng)應(yīng)用展示網(wǎng)站,你可以把你的手機(jī)應(yīng)用程序和提供有關(guān)您的應(yīng)用程序的細(xì)節(jié)。
5、zProgress
zprogress響應(yīng),HTML5,CSS3,網(wǎng)格系統(tǒng)模板(由zerotheme。COM zerogrid)。它是企業(yè)和企業(yè)類型模板。這是頁面的網(wǎng)頁,新聞網(wǎng)頁,網(wǎng)頁,接觸頁和產(chǎn)品頁。
6、Module
Module 是由w3layouts創(chuàng)建。由HTML5和CSS3組成的響應(yīng)式模板。這是3的布局類型模板。
7、Brushed Template
Brushed網(wǎng)站模板也是使用了Twitter Bootstrap框架搭建,并且對(duì)Retina顯示屏優(yōu)化 ( iPhone, iPad, iPod Touch and MacBook Pro Retina),非常適合作品展示使用。
8、Escape Velocity
Escape 是免費(fèi)的響應(yīng)式設(shè)計(jì)HTML5網(wǎng)站模板,并且使用了扁平化設(shè)計(jì)。
9、Parallelism
很明顯這個(gè)Parallelism自適應(yīng)網(wǎng)頁模板適合相冊(cè)、作品展示使用,還有一個(gè)強(qiáng)大之處就是網(wǎng)頁圖片的大小會(huì)自動(dòng)適應(yīng),非常不錯(cuò)!
10、Dopetrope
Dopetrope使用了響應(yīng)適+扁平化設(shè)計(jì),整體風(fēng)格簡(jiǎn)潔。
11、Escape Velocity
設(shè)計(jì)了一種新的具有平坦的(但不要太平)簡(jiǎn)約設(shè)計(jì),寬敞的布局,和所有基本的網(wǎng)頁元素的造型。功能演示圖像真棒逃逸速度響應(yīng)式HTML5模板的。

12、Overflow
上面這是Overflow的主頁截圖,單頁網(wǎng)站模板的回應(yīng),AJ,對(duì)HTML5了。你可以看出這是一位不尋常的(它的靈感來自于一個(gè)流程圖)。
13、Miniport Template
Miniport是一個(gè)全屏的自適應(yīng)的單頁面網(wǎng)站模板,內(nèi)容不多的用戶可以選擇這個(gè)模板。
14、Obscura
這個(gè)適合用于個(gè)人博客主題,風(fēng)格很不錯(cuò)。
15、Liquid Gem
Liquid Gem是一個(gè)簡(jiǎn)約的響應(yīng)性設(shè)計(jì)模板,另外還包含了works展示頁和php聯(lián)系我們頁面。
16、Serendipity
Serendipity是一個(gè)簡(jiǎn)約的單頁面模板,當(dāng)然也是使用響應(yīng)式設(shè)計(jì)了。適合于個(gè)人博客。
17、Varna Template
Varna 是一個(gè)免費(fèi)的APP應(yīng)用網(wǎng)站模板,這個(gè)風(fēng)格用于搭建任何APP網(wǎng)站了。而且修改簡(jiǎn)單方便。
18、Striped
全屏式的響應(yīng)式設(shè)計(jì)網(wǎng)站HTML模板:Striped,包含很多樣式 (如:blockquotes, tables, lists, 等.)代碼由 HTML5/CSS3 構(gòu)建,容易算定義。
19、Mnml Lightweight Template
MNML是一個(gè)HMLT5/SCSS響應(yīng)式網(wǎng)站模板。
20、Agency
Agency是一個(gè)簡(jiǎn)潔的HTML5響應(yīng)式商業(yè)網(wǎng)站模板,并使用了 Twitter Bootstrap框架搭建。
21、Fashion Template
這個(gè)響應(yīng)式設(shè)計(jì)的模板適用于時(shí)尚類、雜志類需求的用戶或站長(zhǎng)。
22、Century
Century一個(gè)響應(yīng)式網(wǎng)站模板,帶有音頻播放插件。
23、Responsive Wedding
響應(yīng)式設(shè)計(jì)的婚禮專用HTML5模板,喜慶模板。
24、Mori
Mori為灰色風(fēng)格的迷你HTML5模板,響應(yīng)式設(shè)計(jì),適合個(gè)人博客使用。
更多建議: