菜单优设网 - UISDC

会员

开通优设VIP星球

尊享12项VIP特权持续新增

主题直播

每年36场重磅嘉宾主题直播

独家优惠

星球会员可享书籍软硬件最低优惠

优设私房课

大咖出品易学易懂高品质小课

法务咨询

免费咨询版权/劳动相关法律问题

开通VIP

领取更多设计师实用特权

投稿

响应式网页设计话题

首页
设计文章
响应式网页设计

酷站推荐 1.3w

酷站两连发！收录日本都市图片素材库+响应式在线预览网站

编者按：今天给大家推荐两个网站。一个是专门收录日本几个大城市街景为主的图库网站，可以自由使用于个人或非商业用途。另一个是用来检视自适应设计的免费在线工具。

2017-11-05

程远

响应式网页设计

前端开发 2.5w

这些响应式网页测试工具确保你的设计万无一失

响应式设计几乎是当代网页设计的基础构成之一。在实际设计和开发的过程中，想要让网站按照设计响应不同尺寸屏幕，设计师和前端需要花费相当的时间来进行测试和优化。所以，今天我们搜集了7款功能强大的响应式页面测试工具，下面就一一介绍一下。

2017-10-25

陈子木

教程 2.5w

浅谈思路！七个技巧帮你搞定响应式网页中的图片设计

响应式网页设计已经是如今当之无愧的标准配置了，我们需要响应式的技术来应对日渐碎片化的屏幕尺寸，网页设计师也力图做好这件事情。而网页中的图片和图库的响应式设计，也是其中的重点难点。它们是网页中最常见，也是最直观可见的元素。

2016-09-13

陈子木

响应式图片

教程 2.9w

建站福利！帮你5分钟建一个响应式动态网站的Carrd

让建站像搭积木一样简单！今天要介绍的 Carrd 是近期上线的免费建站服务，只要几个简单步骤就能快速设计出美观特色的响应式网站。我花了不到五分钟就做了一个优设网的简介，而且还有动态效果！

2016-03-22

程远

酷站推荐 1.8w

建站福利！提供超多HTML5+CSS3响应式网页模版免费下载的酷站

今天介绍的HTML5 UP! 提供大量的HTML5 模版，而且这些模版都支持响应式网页设计，有了它我们就不用从无到有、从头到尾来打造一个网站，而是直接就现有的样版去做修改或调整，让建网站难度降低许多，也减少花费的时间和开支。来收！因为自适应网页设计在开发上较为繁琐，一般很少免费提供下载的网站，但 HTML5 UP! 收录一系列共 28 种网页设计，通通都是 HTML5+CSS3 并有响应式设计功能，网站采用的授权方式为 Creative Commons 姓名标示 3.0，也就是说你可以自由分享、修改...

2016-02-23

程远

酷站推荐 1.6w

酷站两连发！人工筛选的可商用图库泼辣有图+响应式网页开发神器

编者按：今天的两枚酷站，一个是特别强调图片背后故事的可商用图库「泼辣有图」，另外一个是能帮开发者测试不同设备上，网页内容自适应是否正确的扩展插件，一个以品质取胜，一个以实用为傲，来收！泼辣有图泼辣有图是泼辣熊团队出品的一个免费商用图库，它们家还有一款产品叫「泼辣修图」，我们在之前介绍过，修图上比普通的手机软件专业，操作上比专业的修图软件简单，也是国内为数不多的支持曲线功能的手机APP，至于网页版的强大，可移步之前的介绍：《在线专业修图神器泼辣修图7个新功能（附调色教程）》，这儿不多赘述，直接来看他们...

2016-02-18

程远

响应式网页

酷站推荐 1.4w

建站利器！提供超多高质量响应式网页模版的HTML5 Zero

HTML5 Zero 收录来自各个网站的网站模版资源，不过它并不是以数量取胜，而是精挑细选后的结果。在这网站上收集的模版都支持响应式网页设计，也就是能够依照不同的浏览画面尺寸，自动调整、弹性变化为适合阅读的使用体验。网站收录的模版类型除了部分能直接套用于 WordPress、Bootstrap 外，还有近期相当流行的 Material Design，也可以透过颜色、类型、标签等方式来筛选你要寻找的免费网站模版。

2016-02-13

程远

响应式网页设计

教程 2.2w

专业干货！超实用的响应式排版快速指南

@励定洲：无论是对于印刷、网站或是电视广告来说，排版都是我们用来沟通信息的主要方式。排版之重要性我想已无须赘述。然而，“理解”和“实践”还是相差十万八千里的，特别是在网页设计中，“一个字号走天下”的想法可以歇歇了。

2015-10-12

程远

响应式布局

教程 1.4w

替你解忧！9款免费且超实用的响应式网页测试工具

响应式设计几乎是现代网站的标配，开发者搭建好网站之后若是要测试其响应式的变化效果，需要大量的测试设备来确保网页显示不会出问题，可是拿大量的实际设备来测试并不现实。在这种需求之下，催生了许多实用而可靠的响应式网站测试工具，这些工具当中绝大多数是免费的，让开发者从海量的测试设备中解脱出来。今天，我们从这些测试工具中，挑选出9款免费又实用的测试工具，造福网页设计师和开发者。

2015-06-28

陈子木

响应式网站

下载 2.6w

太实用！15组展示响应式作品的优质模板免费下载

编者按：绝对值得收藏！响应式网站是大势所趋，今天这组模板，可以非常方便地展示你的网站作品，全都附有笔记本、台式机、平板和手机的模板，建议马克下，以后一定会用到的 >>>Responsive Showcase PSDApple Device Wireframe MockupsResponsive Showcase Device MockupFlat Responsive Showcase PSD Vol.2Flat Devices MockUpsResponsive Showcase...

2015-05-05

程远

教程 1.6w

实用干货！聊聊3种最常见的响应式设计问题

@十萬個為什麽：本文重点讨论设计师遇到最多的3个响应式设计问题，也会提供一些规避错误的策略 >>>响应式设计方法对开发者非常有用，因为它使我们的内容在各种设备上广为传播。不用保留几个独立版本的网站，也可以摒除诸如缩放和流式布局这些方法的弊端。缩放、流式布局与响应式这些术语容易造成混淆，设计师常常错误地交替互用。

2015-04-30

程远

响应式图片

酷站推荐 3.2w

一次满足你几个愿望！25款值得收藏的免费响应式网页模板

对于网页设计师和开发者而言，创意、经验和专业知识都是缺一不可的。而工作中最令人纠结的，却是有限的时间，重复而琐碎的工作，以及有限的预算。这也就是为什么大家都如此渴望干货，期待好素材，以及模板。

2014-12-17

陈子木

教程 3.1w

有对比才有看头！响应式Web设计的9项基本原则

编者按：打造流畅的响应式体验！今天@网秦UEC 的同学从国外分享了一篇关于响应式的好文，借助动态图列出了传统设计与响应式设计的不同之处，直观易懂不说，提到的9项原则都很实用，值得学习哟。响应式Web设计对于解决多类型屏幕问题来说是个不错方案，但从印刷的角度来看，其却存在着很多的困难。

2014-11-17

程远

响应式网页设计

教程 1.6w

推荐！漫谈响应式网页设计

1. 如何理解响应式设计（RWD）zhongfan ：学究一些，首先大家先了解一下响应，然后再讲一下设计，响应就是我发出的请求能得到什么样子的回复，比如我说 “你好”，你会很容易的给我回复”你好”，因为大家都是中国人，如果我说”hello”，我们这代人如果上过初中，他也会给我说”Hello”，但是如果我给对你说”Bonjour”，那可能只有高配的人才可能知道了。这里面，就举了一个...

2014-02-10

uisdcer

响应式网页设计

教程

经验分享：响应式排版中的基础知识

Arrietty：当我们建立网站的时候，我们一般从定义正文开始。正文的定义显示了你的主栏有多宽，其它几栏的大小就随它自己内容定义了。直到最近，各种屏幕分辨率或多或少是同质化的。

2013-10-18

程远

响应式布局

前端开发

高端揭秘：为你的响应式设计提速

@MartinRGB 响应式设计是最近的流行词，能够打造多屏幕一致体验。现在几乎每个人都喜欢响应式设计，而且可以是没有原因的支持，这跟Flash刚出现那会火热的局面有点相似。然而，响应式设计带来了表现力的问题，这需要通过调整图像、压缩图像、改变图像大小等手段来解决。

2013-09-05

ranger

响应式布局

酷站推荐 2.8w

致那些终将流行的响应式网页设计（附案例）

如今，web应用已经深入到我们生活的方方面面了。而你知道吗？72%的用户们都希望他们访问的网站不仅在台式机或笔记本上有赏心悦目的界面，同时也能适应移动设备的屏幕。

2013-05-17

Yugo

响应式网页设计

前端开发 5.1w

最新出炉的20个CSS3特效打包下载（附特效预览+源码）

@榮榮-小黑_丫这些特效真的非常赞，本人已经体验并打包喽，大家也可以各取所需，按需下载。以下为17个网页CSS样式原件.zip 微盘下载地址→ http://t.cn/zTvTIdM1. Putting CSS Clip to Work : Expanding Overlay Effect教程地址 2. Flipping Circle Slideshow教程地址 3. 有创意的CSS加载动画教程地址 4.丰富多彩的CSS3动画导航菜单教程地址 5. 利用CSS3和jQuery实现照片集实时预览教...

2013-03-26

小丸子

教程 1.5w

推荐：响应式网页设计与应用

每个射击湿都想自己的网站可以在任何设备上体验都很牛，神马iPhone、ipad、黑莓、kindle……无所不能啊~ 苦逼的是这些东东的系统不一样，分辨率也不一样啊；电脑的屏幕越来越大，但是还有一半的用户还是用的17寸CRT；手机、pad层出不穷，没有个统一标准，我们又不想失去任何一个用户，这可苦了我这些设计师了，需要付出更多的心血来获得更好的体验，谁让我们是射击湿呢。电子产品更新换代节奏都快成马了，跟都跟不上。

2013-02-28

Roc 优设

smashingmagazine

酷站推荐 3.7w

9个免费的响应式网页设计模板

随着PC端、平板、智能手机等终端的发展，设备环境（系统平台、屏幕尺寸、屏幕分辨率等）更加复杂，网页展示需要考虑到各个终端的具体差异。因此，响应式设计受到了大家的推崇。通过文中的9个免费的响应式设计模板，希望能帮大家了解这种技术以及提高工作效率。

2013-01-25

Roc 优设

优秀网页设计

没有更多文章了

大家都在看

UI

文章 142

优设大课堂

文章 127

职场规划

文章 354

PS教程

文章 771

职场经验

文章 117

干货合集

文章 165

设计规范

文章 187

产品设计

文章 409

设计干货

文章 143

热门频道

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计话题

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

@
优秀网页设计
380W粉丝！每日更新设计干货
@
优设
强烈推荐！优设官方品牌微博
@
优优教程网
官方微博，海量教程看不完
@
优设基础训练营
零基础入门，带你成为软件高手
官方群
优设官方微信群
01优设25+设计师交流群
02优设30+设计师交流群
03优设求职招聘群
04优设同城交友群
05优设私单群
06优设学生交流群

07优设UI设计师交流群
08优设插画师交流群
09优设平面品牌设计师交流群
10优设3D设计师交流群
11优优教程自学团
12优设VIP知识星球交流群
微信扫码添加管理员招财

微信号：uisdc123

严格审核打造高质量交流群

进群会有面试题谢绝打广告
优设微信

每天官微五分钟

一年萌新变大神

扫码关注

1000W

优设新媒体矩阵等你来关注