在设计一个响应式网站时,运用到的计算是费时费力的,不过还好,国外有一系列的响应式框架模板可以使设计过程变得更便捷。这些框架或模板都有现成的栅格,布局和媒介,然后你可以尽情填充自己的设计理念。本篇文章汇总了国外设计师所推崇的大量热门框架模板,收藏之前,先来瞧瞧吧:)

 

Bootstrap

推荐:设计响应式网站的十个热门框架

Bootstrap, 是由Twitter 的设计师开发的应用最广泛的框架,这上面的应用通俗易懂(这也是优设哥第二次推荐咯)。

Foundation

推荐:设计响应式网站的十个热门框架

Foundation是先进的响应式前端框架,其具有一套根据你实际需求可调节的栅格系统. 这方便在移动设备和台式设备上使用同样的标识。

Skeleton

推荐:设计响应式网站的十个热门框架

Skeleton 是最简单的运用栅格系统的网站框架之一,涉及尺寸范围从960像素屏幕到平板电脑甚至手机移动设备。

Golden Grid System

推荐:设计响应式网站的十个热门框架

如果你对栅格系统有狂热情结,你一定会喜欢 Golden Grid System,初始状态是整齐留白的16行间距,然后对于平板电脑或手机移动设备就缩减成8行或4行间距。

320 and Up

推荐:设计响应式网站的十个热门框架

相对于对精美细节的纠结,一些设计师更喜欢积极的突破创新. 这就是 320 and Up 网页框架的起源. 它专门为小屏幕设计, 而不是先设计台式屏幕, 从而确保内容第一。

Less Framework

推荐:设计响应式网站的十个热门框架

Less 是一个具有简易可调节栅格系统的经典网站. 它包括4个布局设计和3个排版预设, 可以应用到台式,平板,移动设备和流动景观视角。

1140px CSS Grid System

推荐:设计响应式网站的十个热门框架

创意的响应式设计不意味着你只能从事小屏幕设计,而是同样可以做得很宽泛的领域,像是普通的台式电脑设计 1140 grid 能制出适于1280像素设计,这也可以很好的适用于更小的设备。

Frameless

推荐:设计响应式网站的十个热门框架

Frameless 实在不应该出现在这个汇总里,因为它既不是响应式也没有框架模板。这个网站的主要意图是为设计提供灵感,当必要时可自行添加栅格系统的分栏。

Wirefy

推荐:设计响应式网站的十个热门框架

这种响应式设计对客户而言不一定能接受,但向他们展示这种设计理念却的确花费时间。进入 Wirefy网站,模板框架会提供幻灯片,图片库,菜单和格式的元素版式设计。

Gumby Framework

推荐:设计响应式网站的十个热门框架

如果你是新手, Gumby Framework 是个不错的开始。这个网站简单明了,不像其他的模板,上面会提供PSD和UI的源文件,使你模仿起来得心应手。

翻译:SDC翻茄匠,@小米粥8711
原文地址:http://line25.com/

收藏 4
点赞 1

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