响应式网页设计 - 优设网 - 学设计上优设

菜单优设网 - 学设计上优设

会员

开通优设VIP星球

尊享12项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

VIP优先接，累计金额超百万

优设私房课免费学

价值178元热销课程

作品集指导

优设设计专家语音在线指导

开通VIP

领取更多设计师实用特权

投稿

响应式网页设计话题

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

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

酷站推荐

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

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

2017/11/05

响应式网页设计

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

前端开发

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

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

2017/10/25

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

教程

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

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

2016/09/13

响应式图片

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

教程

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

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

2016/03/22

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

酷站推荐

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

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

2016/02/23

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

酷站推荐

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

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

2016/02/18

响应式网页

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

酷站推荐

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

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

2016/02/13

响应式网页设计

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

教程

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

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

2015/10/12

响应式布局

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

教程

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

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

2015/06/28

响应式网页设计工具

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

下载

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

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

2015/05/05

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

教程

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

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

2015/04/30

响应式图片

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

酷站推荐

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

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

2014/12/17

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

教程

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

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

2014/11/17

响应式网页设计

教程

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

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

2014/02/10

响应式网页设计

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

教程

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

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

2013/10/18

响应式布局

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

前端开发

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

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

2013/09/05

响应式布局

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

酷站推荐

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

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

2013/05/17

响应式网页设计

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

前端开发

最新出炉的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

教程

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

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

2013/02/28

smashingmagazine

酷站推荐

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

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

2013/01/25

优秀网页设计

没有更多内容了

热门频道

设计灵感

支持与服务

优设微博

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

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

微信号：扫码添加

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

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

每天官微五分钟

一年萌新变大神

扫码关注

1000W

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

优优教程网

优设大课堂

设计师导航

优设训练营