菜单
优设网uisdc.com
优设网 - UISDC
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计工具
关于我们
联系我们
文章投稿
意见反馈
广告商务
会员
开通优设VIP星球
尊享12项VIP特权
持续新增
主题直播
每年36场重磅嘉宾主题直播
独家优惠
星球会员可享书籍软硬件最低优惠
优设私房课
大咖出品易学易懂高品质小课
法务咨询
免费咨询版权/劳动相关法律问题
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
网格系统 话题
首页
设计文章
网格系统
经验
收录25篇文章
在线神器
收录27篇文章
设计评审
收录26篇文章
职业规划
收录22篇文章
效率
收录24篇文章
UI
1.5w
80%的设计师都摸不清，设计系统中究竟用几种网格？
一个设计系统中究竟存在几种网格间距？正好我之前参加过几次设计系统构建，因此把一些经验分享给大家。
2021/04/15
土拨鼠
网格布局
UI
1.1w
新人读物！帮你掌握网格设计的五种基础类型
本文从什么是网格、网格的重要性、网格的五种类型和使用网格的技巧，帮新人掌握网格设计。
2021/03/09
土拨鼠
网格基础
UI
2.3w
学会8pt网格系统，创建超强页面布局
为什么大家都喜欢用8pt的网格系统？有哪些好用的8pt网格系统小技巧？本文分享一点我的经验。
2020-09-15
布莱恩臣
4px网格设计
平面
4.2w
掌握这套网格排版技巧，版式不高级都难
本文详细科普了网格系统的历史、使用教程和相关神器，比较适合对网格不熟悉的新人小白学习。
2020-08-14
土拨鼠
网格基础
UI
3.6w
如何让你的设计看起来更高级？试试网格系统！
有时候我们看一个设计作品、会觉得整个设计看起来很高级，但是又说不上哪里高级，是结构还是细节？带着这个问题，我想从网格系统入手，帮你找到答案。
2020-07-01
阿芬
网格布局
UI
6.1w
这份上万字的指南，帮你学会用栅格系统构建响应式设计
在响应式设计中使用栅格系统是非常重要的，但实际项目中栅格系统到底怎么样运用呢？用一篇万字干货帮你掌握，如何利用栅格系统构建优秀的响应式设计。（文末附作者绘制的 5 套栅格系统库福利~）
2020-04-02
土拨鼠
ui设计
平面
4.5w
提炼14本书的精华，写下这份超全面的网格基础手册
新手完全看不懂的网格系统到底该如何学习？本文作者参考了 14 本网格相关的书，总结出这份适合小白入门的网格系统学习手册。
2019-08-21
土拨鼠
网格布局
UI
7.1w
如何利用网格系统科学地打造APP界面？来看网易高手的总结！
网易UEDC – 贺玉华 ：本文将从网格系统的基本概念介绍出发，逐步探寻构建网格系统的必要性、网格系统的实际运用方法、以及使用网格系统可能遇到的问题。在视觉设计师设计一款 APP 的时候，最先要制定一套完善可行的设计规范，其中会详细定义颜色、文字、图标、结构、布局、间距等要素。但是很多设计师往往会忽视一个重要的东西，那就是网格系统的构建。
2018-10-15
程远
APP界面
平面
3.2w
超全面！值得新手学习收藏的平面设计版式法则大全
我们在日常的工作中是不是经常遇到以下的情况：一段信息或者一张图片应该排在页面什么位置合适？为什么排在这里？左边的设计还是右边的设计更适合这个项目？
2018-05-20
程远
对比
教程
4.7w
如何用「8点网格」来规范你的设计？看这篇好文！
8点网格流行有一段时间了，我最早知道这种设计方式是在看了谷歌的Material Design设计规范之后开始认识的。发现这种设计方式实在是太适合我这种理科出生的设计师了，所以在这里也给大家科普一下为什么要使用8点网格。看完本文你会学到：1. 8点网格系统的意义2. 为什么使用8点网格系统3. 8点网格系统的技巧有哪些什么是8点网格就是建立8点为一个单位的网格，所有的元素尺寸都是8的倍数。
2017-12-03
程远
经验分享
UI
5.0w
新手科普文！每个设计师都该懂的栅格系统基础六要素
以前有很长一段时间，我一直搞不明白到底什么是栅格，听过很多解释之后还是云里雾里的，后来发现有很多小伙伴也都有这样的疑问，所以决定分享一下自己对栅格系统的理解。首先我们必须要对栅格系统有一个基本的认知，我将这四个字拆分开成“栅格”和“系统”两个词来分别解释。关于栅格栅格是由网格演变而来的另一种说法，都是一个意思——格子，所以不要觉得栅格有多高深复杂，如果把他描述成格子，你还觉得它有多难理解吗？
2017-04-23
程远
栅格系统
交互
3.6w
网页设计中，如何突破栅格的限制又保持协调？
现如今，栅格已经几乎是所有网页设计的基础。这些隐形的线条创造出空间的节奏感和视觉的流畅感，他们是让网页变得更加和谐的基础。但是，栅格存在的目的是帮你创造好的设计，当你开始逐渐适应栅格的存在，千万不要被它束缚住。
2017-01-22
陈子木
栅格
下载
2.5w
网页的脊梁！20款素质过硬的响应式CSS栅格系统
栅格系统这种东西和许多同类工具/素材一样，“系统”二字让它看起来无比高大上，而实际上大多数的栅格系统只是一系列纵横交错的细线构成。很简单？看起来确实如此。
2015-09-24
陈子木
css
教程
6.2w
揭秘！让作品秒变高大上的LOGO网格全方位科普
许多设计都将网格的建立作为设计Logo的第一步骤，网格系统可以助你保持视觉协调、美观、有条理，并明确设计的目标。那么到底LOGO网格是什么，有哪些常规样式，使用网格的好处以及如何使用等问题，今天来一一说清楚。Logo网格为何物？
2015-08-27
程远
ICON
教程
7.9w
高手之路！网页设计师应该知道的网格系统
今天我们来聊聊网页设计中的网格系统。网格确保了设计结构的组织分明、结构明晰。我们可以通过网格系统更好的打造设计的信息层级，让设计阅读起来更具有韵律感。
2013-09-28
ranger
960网格系统
没有更多文章了
大家都在看
职场经验
文章 115
立即查看
版式设计
文章 178
立即查看
优设大课堂
文章 126
立即查看
干货
文章 145
立即查看
优秀网页设计
文章 582
立即查看
交互设计
文章 649
立即查看
视觉设计
文章 158
立即查看
设计理论
文章 128
立即查看
图标设计
文章 227
立即查看
优设读报
2021年10月20日 星期三
01
苹果发布新款 MacBook Pro
02
老牌音乐软件「酷我音乐」更换 LOGO
03
TV 动画《圣斗士星矢》35 周年纪念 LOGO 亮相
04
网剧《唐人街探案 2》曝光概念海报
05
「肯德基食物银行」珍惜每份食物的初心
查看全部
PS の 技巧大全
高手奥义操作方法总结
查看专题
专题
已有108.6w位观众
已收录
8
篇持续更新
省时高效！7个资深设计师常用的PS实用技巧
50166 人阅读
谨慎使用！超欠揍的Photoshop 使用装腔指南
56755 人阅读
细节
「腾讯视频」的视频播放进度控制还有快捷键？
不知道用电脑看「腾讯视频」网页版的同学有没有发现控制视频播放进度是有快捷键可使用的。在「腾讯视频」看视频时，键盘1—0的10个数字键正好对应视频播放进度条的10%—100%，比如想将视频快进到播放进度的一半，只需按下数字键5就能快速搞定了！下次在「腾讯视频」看剧时，不妨试试数字快捷键吧。
2020-09-07
小白
交互手势
设计话题
全部话题
有没有提高工作效率的软件
3924位设计师围观了该问题
有道云笔记，Xmind
我来回答
优设琅琊榜
查看全部
2.5w
1/9
会理发的阿里插画师！正用喜好重绘世界
🎨嘣嚓嚓💈
会理发的插画师，想当一个rapper
设计神器
全部神器
想更深入了解和学习iOS，那么这款宝藏APP你一定要装上！
神器推荐
把想象变成现实？这个人工智能网站堪称神器！
神器推荐
被疯狂吐槽的百度，也有5款鲜为人知的良心产品
神器推荐
免费打包！圈内大神的400+页PPT源文件开放下载啦！
神器推荐
课程
爆款课程！零基础C4D实战就业班
涨薪指数
技能点 · C4D
涨薪必备
名师亲授
课程
如何快速创作火爆全网的手绘作品？
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
课程
插画学到什么程度，才够接私单赚钱？
涨薪指数
技能点 · 手绘插画
接单涨薪
快速入门
课程
为什么阿里和OPPO超爱这类插画风格？
涨薪指数
技能点 · 手绘插画
高效实战
百万人气
求职招聘
发布职位
美术指导
西安
大专及以上
2年以上
6k-11k
高级体验设计师/设计专家
杭州
大专及以上
经验不限
25k-50k
网站内容运营
武汉
大专及以上
经验不限
4-6k
查看全部
行业新闻
发布行业新闻
北京市政府国际网站面向大众征集标识和推介名称
活动赛事
联想企业购官网设计大赛开启，实现作品创新与思维碰撞
活动赛事
「世界的中国」2021大湾区设计盛典成功举办，向世界呈现中国设计
活动赛事
查看全部
热门频道
设计专题
热门设计知识精挑细选
查看专题
细节猎人
1分钟小短文揣摩设计真谛
查看猎人
优设读报
行业资讯一站知晓
查看读报
优设琅琊榜
顶尖设计作品聚集地
查看榜单
行业新闻
行业大事小事全知道
查看新闻
设计话题
高手大咖在线答疑解惑
查看话题
