随着PC端、平板、智能手机等终端的发展,设备环境(系统平台、屏幕尺寸、屏幕分辨率等)更加复杂,网页展示需要考虑到各个终端的具体差异。

因此,响应式设计受到了大家的推崇。通过文中的9个免费的响应式设计模板,希望能帮大家了解这种技术以及提高工作效率。

1、TXT

这个模板有一个主页页面以及一个博客页面。可分为一列或两列,你可以根据自己的意愿进行设定。侧边栏的个数也可以自己自由设定。(演示 | 下载

9个免费的响应式网页设计模板

 

2、VERTI

一个基于HTML5和CSS3的模板。可以分列,同时提供博客和主页的模板。(演示 | 下载

9个免费的响应式网页设计模板

 

3、LEFTER

如果你是一个初学者,希望做一个令人印象深刻的博客,那么这将是一个最合适的模板。(演示 | 下载

9个免费的响应式网页设计模板

 

4、RESPOND 1.5

这个响应式模板是完全免费的,无论是商业还是个人制作开发的项目都适用。(演示 | 下载

9个免费的响应式网页设计模板

 

5、SYMFONI

Symfoni是一个免费的网站模板,基于固定宽度的两列布局,并使用了HTML5的DOCTYPE。(演示 | 下载

9个免费的响应式网页设计模板

 

6、TRI

一个响应式网站模板的设计框架。(演示 | 下载

9个免费的响应式网页设计模板

 

7、PROXIMET

Proximet是一个免费的HTML5 / CSS3响应模板,可兼容主流浏览器,智能手机和平板,通过调整浏览器窗口就可以看见其效果。(演示 | 下载

9个免费的响应式网页设计模板

 

8、MINIMAL

一个响应式网站模板,是不错的圆滑和简单组合网站的理想选择。(下载

9个免费的响应式网页设计模板

 

9、RESPONSIVE HTML/CSS3简历模板

这种模板使用了CSS3的动画效果。虽然现在还不尽人意,但利用这个可以创建令人印象深刻的在线简历。(演示 | 下载

9个免费的响应式网页设计模板

源文:http://www.leiphone.com/warlial-responsive-design-tool.html

收藏 3
点赞 1

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。