六个窍门 帮你选出最佳响应式设计框架

对于设计人员和前端开发工程师来说,现在有足够多的现成原型框架和可以实施的框架可供选择。你可以找到那些设计简洁的轻量化综合性框架和任何适合你下一个项目的框架。设计师在这些框架之中有足够的选择空间。因此,你可以选择你愿意深耕的框架或者最适合你的,而不一定是时下最流行的框架模式。

值得注意的是,这些框架是不同的,它们提供不同的解决方案。每个框架的优点和缺点也不相同,这促使你必须作出正确的选择。由此,我们为大家总结了一些影响你选择最佳响应式框架的因素,希望对你的下一个项目有所帮助。

 1.简单易学

如果你只是初学者,一个简单易学的响应式框架将非常容易使用。因此你需要选择一个浅显的学习方法,一个友好的用户界面,一个专为新手设计的。选择一个功能简洁的,这样你就可以简便的使用它并且达到你想要的效果。它的文档可以被快速和简单的阅读。设计框架通常有特殊的文档来引导用户安装、模块化和拓展。即使这样的框架具有广泛的功能,它很容易为用户了解如何使用这些不同的功能,以达到一定的效果。这样的框架作为实例引导和基础框架。基础框架通常会包括一个演示文件,帮助新手实践。

 2.外部资源量

除了文档之外,您还需要足够的外部资源来帮助您了解如何最好地使用您所选择的响应设计框架,以达到预期的效果。选择一个可以给你额外帮助的框架,这在你需要进行谷歌搜索的时候会用得着。有些框架备有视频培训教程,可以给用户带来无缝学习的体验。如果你是那种喜欢使用一些技巧的设计师,你应该选择一个框架,里面有足够的博客和教程可供参考。这种框架通常包括教程、基础、操作引导等等内容。

 3.它有多简洁

当今的设计师都喜欢简洁轻量级的框架设计,使用这些框架的优点是,它们不需要大量资源,也不依赖于任何特定类型的网格和模板。简洁的框架非常容易学习和掌握,因此也很容易上手。其中一些只提供必要的功能,体量也非常小。还有个额外的优势是,它们不影响页面加载的时间。现在我们可以选择使用的轻量级的框架很多,像Schema和Caramel。

 4.如何适应它

使用灵活性是设计一个响应式框架时必须要考虑的。幸运的是,有相当多的框架具有巨大的资源和功能,甚至可以在你下载文件之前进行定制。对于app原型设计和CMS综合型后台来说,一些框架在使用时非常灵活。拿一些框架来举例子,比如说Concise,你只需要得到基本要领,因为这个框架从设计之初就以小型和简洁为目标。从这种小应用程序中,你可以得到真正必要的内容,之后你还可以通过它建立你喜欢的程序了。这实际上是设计师想要设计自己的UI元素的最佳选择。

 5.浏览器支持

如果你想要通过不同浏览器获取更多用户,浏览器支持是非常重要的。虽然现在很多用户都使用手机上网,但使用PC的用户也不在少数。因此,在网页设计时只注重移动端的界面友好度是不够的。在面对不同的用户时,综合浏览器的用户体验也不容忽视。由于用户使用的浏览器不同,可能带来呈现效果的差异,所以你在选择框架时,先要弄清用户们使用的大多数哪几个浏览器,然后选择一个能支持多数浏览器的框架进行程序开发。通过这些你中意的设计框架,你可以了解到它们的性能和对于不同浏览器的适配度,从而帮助你作出正确的选择。

 6.可访问性

你选择的设计框架应该促进可访问性,它应该能够克服影响网页打开和互动的任何障碍。对于网站设计者来说,确保不同的用户(甚至残疾人用户)都能顺利的进入网站获得信息是非常重要的。不同用户的需求也会指导他们的设计,帮助他们正确的开发和编辑好网站。

为你所承接的每一个项目选择一个好的设计框架是非常必要的。在我们所建议的各种响应式框架中,找出这样的框架应该不难,然后你的开发工作就会顺手很多。设计框架意味着适合于不同类型的项目,因此,在任何时候都不要忘了你的项目需求,相信你会挑选出最好的。

本文作者:刘妮娜译         

来源:51CTO

时间: 2024-09-08 08:47:26

六个窍门 帮你选出最佳响应式设计框架的相关文章

设计师不应该错过的响应式设计框架

  当下最火热的框架就是Bootstrap和 Foundation了. 随着响应式设计框架越来越火,一个巨大的争议出现了:为什么一个专业的设计师还需要用这些框架呢? 许多人宣称响应式框架是可怕的,因为他们根本不懂一点点html和css的知识.下面是另一些具有标志性的反对使用框架的意见: 设计师可以写自己的框架,如果他们懂得一点点html和css的知识的话就更应该自己写. 基于框架的网站加载非常慢. 基于框架的网站看起来大同小异. 伴随多余的div标签,5000+行的css后者更多的javascr

设计师不应该错过的响应式设计框架(含优缺点分析)

Ethan Marcotte称响应式设计是基于网格建立一个网站.Marcotte定义这项技术后,响应式设计框架开始出现,主要是css和JavaScript的结合.许多框架都是开源的,可以免费下载和快速定制. 当下最火热的框架就是Bootstrap和 Foundation了. 随着响应式设计框架越来越火,一个巨大的争议出现了:为什么一个专业的设计师还需要用这些框架呢? 许多人宣称响应式框架是可怕的,因为他们根本不懂一点点html和css的知识.下面是另一些具有标志性的反对使用框架的意见: 设计师可

关注Web响应式设计的局限和误区

多设备测试响应网站 我们已经讨论了很多关于如何创建响应网站的思想-使用灵活的布局.媒体查询.图像缩放及其它一些技术,总之,使网站在各种屏幕上都能很好的运行并且美观.当前响应式设计受到了很大关注,知名web网站.net在首页有60%的文章在讨论这个主题. 然而,有时关注一下web响应设计中的禁忌也是大有裨益的.最近,响应设计大师Brad Frost在.Net杂志上发表了响应设计人员最常犯的五种错误(WebAppTrend正在翻译中).其中提到了这样的错误:利用特定尺寸的屏幕来触发布局变化和避免将单

WEB响应式设计:响应式Web设计的CSS框架分享

文章简介:Web布局设计新方式-响应式设计,应用越来越广泛,在这里为大家分享10个用于响应式Web设计的CSS框架,让您的开发工作越来越轻松. Web布局设计新方式-响应式设计,应用越来越广泛,在这里为大家分享10个用于响应式Web设计的CSS框架,让您的开发工作越来越轻松. 1) Less Framework Less框架是一个用于设计自适应网站的CSS网格系统,它包含4个布局和3套预设布局,这些都以一个单一网格为基础.Less框架的目标是更高效地创建多布局网站,并在布局之间保持一致. 2)

响应式设计的思考:媒体查询(media query)

文章简介:媒体查询与http请求 Jason Grigsby发表了篇文章,<CSS Media Query for Mobile is Fool's Gold>对媒体查询(media query)吐槽,大意是在移动设备上使用媒体查询会造成很多资源的浪费--浏览器请求到很多用不到的图片等资源,然后写了一些测试用例测试一些可用方法.然后Tim Kadlec写了篇<Media Query & Asset Downloading Results>,用js自动化的测试了Jason G

响应式设计:设置响应式设计响应点的技巧

文章描述:你可以轻易找到许多如何设置响应式设计响应点的攻略,但是这些过时的设计方法都是以主流屏幕尺寸为依据的,效果并不理想.其实并没有"主流"屏幕尺寸这一概念.另外一个主流的方法是当布局被打破时设置响应点.这个方法听起来好一些.但是仍有疑问,我们怎么判断是否布 你可以轻易找到许多如何设置响应式设计响应点的攻略,但是这些过时的设计方法都是以主流屏幕尺寸为依据的,效果并不理想.其实并没有"主流"屏幕尺寸这一概念.另外一个主流的方法是当布局被打破时设置响应点.这个方法听起

学习响应式设计:如何实现响应式Web设计

文章描述:淘宝响应式WebUI设计实践. 感谢贷岩的邀请,我在本期奶茶会上做了"响应式设计实践"的分享,是接着上一次的话题进一步讨论"如何实现".响应式Web设计(Responsive Web design)是当下比较流行的话题,什么是响应式设计?简单讲,页面的设计与开发应当根据用户行为以及设备环境(系统平台.屏幕尺寸.屏幕定向等)进行相应的响应和调整.具体的实践方式由多方面组成,包括弹性网格和布局.图片.CSS media query的使用等. 响应式设计听起来非

响应式设计的现状与趋势

  从2012年开始到2014年,各大家对Web设计的趋势预测中,都提到响应式设计.2015年网页设计趋势预测中,响应式仍在继续.这个经历了几年依然大热的响应式,在过去的几年里,快速巩固了自己的地位,并掀起了一股网页设计新标准的浪潮. 源起 2010年5月,伊桑.马科特(Ethan Marcotte)在"A List Apart"写了一篇开创性的文章(题为"Responsive Web Design" ),他利用三种已有的工具:流动布局(Fluid grids).媒

如何提升移动站点的响应式设计?

现在,对于任何种类的网站开发来说,响应式Web设计都不能再局限于纸上谈兵,其是开发阶段的一个关键步骤.作为设计师和开发人员,我们必须要了解有效响应式设计的重要性以及其在保证优秀终端用户体验方面的作用. 随着web向着移动端逐步发展,现在响应能力对于网站来说已经必不可少.很多人没能在移动用户兴起时抓住时机进行顺应潮流,因此现在难以保证网站在移动设备上的体验流畅性. 我们必须承认,移动设备已经彻底改变了我们使用web的方式.2013年开展的一项调查显示,多达百分之73的用户会通过移动设备浏览网络,因