响应式 Web 设计(Responsive Web design)的理念是,页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query 的使用等。无论用户正在使用笔记本还是 iPad,我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备;换句话说, 页面应该有能力去自动响应用户的设备环境。这样,我们就可以不必为不断到来的新设备做专门的版本设计和开发了。

本文向你推荐 35 个免费的响应式网站设计模板(模板中的英文介绍就不再翻译,请看图):

35. ZENI

(Demo | Download)

35.jpg

Zeni is great for creative portfolios, blogs and even corporate and business websites.

34. JOOMSPIRIT 76

(Demo | Download)

34.jpg

The design is responsive and there is no javascript involved. It is better for SEO because of the HTML5 platform.

33. RESPONSE

(Demo | Download)

33.jpg

This one is really fluid template created with HTML5/CSS. It is simple and clean. It is easy to use and on top of everything else it is responsive.

32. RESPONSIVE TEMPLATE

(Demo | Download)

32.jpg

This template incorporates  HTML, CSS and Javascript. It is a small and easy to use template perfect for you if you are a beginner.

31. MODUS

(Demo | Download)

31.jpg

A responsive template is the new thing when it comes to websites. This is an HTML 5 template which you can use for your blog, portfolio and business portfolio.

30. SUNRISE

(Demo | Download)

30.jpg

This theme is exclusive to SilverStripe and is appropriate for any kind of business. It uses HTML5 and CSS3. It is very clean and minimal.

29. IT FITS

(Demo | Download)

29.jpg

This template incorporates CSS3 and HTML5. You will have a home page, portfolio page, regular page, blog page and contact page. There is also a 404 page.

28. RESPONSIVE HTML5/CSS3 TEMPLATE

(Demo | Download)

28.jpg

This particular template has a sticky header including jQuery Scroller, jQuery Page Slider, jQuery Image Gallery and it incorporates HTML5 and CSS3.

27. DESIGNA

(Demo | Download)

27.jpg

A clean template that incorporates HTML5 and CSS3 and works on jQuery. It is fully responsive and has a working PHP contact form for you too.

26. FLEXAPP

(Demo | Download)

26.jpg

This is a free and fully-responsive HTML/CSS website template to help you market your mobile application.

25. LIQUID GEM

(Demo | Download)

25.jpg

Liquid Gem utilises CSS media queries and percentage layouts to give a completely responsive design. It also includes an image carousel, a fully working PHP contact form and a sample work page.

24. RESPOND

(Demo | Download)

24.jpg

This is another beautiful template for you to use. It is responsive and based on HTML and CSS. You can use it for your blog or professional website in order to promote your product however you may wish.

23. RESUME

(Demo | Download)

23.jpg

Resume is a one page HTML 5 template and responsive made using the twitter bootstrap it’s pretty simple and easy to configure and the cherry on top is that it is free of course.

22. BROWNIE

(Demo | Download)

22.jpg

If you need a responsive website for your business, you just want to show case your portfolio or you are developer who loves readymade work, Brownie is perfect for you.

21. SIMPLISTE

(Demo | Download)

21.jpg

This is a very simple and responsive HTML5 based template. All you need to do is download it and voila.

20. RESPONSE

(Demo | Download)

20.jpg<

Response is a clean and professional template suitable for business, portfolio or General websites. Its created using the latest technologies like jQuery, Ajax, CSS Media, CSS Transitions. With a responsive design it works on all devices: Desktop, tablet, iPad, iPhone, and Android Phones!

19. SERENDIPITY

(Demo | Download)

19.jpg

This theme also has a premium version available but as you must have guessed this download here is absolutely free.

18. FOLDER

(Demo | Download)

18.jpg

Folder is a responsive HTML 5 template that adapts to any devices and browser sizes; perfect for creative showcase and business. Its retro and minimal design gives importance to the content and gives a friendly air to the visitors.

17. ONEPAGER

(Demo | Download)

17.jpg

OnePager is a Free Responsive HTML5 Responsive Template for portfolio and business websites. Simple, creative and focused! The template comes with a nice image slider for featured work and an image gallery with popup support. It also includes circular knobs for skills.

16. RESPONSIVA

(Demo | Download)

16.jpg

You can use this template for your blog or a personal website. It is 2 columns with a sidebar available. It includes a home page and is based on HTML5 and CSS3.

15. RESPONSEEVE

(Demo | Download)

15.jpg

This is a responsive design with a flexible grid and slider. You have CSS3 features available to you. Besides, this one looks really fresh, clean and modern.

14. ABC

(Demo | Download)

14.jpg

Simple website design and elegant HTML code makes this template very attractive. This template can be used even if you are planning to create responsive blog website.

13. RESPONSIVE HTML/CSS3 CV TEMPLATE

(Demo | Download)

13.jpg

This particular template uses CSS3 animations. Go on give it a try, it does need improvements, but you can create and impressive online CV.

12. MINIMAL

(Demo | Download)

12.jpg

This is a free responsive website template. This template is ideal for a nice sleek and simple portfolio website.

11. PROXIMET

(Demo | Download)

11.jpg

Proximet is a free HTML5 /CSS3 Responsive Template. It is compatible with Major Browsers, Smartphones and Tablets. Just resize the browser window to see it in action! It is based on 960 grid and elegantly scales down to downsized browser windows, tablets, mobile phones (in landscape and portrait)

10. TRI

(Demo | Download)

10.jpg

This is a fully responsive website template built on the Skeleton Framework.

9. SYMFONI

(Demo | Download)

9.jpg

The Symfoni Free Website Template is based on a Fixed Width layout with 2 Columns and uses an HTML5 doctype. It is a Dark on Light design developed by “OS Templates”.

8. RESPOND 1.5

(Demo | Download)

8.jpg

This particular responsive template is absolutely free and is perfect for your business and personal portfolio.

7. LEFTER

(Demo | Download)

7.jpg

If you are looking to make an impressive blog and you are a beginner, this is a perfect template for you guys.

6. RESPONSIVE WEBINC

(Demo | Download)

6.jpg

It is red in color, responsive, offers two columns and has a right-hand sidebar. It is based on CSS3 and HTML5 and Bootstrap.

5. ZEROFOUR

(Demo  | Download)

5.jpg

Based on HTML5 and CSS3. It is available in both one and two columns and offers a blog and a home page.

4. VERTI

(Demo | Download)

4.jpg

This template is based on HTML5 and CSS3. It is available in both one and two columns and offers a blog and a home page.

3. MINIPORT

(Demo | Download)

3.jpg

MiniPort is based on HTML5 and CSS3 and is perfect for a simple blog if you are looking to make one. It offers a single column and a single page.

2. TXT

(Demo | Download)

2.jpg

This particular template has a home page and a blog page. It comes in one or two columns and that is totally your choice and you have the options to decide on how many sidebars you want.

1. HALFTONE

(Demo | Download)

1.jpg

It comes in two and three columns. It is based on HTML5 and CSS3. It offers a home page, features page, blog page and contact page and etc.

via smashinghub