响应式设计 | 优设网

可能是最容易看懂的响应式知识科普

本篇文章希望能通过简单明了的文字及图文介绍，对我们设计响应式网站时经常会出现的问题进行清晰的说明。

2019-11-19 58UXD 58UXD 入门

超全面总结！如何利用栅格系统做响应式设计？

@UX-BOY ：本文主要与大家分享如何利用栅格系统完成后台页面响应式设计，介绍响应式设计的思路与方法。一、什么是响应式?

2018-10-04 UXBoy 后台产品设计 后台系统

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

编者按：今天给大家推荐两个网站。一个是专门收录日本几个大城市街景为主的图库网站，可以自由使用于个人或非商业用途。

2017-11-05 程远响应式网页设计 响应式设计

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

响应式设计几乎是当代网页设计的基础构成之一。在实际设计和开发的过程中，想要让网站按照设计响应不同尺寸屏幕，设计师和前端需要花费相当的时间来进行测试和...

2017-10-25 陈子木响应式网页设计 响应式设计

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

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

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

细节大揭秘 全部细节

如何利用互动性做好幼儿图书绘本的体验？

用户体验洪恩双语绘本iOS

在「Keep」写下目标，努力变成更好的自己吧！

用户引导 Keep iOS

OMG!!!所有女生！你们的「魔鬼导航员」李佳琦来咯！

设计彩蛋高德地图iOS

「白描」多一步选择却让产品使用更高效

设计逻辑白描iOS

跨屏幕的响应式设计，你需要这样来设计用户体验

现在的响应式的设计已经很成熟了，一整套设计方案，小到智能手表的屏幕，大到电视显示屏，还兼顾到更普遍存在的智能手机、平板和电脑屏幕。在很多人看来，跨屏...

2017-07-04 陈子木响应式设计 用户体验设计

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

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

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

翻天覆地！带你总结互联网设计圈这十年的巨大变迁

编者按：互联网带来的变化是翻天覆地的，这种变化不仅仅表现在它对于外部世界、对于我们生活的影响，它本身的转变则显得更加巨大。而设计领域在互联网的影响之...

2016-09-01 陈子木 iPhone 响应式设计

小心无大错！响应式网页图片库设计的九个注意事项

响应式设计无疑是当前网页设计领域当中，不可忽略的必要组成部分。而响应式网页中的图片显示又是老生常谈的问题，许多争论集中在响应式网站的图片应当怎么展示...

2016-03-23 陈子木响应式图库 响应式图片

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

让建站像搭积木一样简单!今天要介绍的 Carrd 是近期上线的免费建站服务，只要几个简单步骤就能快速设计出美观特色的响应式网站。

2016-03-22 程远 Carrd 卡片设计

腾讯干货！响应式图像终于有超赞的解决方案了！

JACE：自从2010年Ethan Marcotte开始讨论响应式网页设计，开发者和设计师们竞相寻求处理响应式图片的方法。这的确是一个棘手的问题，因为我们对同一个网站在众多设备...

2016-03-22 程远响应式图片 响应式设计

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

今天介绍的HTML5 UP! 提供大量的HTML5 模版，而且这些模版都支持响应式网页设计，有了它我们就不用从无到有、从头到尾来打造一个网站，而是直接就现有的样版去做修改...

2016-02-23 程远 css3 HTML5

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

HTML5 Zero 收录来自各个网站的网站模版资源，不过它并不是以数量取胜，而是精挑细选后的结果。在这网站上收集的模版都支持响应式网页设计，也就是能够依照不同的...

2016-02-13 程远响应式网页设计 响应式设计

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

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

2015-11-07 程远 px Viewport

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

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

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

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

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

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

省时高效！9款超实用的响应式导航插件下载

为了适应手机版的网站，网站导航都需要逐一优化，今天分享9款最新的响应式导航菜单插件，帮你节省大量时间 >>> Mmenu 这个mmenu插件除了能实现手机侧边栏菜单...

2015-05-09 程远响应式设计 导航栏设计

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

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

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

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

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

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

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

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

菜单 优设网 - UISDC

响应式设计已发布文章54篇

可能是最容易看懂的响应式知识科普

2019-11-19 58UXD 58UXD入门

超全面总结！如何利用栅格系统做响应式设计？

2018-10-04 UXBoy 后台产品设计后台系统

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

2017-11-05 程远 响应式网页设计响应式设计

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

2017-10-25 陈子木 响应式网页设计响应式设计

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

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

如何利用互动性做好幼儿图书绘本的体验？

用户体验 洪恩双语绘本iOS

在「Keep」写下目标，努力变成更好的自己吧！

用户引导 Keep iOS

OMG!!!所有女生！你们的「魔鬼导航员」李佳琦来咯！

设计彩蛋 高德地图iOS

「白描」多一步选择却让产品使用更高效

设计逻辑 白描iOS

跨屏幕的响应式设计，你需要这样来设计用户体验

2017-07-04 陈子木 响应式设计用户体验设计

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

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

翻天覆地！带你总结互联网设计圈这十年的巨大变迁

2016-09-01 陈子木 iPhone响应式设计

小心无大错！响应式网页图片库设计的九个注意事项

2016-03-23 陈子木 响应式图库响应式图片

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

2016-03-22 程远 Carrd卡片设计

腾讯干货！响应式图像终于有超赞的解决方案了！

2016-03-22 程远 响应式图片响应式设计

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

2016-02-23 程远 css3HTML5

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

2016-02-13 程远 响应式网页设计响应式设计

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

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

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

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

2015-11-07 程远 pxViewport

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

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

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

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

省时高效！9款超实用的响应式导航插件下载

2015-05-09 程远 响应式设计导航栏设计

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

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

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

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

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

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

优设读报 2019年12月14日 星期六

设计流程

从业余新人跨入专业设计师的那道坎

品牌设计

完整的品牌设计过程

你丫才美工

一枚有态度又能讲段子的美丫姐

Sketch 进阶指南

看过高手的用法，才发现自己完全不懂Sketch......

图标绘制指南

高手从零开始带你画图标

改版设计

大公司的改版方法和实战案例都在这了！

智能电视设计

这个完全不同的新领域应该如何设计？

好书推荐

那些口碑炸裂的设计书籍

# 互动

140篇细节

# 视觉引导

14篇细节

# 形象思维

45篇细节

# 输入

47篇细节

# 个性化

10篇细节

菜单优设网 - UISDC

2019-11-19 58UXD 58UXD 入门

2017-11-05 程远响应式网页设计响应式设计

2017-10-25 陈子木响应式网页设计响应式设计

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

用户体验洪恩双语绘本iOS

设计彩蛋高德地图iOS

设计逻辑白描iOS

2017-07-04 陈子木响应式设计用户体验设计

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

2016-09-01 陈子木 iPhone 响应式设计

2016-03-23 陈子木响应式图库响应式图片

2016-03-22 程远 Carrd 卡片设计

2016-03-22 程远响应式图片响应式设计

2016-02-23 程远 css3 HTML5

2016-02-13 程远响应式网页设计响应式设计

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

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

2015-11-07 程远 px Viewport

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

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

2015-05-09 程远响应式设计导航栏设计

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

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

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

优设读报 2019年12月14日星期六

优设热门私房课查看更多

闫实优设大课堂人气老师

周小馋优设大课堂人气老师

包大优优教程网内容总监

葭葭葭大厂资深插画师