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

2014-4-9    蓝蓝设计的小编

转载蓝蓝设计(   www.lanlanwork.com  )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供有效的   BS界面设计 、 cs界面设计 、  ipad界面设计   、  包装设计 、  图标定制 、  用户体验 、交互设计、   网站建设 平面设计服务

来源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想订阅本博客内容,每天自动发到您的邮箱中,   请点这里

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

 

Bootstrap

Bootstrap

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

Foundation

Foundation

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

Skeleton

Skeleton

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

Golden Grid System

Golden Grid System

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

320 and Up

320 and Up

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

Less Framework

Less Framework

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

1140px CSS Grid System

1140px CSS Grid System

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

Frameless

Frameless

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

Wirefy

Wirefy

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

Gumby Framework

Gumby Framework

分享本文至:

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档