备案控制台

开发者社区开发与运维文章正文

85个国外优秀的响应式网页设计作品范例【系列一】

2012-01-06 850

版权

版权声明：

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 　　响应式网页设计是时下网页设计领域最热门的话题之一，该概念由著名网页设计师 Ethan Marcotte 在2010年5月份提出（详见：Responsive Web Design），其目标是要让设计的网站能够响应用户的行为，根据不同终端设备自动调整尺寸。

　　响应式网页设计是时下网页设计领域最热门的话题之一，该概念由著名网页设计师 Ethan Marcotte 在2010年5月份提出（详见：Responsive Web Design），其目标是要让设计的网站能够响应用户的行为，根据不同终端设备自动调整尺寸。今天开始推出系列文章向大家分享国外优秀的响应式网页设计作品范例，希望这些精美的网站能够帮助大家了解响应式网页设计。

Forefathers

Form CMS

Havoc Inspired

Jet Cooper

Filidor Wiese

Conferencia Rails

Designing With Data

The Happy Bit

Webdesign Yorkshire

Highway Hurricanes

Simple Bits

2011 dConstruct

Hardboiled Webdesign

Stephen Caver

Nicely Replayed

Electric Pulp

Teixido

Edge of My Seat

梦想天空博客关注前端开发，展示最新HTML5和CSS3应用，分享jQuery插件，推荐优秀网页设计案例

Robot or Not

Tee Gallery

Camendesign Forum

Authentic Jobs

Lynn and Tonic

CalebAcuity

3200 Tigres

Upper Dog

Five Simple Steps

Urban Svensson

您可能还喜欢

英文来源：Amazing Showcase of Responsive Web Design

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

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

文章标签：

JavaScript

Ruby

前端开发

机器人

HTML5

移动开发

秋天风景

目录

相关文章

秋天风景

|

移动开发前端开发 JavaScript

怎样制作单页网站？国外优秀案例给你灵感

　　单页网站是提供给用户简约易用的体验的好方法。在一个单页面中展示你需要的所有内容可能是一个充满挑战性的过程，但很多设计师喜欢这个风格，并创作出很多惊人的单页网站作品。　　从用图片和文字构成的简单页面到惊人的视差滚动效果，有几种不同的方法来创建单页网站。

秋天风景

853 0 0

秋天风景

|

移动开发前端开发 HTML5

经典网页设计：12个简约风格的网站作品

　　简约的网页设计，如果使用得当，会是灵感的重要来源。保持在布局中只有重要的要素，摒弃不是必需的内容。请记住，你仍然可以在一个简约的网站使用丰富的颜色，所以不用担心颜色的单调。这里的例子展示出了简约设计的理念，可以很好的借鉴到你的下一个项目。

秋天风景

1464 0 0

秋天风景

|

移动开发前端开发 HTML5

酷站欣赏：20个精美的国外扁平化网页设计作品

　　随着 LED 液晶显示器中的像素密度和图像质量的提高以及平板电脑和智能手机的普及，以前在小型显示器或低分辨率显示器中使用的让细节更新清晰的阴影技术不再需要了。传统的设计正在慢慢地被丢弃，更多人的崇尚简单，简约的设计。

秋天风景

1048 0 0

秋天风景

|

前端开发 HTML5 移动开发

经典网页设计：25个华丽的 CSS 网站作品案例

　　CSS 是网页设计师和网页开发人员最喜欢的技术之一，因为它有大量新特性、新元素和新技术。创建一个基本的布局可能并不需要很多的时间或精力。但是，如果你想让您的设计脱颖而出，那么就真的需要花费一番功夫。

秋天风景

1302 0 0

秋天风景

|

移动开发前端开发 JavaScript

优秀案例：40个创意的单页滚动网站作品《上篇》

　　网站的导航方式是非常非常重要的。单页网站技术多用于作品集，设计工作室，移动应用程序和着陆页面等只需要显示一部分信息的场合，它允许访客轻松地浏览您的网站，各种创意的滚动效果客户最需要的。　　在这篇文章中，你会发现这些美丽和创意的单页面滚动网站中使用的有趣的滚动技术，希望这些想法能为想进入这个领域的网页设计师们提供灵感。

秋天风景

995 0 0

秋天风景

|

前端开发 HTML5 移动开发

网站设计欣赏：20个另类的单页网站作品案例

　　早在1月份，我向大家分享了《谈谈构建单页布局网站的创意技术》，随着单页设计得到越来越多的设计师的关注，今天我们决定向您展示一组鼓舞人心的单页网站例子，一起欣赏。您可能感兴趣的相关文章经典网页设计：超炫动画效果单页网站 30个独具匠心的精美单页网站设计案例带给你灵感的20个漂亮...

秋天风景

1117 0 0

秋天风景

|

前端开发 HTML5 移动开发

经典网页设计：20佳很酷的个人网站设计案例

　　一个优秀的个人作品集网站能够个给潜在客户留下深刻的印象，不管你是自由职业的设计师还是开发人员，或者是拥有自己工作室的都需要拥有一个强大的在线作品集，把你的访客转变为潜在的客户。下面这些个人酷站相信能够带给你灵感，一起欣赏。

秋天风景

989 0 0

秋天风景

|

移动开发 HTML5

经典网页设计：20个值得关注的创意作品集网站示例

　　作品是展示个人才能的最佳方式，像设计，摄影这些创造性的职业特别需要有个人作品集网站，让你以个性方式展示自我并呈现你的作品给读者和潜在的客户。同时，这些网站中汇集的优秀设计作品和教程也是其它人获取灵感的很好的来源。

秋天风景

1371 0 0

秋天风景

|

移动开发 HTML5

经典网页设计：20个精美的国外单页网站作品

　　如果一个网站的内容不是很多而且将来内容也不怎么增加的情况下，那么制作成单页网站（Single Page Websites）的形式是很好的选择。随着视差滚动（Parallax Scrolling）特效的流行，如今的单页网站也把这种精美的效果集成了进来，使得页面呈现更具创意。

秋天风景

937 0 0

秋天风景

优秀网页设计：30佳精美的国外黑色风格网站作品

　　色彩是网页设计最重要的部分之一，对于那些崇尚简洁设计风格的人来说，黑色是最佳选择。黑色代表着深邃、神秘、暗藏力量，是一种具有多种不同文化意义的颜色。今天的文章收集了30个优秀的黑色风格网站设计作品与大家分享，一起欣赏。

秋天风景

1255 0 0

热门文章

最新文章

天猫精灵开放平台-之小百科测评

语义检索系统：基于Milvus 搭建召回系统抽取向量进行检索，加速索引

3D立方体图片切换动画

模态对话框和非模态对话框

Windows XP客户端加域操作手册上

微信 6.5.1 for iOS发布可以在朋友圈分享相册中的视频

Chapter 1: Creating the GUI Form and Adding Widgets

【Mockplus教程】帐号和购买

「Mac畅玩鸿蒙与硬件42」UI互动应用篇19 - 数字键盘应用

赋能加速AI应用交付，F5 BIG-IP Next for Kubernetes方案解读

RAG分块策略：主流方法（递归、jina-seg）+前沿推荐（Meta-chunking、Late chunking、SLM-SFT）

Python学习的自我理解和想法（2）

Transformer图解

API安全专题：如何有效应对新型Bot攻击？

Selenium IDE：Web自动化测试的得力助手

《docker高级篇（大厂进阶）：5.Docker-compose容器编排》包括是什么能干嘛去哪下、Compose核心概念、Compose使用三个步骤、Compose常用命令、Compose编排微服务

24/7全时守护：AI视频监控技术的深度实现与应用分享

《docker高级篇（大厂进阶）：6.Docker轻量级可视化工具Portainer》

相关课程

更多

场景实践 -新手玩转云计算制作一个浪漫的表白网页

移动Web前端开发

相关电子书

更多

藏经阁精华技术作品

低代码开发师（初级）实战教程

阿里巴巴DevOps 最佳实践手册

下一篇

阿里云无影云电脑免费试用，最长可试用3个月