菜单
优设网uisdc.com
优设网 - 学设计上优设
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计服务
关于我们
联系我们
文章投稿
铁粉权益
意见反馈
广告商务
会员
开通优设VIP星球
尊享12项VIP特权
持续新增
主题打卡挑战
21天带练!告别无效练习
接私单赚外块
VIP优先接,累计金额超百万
优设私房课免费学
价值178元热销课程
作品集指导
优设设计专家语音在线指导
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
响应式 话题
首页
设计文章
响应式
响应式设计
收录64篇文章
响应式布局
收录21篇文章
响应式网页设计
收录20篇文章
ChatGPT
收录48篇文章
设计师访谈
收录51篇文章
UI
用7大章节,帮你从零开始学会栅格系统
本文用7个章节,从栅格的定义到栅格的应用、制定等多个方面,帮你掌握栅格系统的运用。
2022/07/21
UI设计
UI
万字干货!从4个方面完整解析栅格设计
本文主要介绍等距栅格,从概念、结构和设计上更有效解决栅格问题。
2021/11/11
响应式
9图
1/5
优设网的大屏适配经验!开启4K新视界
优设网
神器推荐
想做响应式测试?试试这个超好用的在线测试神器!
本文介绍的神器可以协助开发者测试网页在移动设备、平板电脑的呈现效果,内建一些常见设备的屏幕尺寸比例,也可自订大小或横向显示。
2021/07/16
响应式神器
UI
B 端响应式界面应该怎么做?这篇教程超详细!
本文从B端的响应式概念、响应式规则解析和响应式使用建议三个方面,帮你完整掌握B端响应式界面设计。
2021/01/27
响应式界面
UI
用一篇文章,帮你看懂网页响应式布局原理
本文从响应式页面是什么、响应式布局的规则、响应式的设计流程三个方面,帮你彻底掌握网页的响应式设计原理。
2020/08/20
响应式布局
UI
腾讯出品!超实用的响应式设计技巧
本文梳理了响应式设计的方法流程,记录问题与思考,帮助以后类似的项目开展更快。
2020/07/30
响应式设计
UI
这份上万字的指南,帮你学会用栅格系统构建响应式设计
在响应式设计中使用栅格系统是非常重要的,但实际项目中栅格系统到底怎么样运用呢?用一篇万字干货帮你掌握,如何利用栅格系统构建优秀的响应式设计。(文末附作者绘制的 5 套栅格系统库福利~)
2020/04/02
响应式设计
网页
可能是最容易看懂的响应式知识科普
本篇文章希望能通过简单明了的文字及图文介绍,对我们设计响应式网站时经常会出现的问题进行清晰的说明。
2019/11/19
响应式设计
UI
超全面总结!如何利用栅格系统做响应式设计?
@UX-BOY :本文主要与大家分享如何利用栅格系统完成后台页面响应式设计,介绍响应式设计的思路与方法。一、什么是响应式?按照本人自己的理解,响应式就是通过合理的设计方案配合规范的技术实现策略,使同一个 Web页面在各个终端(设备)不同分辨率屏幕上都能有最佳的用户体验。
2018/10/04
响应式设计
教程
基础小科普!3种国内外最常见的响应式栅格
Z Yuhan : 我曾经很推崇 Material Design 的响应式栅格系统,花了不少时间去理解那几张复杂的图表和几张酷炫的动态示意。可当真正需要用到响应式这东西时,在做完竞品调研后,我慢慢发现自己真不该那么执着于 Material Design 响应式栅格系统,因为:那两张英文图表对艺术背景的设计师来说真的很难理解。你设计的产品很有可能比 Material Design 的预期更加复杂。
2017/11/27
响应式布局
前端开发
这些响应式网页测试工具确保你的设计万无一失
响应式设计几乎是当代网页设计的基础构成之一。在实际设计和开发的过程中,想要让网站按照设计响应不同尺寸屏幕,设计师和前端需要花费相当的时间来进行测试和优化。所以,今天我们搜集了7款功能强大的响应式页面测试工具,下面就一一介绍一下。
2017/10/25
响应式网页设计
教程
超全面!移动端响应式的7种UI布局解析
Tony(作者):响应式 UI能够使我们设计的元素在任何大小屏幕尺寸能够灵活适配,保证布局和体验的一致性。毫无疑问,响应 UI 设计对于现今碎片化的屏幕是非常重要的,它能使我们在最小的资源的情况下完成设计适配,它的工作原理通过断点系统来判断读取布局方式,断点其实就是媒体查询值。比如我们平时做的 Phone 和 Pad 的适配就是通过设定断点来让程序读取对应的布局(断点设定可以根据屏幕分辨率或者屏幕尺寸),今天就和大家聊聊一些常用的响应式 UI 模式常用的布局模式流线布局等比缩放拓展布局分栏布局流动布...
2017/09/04
响应式布局
教程
跨屏幕的响应式设计,你需要这样来设计用户体验
现在的响应式的设计已经很成熟了,一整套设计方案,小到智能手表的屏幕,大到电视显示屏,还兼顾到更普遍存在的智能手机、平板和电脑屏幕。在很多人看来,跨屏幕的响应式设计,只是一套内容调整大小就可以“适配”了,但实际上,它所牵涉到的因素非常的复杂:设计师需要通过设计让内容在不同的平台上体验最大化,确保让用户在任何一个屏幕上看到内容的时候,会觉得这些内容就是为这个平台而设计的,而不是单纯的缩放而来。这种无缝的体验,才是跨屏幕设计的真正难点所在。
2017/07/04
响应式设计
神器推荐
神器两连发!开源动画库Lottie+Sketch新版响应式缩放功能详解
编者按:今天推荐两个设计神器,一个是Airbnb 发布的开源动画库 Lottie,帮你轻松让动效落地。一个是Sketch 44 新版的编组缩放功能详解,为设计师提供更高效直观的控制能力,一起来提高效率!Sketch 44 新版响应式缩放功能详解Sketch 44 对编组缩放功能(Group Resizing)进行了升级。
2017/06/25
Lottie
教程
未来大趋势——响应式图标
说实话,第一次听到“响应式图标”我也觉得怪怪的,正如不久之前,人们为了让图标字体更适合不同设备,而更改它们的大小一样,但是这一想法却让响应式设计以及图标设计有了长足的进步。那么今天,我们就来八一八,这到底什么个什么玩意儿。推荐阅读: 《想学响应式设计?
2013/12/19
响应式
网页
不藏不掖着,响应式网页大揭秘来了!
如果你不熟悉响应式设计,这篇特意制作了超多动图,可以帮你轻松看懂,基础差也不怕。
2013/11/10
响应式布局
酷站推荐
干货!23套全新的免费HTML5网页模版
@Gaoyoungor 目前互联网上存在很多专业的高质量HTML5模版,并且是免费的,如果你熟悉编程的话,只需要研究一下它们的代码就可以学到很多便捷的操作和新的技术。在今天的文章当中我不是列出一长串可用模版的列表,而是精挑细选出高质量的响应式HTML5模版。更重要的是,它们都是免费的,所以我希望能有几个模版能满足的你的需求,能够运用于你的项目当中。
2013/07/31
HTML5
没有更多内容了
优设读报
2023年05月30日 星期二
01
微软推出下一代 Fluent Design 设计风格:Fluent 2
02
微信视频号上线原创保护能力,实现创作变现
03
日本复古游戏设计开发公司 Pixel 启用新 LOGO
04
「回归创造力」,TDW 2023 腾讯设计周即将举办
05
发挥 AI 领域优势,NVIDIA 宣布为游戏提供 AI 定制服务
查看全部
设计问答
全部问答
你能分辨哪张图是AI生成的吗?为什么?
邀请你来回答
设计问答
全部问答
做设计师几年之后,生活和工作中养成了哪些小习惯?
邀请你来回答
我现在工作地方的办公桌一定要整齐,而且随时都要 Ctrl+S 才有安全感。还有就是对齐强迫症越来越严重了,差一点都不行!大家有哪些生活和工作中养成了哪些小习惯?
我来回答
品牌设计
完整的品牌设计过程
查看专题
专题
已有131.7w位观众
已收录
24
篇持续更新
实战案例!网易考拉品牌升级全过程实录
68076 人阅读
顶级文档!12个值得学习的知名品牌设计规范指南
35692 人阅读
细节
怎样从易用性的角度出发,在无形中提升记账类产品的使用体验?
对于多数人而言,记账都是一件由于怕麻烦而难以养成习惯的事。针对这一现象「多多记账」团队在产品的易用性上下足了功夫:一方面,为了简化用户的操作步骤降低记账门槛,产品放弃了几乎为产品必备的「首页」展示与自定义菜单,一进App就直达今日记账功能。另一方面,「按住说话」语音记账与输入文字记账的两种记账形式为用户提供了多样化选择,根据用户个人习惯与具体使用情景可随时自由切换。
2018/07/26
AmberDu小白
交互手势
设计神器
全部神器
第四波!2023年1月精选实用设计干货合集
神器推荐
字节跳动官方出品的免费图标库,超好用还能自定义修改!
神器推荐
翻遍教育部推荐课程,整理出价值3万元的设计师免费课程表(上)
职场
可视化设计神器三弹!9个精选神器都在这!
神器推荐
课程
大厂名师带你学 Blender 动画!
涨薪指数
技能点 · Blender
涨薪必备
名师亲授
课程
一小时!用AI创作的IP设计也能赚钱
涨薪指数
技能点 · IP设计
高效实战
职场技能
课程
如何快速创作火爆全网的手绘作品?
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
求职招聘
发布职位
交互设计师
上海
本科及以上
3-5年
25k-50k
文案策划
武汉
学历不限
1-3年
6k-10k
UI设计专家/总监
北京
本科及以上
5年以上
35k-55k
查看全部
行业新闻
发布行业新闻
明基 PD 系列显示器6.18 超前剧透,彻底告别困难选择
新品推荐
武汉传媒学院文化管理学院参访秋叶集团!加强校企合作,推动教学与实践结合
行业新闻
国家艺术基金 2023 年度「博物馆数字文创设计青年人才培训」开班仪式顺利举行
活动赛事
查看全部
最新趋势
入站必看
设计入门
进阶提升
热门资源
Midjourney
会上瘾的AI绘画工具
AI智能绘画
让AI助你一臂之力
198个AI工具
实用AI智能神器大全
Blender
称心如意的3D设计法宝
Figma
令设计师爱不释手
HMI设计指南
车载设计教科书
直播间设计
生意都在直播间啦
Stable Diffusion
最强开源AI绘画工具
优设读报
每日必读的行业消息
教你做字库
每个公司都可有字库
设计服务
一站式数字创意服务平台
求职面试
为你用心整理的技巧
B端设计
开始探索B端设计
3D设计
技巧与工具全揭秘
520个必看设计网站
精选全球设计站点
9图!入站必刷
优设重磅设计知识频道
热门产品揭秘
60秒学1个热门产品亮点
免费图库
高质量的免费可商用图片
私单报价
谢绝帮个忙
优设年度榜单
全年好内容一网打尽
顶尖设计师作品集
作品见真章
每日一问
你的问题这里有答案
自学就上优优网
优设旗下自学网站
优设主编人气好文
设计风向标
设计师书单
2023年设计书籍推荐
最新免费字体
最值得收藏的频道
活动大赛
这个奖杯等你来拿
推荐!设计专题
相见恨晚的宝藏专题
设计软件自学
免费自学就上优优网
200篇自学文章
设计自学有关的一切经验
设计师禁忌
不可抄袭!注重版权
平面设计
入门指南和经验技巧
配色技巧
看完这里成高手
Behance
学设计离不开的网站
设计神器
推荐!超人气分类
作品集包装
请重视你的敲门砖
IP设计
人人都想做IP
设计方法论
开始加速成长吧
设计心理学
助你做更好的设计
灵感及审美提升
让创意如万斛泉源
设计模型
你离总监又近了一步
掌握设计流程
重要的事情说3遍
设计规范
条条框框的大学问
改版设计
实战案例和方法大揭秘
设计趋势
不落窠臼之法
设计评审
教你应对设计评审
述职报告
工作总结是一门学问
设计思维
成长从转变思维开始
职业晋升方法
加薪晋级看这里
商业手绘进阶班
优设顶尖画师亲授
UI设计实战班
全能UI必修设计课程
3D高阶提升大师班
进阶涨薪必备技能
平面设计实战营
优设爆款课程
3D 插画实战特训营
名师课程22天教会
60天PSAIAE入行
长年畅销课程
优设大课堂
好课一网打尽
人工智能设计
AI的热门资源都在这
优设标题黑
全网下载高达300W次
配色神器
不用为配色发愁
9G素材大礼包
优优教程网倾情整理
配色导航
人气很高的配色导航
175款国潮插画笔刷
PS与iPad都能使用
作品集封面
帮你掌握作品集封面设计
优设2022新字体
简约饱满的可商用字体
设计师下载频道
今年这里会好好运营
样机素材
高品质样机素材
Similarsites
大名鼎鼎的找相似网站
短视频
短视频资源神器
设计插件
设计师必备法宝
年度十大设计软件
当下最流行的软件和网站