响应式布局 | 优设网

基础小科普！3种国内外最常见的响应式栅格

Z Yuhan : 我曾经很推崇 Material Design 的响应式栅格系统，花了不少时间去理解那几张复杂的图表和几张酷炫的动态示意。可当真正需要用到响应式这东西时，在做完竞品...

2017-11-27 Z Yuhan 响应式布局 栅格系统

超全面！移动端响应式的7种UI布局解析

Tony（作者）：响应式 UI能够使我们设计的元素在任何大小屏幕尺寸能够灵活适配，保证布局和体验的一致性。毫无疑问，响应 UI 设计对于现今碎片化的屏幕是非常重要...

2017-09-04 程远响应式布局 响应式设计

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

响应式网页设计已经是如今当之无愧的标准配置了，我们需要响应式的技术来应对日渐碎片化的屏幕尺寸，网页设计师也力图做好这件事情。而网页中的图片和图库的响...

2016-09-13 陈子木响应式图片 响应式布局

前端福利！帮你搞定复杂网页布局的Flexbox相关工具

编者按：在很多方面HTML和CSS是一个强大的内容发布机制——易学、灵活和强大。但复杂的布局是他不擅长的。

2016-04-18 陈子木 Flexbox web前端开发

腾讯干货！手把手带你深入学习Viewport和PX

编者按：今天这篇腾讯游戏七宝同学的干货，不仅给同学们科普了绝对/相对长度单位、屏幕尺寸/分辨率/像素密度、PPI/DPI/SP/PX等一系列基础术语，还对移动页面重构最重...

2015-11-07 程远 px Viewport

细节大揭秘 全部细节

ZZKIA：「有內鬼~終止交易！」

新视野 ZZKIA

直接勾选就能将台词截图都拼好的「腾讯视频」

好功能腾讯视频

「即刻」可直接将当前图片作为表情包发送微信好友？

设计逻辑即刻 iOS

「美团外卖」更新，等了好久的「一键结算」终于上线

用户体验美团外卖 iOS

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

@励定洲：无论是对于印刷、网站或是电视广告来说，排版都是我们用来沟通信息的主要方式。排版之重要性我想已无须赘述。

2015-10-12 程远响应式布局 响应式网页设计

设计小科普！给设计师的模块化设计新手完全入门指南

扁平化设计流行起来之后，现代简约风与之结合产生了许多视觉上以区块为主的网页设计作品。对于设计师而言，这种设计方式既时尚，又富于功能化，网站结构流畅、...

2015-08-14 陈子木优秀网页设计 响应式布局

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

编者按：绝对值得收藏!响应式网站是大势所趋，今天这组模板，可以非常方便地展示你的网站作品，全都附有笔记本、台式机、平板和手机的模板，建议马克下，以后...

2015-05-05 程远 psd下载 响应式布局

再加速！五大技巧帮你提速响应式网页设计项目

没有哪个成功的Web项目是在设计师和开发无法流畅沟通的前提下搞定的，协作才是做好项目的基础。我曾看到经验丰富的设计师和开发者因为沟通不畅和误会导致项目失...

2015-04-30 陈子木响应式图片 响应式布局

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

@十萬個為什麽：本文重点讨论设计师遇到最多的3个响应式设计问题，也会提供一些规避错误的策略 >>> 响应式设计方法对开发者非常有用，因为它使我们的内容...

2015-04-30 程远响应式图片 响应式布局

布局专攻文！如何搞定响应式网页的布局设计？

编者按：作为今年大热的设计趋势，响应式已然是设计师的标配技能。今天阿里的同学从响应式设计的布局类型、布局实现两方面深入讲解，有哪些实现布局的方式，该...

2015-03-04 程远响应式布局 响应式设计

百变随心！35款兼容性极佳的响应式网页排版设计

响应式网页设计有多火咱就不在此赘述了。但是要做好响应式设计，让网页在每一块屏幕上都能正常地显示并拥有良好的版式，设计师和前端同学需要为此付出大量的心...

2014-09-13 陈子木响应式布局 网页设计

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

Arrietty：当我们建立网站的时候，我们一般从定义正文开始。正文的定义显示了你的主栏有多宽，其它几栏的大小就随它自己内容定义了。

2013-10-18 程远响应式布局 响应式网页设计

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

@MartinRGB 响应式设计是最近的流行词，能够打造多屏幕一致体验。现在几乎每个人都喜欢响应式设计，而且可以是没有原因的支持，这跟Flash刚出现那会火热的局面有点相...

2013-09-05 ranger 响应式布局 响应式网站

一套精致的响应式网页设计模版PSD下载

超赞!难得的一套响应式网页模版，分别含iPad、iPhone、PC三个平台的界面设计。

2013-03-18 Roc 优设 PSD UI

移动UI设计须知

在相对更小的空间里实现同样的功能，做到这一点并不容易。自从互联网发明以来，屏幕的尺寸一直稳步增长，网页设计师已经学会如何充分利用屏幕空间。

2013-01-22 草木乙-Vidar Mobile Design 响应式布局

2013年10大网页设计趋势

TNW发布了2013年10大网页设计趋势： 1、响应式布局盛行，即一个网站适配多种屏幕; 2、重视字体的选择，使用Web字体; 3、更少的使用Flash，使用其他任何可能替代的技术; 4...

2013-01-01 Roc 优设 2013网页设计 响应式布局

没有更多文章了

热门频道

设计专题

细节猎人

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

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计话题

高手大咖在线答疑解惑

自学UI

设计高手的自学方法大全

授人以鱼不如授人以渔，UI 设计是门庞大的学问，单靠专题不免挂一漏万，所以本专题不分享技法层面的知识，而是将前辈的自学经验集结起来，帮你掌握正确的学习方法和思路。

查看专题

Material Design

每个设计师都该深度学习的设计语言

通过这个专题，不仅可以了解到最新的 Material Design 变化，还有 Material Design 的动效设计、可用性设计、用户引导设计等中文版本，另外还有高手总结的学习笔记和实战案例。看完这个专题，帮你全面读懂 Material Design。

查看专题

灵感专题

让创意如万斛泉源，不择地皆可出

灵感20%靠方法，80%靠积累。本专题除了有专业设计师获取灵感的方法，更多的是值得每天花时间逛一圈的灵感网站和APP，类型之丰富够你在灵感的海洋里徜徉遨游一整年了。

查看专题

菜单 优设网 - UISDC

响应式布局已发布文章17篇

基础小科普！3种国内外最常见的响应式栅格

2017-11-27 Z Yuhan 响应式布局栅格系统

超全面！移动端响应式的7种UI布局解析

2017-09-04 程远 响应式布局响应式设计

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

2016-09-13 陈子木 响应式图片响应式布局

前端福利！帮你搞定复杂网页布局的Flexbox相关工具

2016-04-18 陈子木 Flexboxweb前端开发

腾讯干货！手把手带你深入学习Viewport和PX

2015-11-07 程远 pxViewport

ZZKIA：「有內鬼~終止交易！」

新视野 ZZKIA

直接勾选就能将台词截图都拼好的「腾讯视频」

好功能 腾讯视频

「即刻」可直接将当前图片作为表情包发送微信好友？

设计逻辑 即刻 iOS

「美团外卖」更新，等了好久的「一键结算」终于上线

用户体验 美团外卖 iOS

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

2015-10-12 程远 响应式布局响应式网页设计

设计小科普！给设计师的模块化设计新手完全入门指南

2015-08-14 陈子木 优秀网页设计响应式布局

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

2015-05-05 程远 psd下载响应式布局

再加速！五大技巧帮你提速响应式网页设计项目

2015-04-30 陈子木 响应式图片响应式布局

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

2015-04-30 程远 响应式图片响应式布局

布局专攻文！如何搞定响应式网页的布局设计？

2015-03-04 程远 响应式布局响应式设计

百变随心！35款兼容性极佳的响应式网页排版设计

2014-09-13 陈子木 响应式布局网页设计

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

2013-10-18 程远 响应式布局响应式网页设计

2020年适合设计师学习的设计技能 大课堂

从入门就业到进阶高薪！18般武艺这里应有尽有

行业名师真材实料 优设 8 年专业品牌

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

2013-09-05 ranger 响应式布局响应式网站

一套精致的响应式网页设计模版PSD下载

2013-03-18 Roc 优设 PSDUI

移动UI设计须知

2013-01-22 草木乙-Vidar Mobile Design响应式布局

2013年10大网页设计趋势

2013-01-01 Roc 优设 2013网页设计响应式布局

热门频道

设计专题

热门设计知识精挑细选

细节猎人

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

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计话题

高手大咖在线答疑解惑

优设读报 2020年7月11日 星期六

视觉设计师10-15k

北京本科及以上3-5年

布谷品牌

交互设计师15-25k

深圳本科及以上3-5年

京东

视觉设计师15-25k

深圳本科及以上3-5年

京东

只有这个方法能让我坚持画画一整年！

高效实战名师出品

为什么他设计的 LOGO 价值上万元？

职场技能高效实战

为什么想学场景插画的设计师越来越多？

趋势流行基础必备

都是图标设计，总监和你有什么区别？

高效实战职场技能

深色模式设计指南

从官方规范到实战经验应有尽有！

菜单优设网 - UISDC

2017-09-04 程远响应式布局响应式设计

2016-09-13 陈子木响应式图片响应式布局

2016-04-18 陈子木 Flexbox web前端开发

2015-11-07 程远 px Viewport

好功能腾讯视频

设计逻辑即刻 iOS

用户体验美团外卖 iOS

2015-10-12 程远响应式布局响应式网页设计

2015-08-14 陈子木优秀网页设计响应式布局

2015-04-30 陈子木响应式图片响应式布局

2015-04-30 程远响应式图片响应式布局

2015-03-04 程远响应式布局响应式设计

2014-09-13 陈子木响应式布局网页设计

2013-10-18 程远响应式布局响应式网页设计

2020年适合设计师学习的设计技能大课堂

行业名师真材实料优设 8 年专业品牌

2013-03-18 Roc 优设 PSD UI

2013-01-22 草木乙-Vidar Mobile Design 响应式布局

优设读报 2020年7月11日星期六

PS の技巧大全

优设专题全部专题