10款非常有效的帮助你设计超酷响应式布局的jQuery插件

标签: 有效的 帮助 设计 | 发表时间:2012-02-25 00:24 | 作者:gbin1
出处:http://www.cnblogs.com/

日期:2012/02/24  来源: GBin1.com

10款非常有效的帮助你设计超酷响应式布局的jQuery插件

如 果你关注最近几年的web设计,那么响应式布局(responsive layout)设计对于你来说肯定不是一个陌生的词汇。 相对于传统的页面设计来说,今天的设计者需要考虑的用户来源和用户体验对于设计者来说是一个非常大的挑战,因为随着硬件的更新,新设备的出现,你需要能够 使得你的网站能够针对不同的设置做出最好显示响应。最初这个名称来自于 Ethan Marcotte的文章“ Responsive Web Design”,设计的理念在于为了有效的利用空间和布局来满足用户阅读过程中产生的不同使用行为,并且及时的做出响应。现在的响应式设计中,我们网站也针对不同的设备的显示尺寸来有效的改变页面布局和样式。如果大家使用过 jQuery mobile网站API文档的话,你可以看到它也是用了响应式设计的模式,如果你使用浏览器浏览文档,如果你变化你的浏览器尺寸,显示的内容也会根据浏览器尺寸变化。

今天这里我们将介绍几款非常不错的jQuery插件来帮助你构建你的响应式设计,希望大家喜欢,如果你喜欢我们的文章,请大家去我们微博或者留言区留言,谢谢大家!

相关文章: 分享10款帮助你设计自适应布局( Responsive Layout)的jQuery插件

响应式页面布局插件

Isotope

isotope是一款基于响应式设计的 布局插件,它能够动态根据浏览器的尺寸来变化大小,并且生成一个流动布局,非常适合显示图片或者小的区域块。

10款非常有效的帮助你设计超酷响应式布局的jQuery插件

jQuery Masonry

Masonry是另外一款非常不错的魔术 动态网格布局插件。它也符合响应式布局设计的原理,能够动态的显示,并且可以支持鼠标无限滚动

10款非常有效的帮助你设计超酷响应式布局的jQuery插件

响应式菜单设计插件

响应式菜单

这个jQuery插件能够帮助你当浏览器宽度不够的时候将菜单生成一个选择框,简单实用

10款非常有效的帮助你设计超酷响应式布局的jQuery插件

Menu to a Dropdown for Small Screens

这个教程将帮助大家学习响应式的菜单设计,这里作者在宽度不够的时候将菜单生成一个下拉菜单

10款非常有效的帮助你设计超酷响应式布局的jQuery插件

响应式的图片幻灯插件

CarouFredSel

CarouFredSel是一个强大支持响应式布局设计的幻灯插件,可以帮助你构建一个支持触摸屏设备的 幻灯效果

分享一款强大的jQuery旋转轮播式插件 - CarouFredSel gbin1.com

FlexSlider

FlexSlider是一个令人惊叹的,完全符合responsive的jQuery幻灯插件。

分享40多个新鲜的jQuery图片和内容幻灯插件 gbin1.com

Blueberry

一个实验品的开源jQuery图片幻灯插件,主要设计为了符合fluid/responsive web布局

分享40多个新鲜的jQuery图片和内容幻灯插件 gbin1.com

Responsive jQuery Slideshow

基于响应式设计的jQuery幻灯实现,简答但很实用

10款非常有效的帮助你设计超酷响应式布局的jQuery插件

Seamless Responsive Photo Grid

非常棒的一个无缝响应式设计的图片格,效果参考 演示demo

10款非常有效的帮助你设计超酷响应式布局的jQuery插件

PhotoSwipe

一个基于HTML/CSS/JavaScript的移动和触摸设备图片展示插件,支持广泛的浏览器和桌面移动设备

10款非常有效的帮助你设计超酷响应式布局的jQuery插件

来源: 10款非常有效的帮助你设计超酷响应式布局的jQuery插件

本文链接

相关 [有效的 帮助 设计] 推荐:

10款非常有效的帮助你设计超酷响应式布局的jQuery插件

- - 博客园_首页
日期:2012/02/24  来源: GBin1.com. 如 果你关注最近几年的web设计,那么响应式布局(responsive layout)设计对于你来说肯定不是一个陌生的词汇. 相对于传统的页面设计来说,今天的设计者需要考虑的用户来源和用户体验对于设计者来说是一个非常大的挑战,因为随着硬件的更新,新设备的出现,你需要能够 使得你的网站能够针对不同的设置做出最好显示响应.

电子商务网站帮助中心的设计思路

- - 望月的博客
本文为毕杨的投稿文章,以下为原文内容:. 近几日在设计帮助中心参加评审过程中遇到的一些问题,帮助中心到底是干什么用的. 帮助中心流量大了是否要充分利用起来. 帮助中心是否应该增加UGC模块. 这篇博文记录一下我对帮助中心的思考和设计过程,希望能对大家有所帮助,如果有不同意见欢迎指出和探讨. 就目前各大网站帮助中心的设计帮助中心属于网站中重要的组成部分,但是在UE和UI设计的过程中全部都是弱化设计无一例外,帮助中心到底是干什么用的呢.

10个帮助网页设计师创建品牌形象的工具

- wycpu1983 - 帕兰映像
许多设计师似乎都对自由职业有兴趣,因为这种情况下他们无须遵从老板的指示,也不必为工作暴走,因为他们可以选择自己喜欢的. 不过,这必(并)不意味着你能随便得到最好的项目. 事实上,你必须在你的专业能力上利用市场元素,以此向客户推销自己的产品. 下面是10个帮助网页设计师创建品牌形象的工具. 到这里分享最新的作品,或是你正专注的东西,通过平台通知人们比单个通知容易多了.

16个帮助你高效测试响应式设计界面的工具

- - 雷锋网
【编者按】本文是由 @创意设计-GBIN1 团队所整理的16个响应式界面设计工具. 响应式的设计现在越来越受设计师推崇,面对这越来越多的响应式设计页面,我们需要找到高效的测试工具来验证设计的合理和正确,文中所介绍的工具可以帮助你在线测试你的响应式页面设计. Responsinator提供了大家在不同设备viewport下查看网站效果的特性,提供了iphone,android,ipad,kindle及其多种设备上的预览效果,你可以方便的看到需要支持的设备的响应式设计效果图.

为网页设计创建有效的配色方案

- longman - cnBeta.COM
或者说是网站的内容决定了网站的价值. 所有这些因素都会发挥其作用,但正是配色方案决定了设计是否出彩. 有经验的专业人士会告诉你很多诀窍,比如说,一种配色方案可能适合一种设计,但未必适合于另一种;配色方案选择应该在布局内容之前还是之后. 今天我们就要找到这些问题的答案,本文中,你也能找到很多免费资源供你选择配色方案.

通过留白打造简洁有效的设计

- - 飞鱼的声纳
有时最有效的设计技巧,就是什么也没有. 留白是最有力的设计素材之一. 它使得文字清晰易读,将注意力吸引至某部分,并且有助于打造整体氛围. 本文中,我们来看看一些优秀的留白使用案例,看看它们如何创造简洁的同时,有效地为不同网站定义了设计风格. 留白和负空间的术语近年来被交替使用,它们指画布(或数码设备屏幕)上不包含任何内容的空间.

Google 推出 Web Designer,帮助你做 HTML 5 设计的免费本地应用,支持 Windows 和 OS X

- - 谷奥——探寻谷歌的奥秘
感谢读者 SamRaper 的提醒. Google发布 Web Designer beta,这个Windows和OS X下的免费应用可帮助你制作互动广告和其它HTML 5内容,很显然基于HTML 5的广告将在数年后代替现在满天飞的Flash. Google Web Designer主要特性:.

现在有没有帮助建筑设计的app,或者程序或是研究出来的算法?

- - 知乎每日精选
建筑设计的自动化,早先上课听人讲过,但总的来说不靠谱. 1是多数情况下都是直接拿现成模式改改,根本不用算. 2是情况复杂,根本没有靠谱的算法. 功能上1 的情况更多,实际上我们这行业人流,空间,位置这些根本没啥可算的,规范和经验都定的很死,不值得一算. 而形态立面这些基本上又无迹可寻,2的情况多,完全看领导的个人口味,也没啥蒜头.