年度盛宴:2012年最佳25个响应式网站设计作品《上篇》

简介:   2012年,响应式网站设计成为主流,这个概念由著名网页设计师 Ethan Marcotte 在2010年5月份提出,其目标是要让设计的网站能够响应用户的行为,根据不同终端设备自动调整尺寸。   响应式设计不再只是一个概念,众多大公司也把这种理念引用到实际项目中。

  2012年,响应式网站设计成为主流,这个概念由著名网页设计师 Ethan Marcotte 在2010年5月份提出,其目标是要让设计的网站能够响应用户的行为,根据不同终端设备自动调整尺寸。

  响应式设计不再只是一个概念,众多大公司也把这种理念引用到实际项目中。这篇文章向大家分享2012年最佳25个响应式网站设计作品。

您可能感兴趣的相关文章

 

1. Microsoft

微软官方网站。幻灯片采用响应式设计,会随着窗口尺寸的变化而变化;

图文形式的产品介绍以及资源链接在小屏幕中会由横向排列变为纵向排列。

 

2. Adobe & HTML

Adobe 网站的 HTML 栏目主页。

在小屏幕中,头部的横向导航会变成标准风格的垂直按钮形式导航。

 

3. An Event Apart

在屏幕缩小的时候,横向图片形式的会议列表会变成两个一行的图文形式会议介绍,大图片会隐藏。

 

4. Ableton

在屏幕缩小的时候,头部的导航会变成下拉菜单的形式,右侧的内容会下移。

 

5. Build 2012

在小屏幕中,头部的导航会隐藏,变成一个图标,点击可以展开导航列表。

 

6. Contents

在屏幕缩小的时候,搜索框会变成下拉的形式,点击即可展开进行搜索。

 

7. CSS-Tricks

在屏幕缩小的时候,右侧栏的内容会下移,只保留文章列表在最前面。

 

8. Currys

在屏幕缩小的时候顶部的导航菜单会简化为 Browse、Stores 和 Acccount 三部分。

 

9. dConstruct 2012

在小屏幕下,会议信息会单行显示,特别的心眼,同事图片也会两个一行纵向排列。

梦想天空博客关注前端开发技术,展示HTML5CSS3应用,分享jQuery插件,推荐网页设计案例。

 

10. Gov.uk

这是英国政府网站,来老外就是时髦啊,政府网站也用了响应式设计。

 

11. Heroku Status

这是国外著名的云应用平台 Heroku 的状态网站,在小屏幕下,轨道模式的图形展示变成纯文字模式。

 

12. Lotta Nieminen

这个网站的导航非常特别,是横向导航的。点击页面两侧的边栏即可进行前后导航。

您可能感兴趣的相关文章

本文链接:年度盛宴——2012年最佳25个响应式网站设计作品

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

作者:山边小溪
主站:yyyweb.com 记住啦:)
欢迎任何形式的转载,但请务必注明出处。

相关文章
|
移动开发 前端开发 HTML5
精品欣赏:30个养眼的精美自然风光的网站设计《上篇》
  设计师使用精致的充满吸引力的宽屏图片作为背景,给来网站带来一种别样的特色。现在网络上有成千上万的图片可供选择,根据您的设​​计和需求,你可以把普通图像变成一个功能强大的工具,以吸引你的客户。   让我们来仔细看看这些自然景观风格的网站,展示了户外的唯美。
880 0
|
移动开发 JavaScript 前端开发
经典网页设计:精美的个人作品集网站设计欣赏【下篇】
  作为一个网页设计师,需要经常去关注优秀的网站作品,获取创作灵感,掌握最新的设计趋势。在这个竞争激烈的就业市场,个人作品集网站是最好的求职工具。因此,设计师们都竭尽所能设计一个有创造性的个人作品展示网站,期望给访客留下深刻的印象。
826 0
|
移动开发 JavaScript 前端开发
经典网页设计:漂亮的个人作品集网站设计欣赏【中篇】
  作为一个网页设计师,需要经常去关注优秀的网站作品,获取创作灵感,掌握最新的设计趋势。在这个竞争激烈的就业市场,个人作品集网站是最好的求职工具。因此,设计师们都竭尽所能设计一个有创造性的个人作品展示网站,期望给访客留下深刻的印象。
868 0
|
移动开发 JavaScript 前端开发
经典网页设计:顶尖的个人作品集网站设计欣赏【上篇】
  作为一个网页设计师,需要经常去关注优秀的网站作品,获取创作灵感,掌握最新的设计趋势。在这个竞争激烈的就业市场,个人作品集网站是最好的求职工具。因此,设计师们都竭尽所能设计一个有创造性的个人作品展示网站,期望给访客留下深刻的印象。
1061 0
|
前端开发 HTML5 移动开发
网站设计欣赏:20个另类的单页网站作品案例
  早在1月份,我向大家分享了《谈谈构建单页布局网站的创意技术》,随着单页设计得到越来越多的设计师的关注,今天我们决定向您展示一组鼓舞人心的单页网站例子,一起欣赏。 您可能感兴趣的相关文章 经典网页设计:超炫动画效果单页网站 30个独具匠心的精美单页网站设计案例 带给你灵感的20个漂亮...
1129 0
|
前端开发 开发工具 HTML5
年度盛宴:2012年最佳25个响应式网站设计作品《下篇》
  2012年,响应式网站设计成为主流,这个概念由著名网页设计师 Ethan Marcotte 在2010年5月份提出,其目标是要让设计的网站能够响应用户的行为,根据不同终端设备自动调整尺寸。   响应式设计不再只是一个概念,众多大公司也把这种理念引用到实际项目中。
1001 0
|
前端开发 HTML5 移动开发
经典网页设计:20佳很酷的个人网站设计案例
  一个优秀的个人作品集网站能够个给潜在客户留下深刻的印象,不管你是自由职业的设计师还是开发人员,或者是拥有自己工作室的都需要拥有一个强大的在线作品集,把你的访客转变为潜在的客户。下面这些个人酷站相信能够带给你灵感,一起欣赏。
1010 0
|
移动开发 HTML5 前端开发
网页设计欣赏:20个带给你灵感的国外网站作品
  如今这个网络竞争激烈的时代,怎样让网站吸引更多的用户访问是一件非常有挑战的事情,为了设计出更有创意的网页,网页设计师都会去网上寻找创意的灵感。为此,今天这篇文章向大家分享20个从网络上挑选出来的精美绝伦的国外网站设计作品,希望这些优秀的网站设计作品能够带给你灵感。
950 0
网站设计欣赏:45+靓丽的蓝绿色主题网站作品【上篇】
  网站给用户留下第一印象的既不是网站内容,也不是网站布局,而是网站的色彩。色彩给人的视觉效果最明显,一个网站设计成功与否,在某种程度上就取决于设计者对色彩的运用和搭配。这篇文章搜集了45+靓丽的蓝色和绿色主题网站作品,希望这些案例能带给你灵感!   01.
879 0
50个非常漂亮的作品集网站设计【上篇】
  对于设计师和设计机构来说,一个精美的作品集网站是吸引客户的最好方式。如果你正在建设作品集网站或者想重新设计的话可以参考本文收集的这些优秀案例,相信这些精美的网站作品能够带给你灵感,这些网站中汇集的众多优秀设计作品、素材和教程,也能为你的设计带去很大的帮助。
803 0