栅格系统 | 优设网

学会用栅格系统，普通LOGO秒变高大上！

经常看到很多 LOGO 初看一般，但只要加上了栅格线，感觉瞬间就上了一个档次。那这些栅格线只能拿来展示吗?

2020-01-08 Kanhaiya Sharma logo设计 栅格系统

大厂高手出品！中台组件设计指南：系统布局

本文将为大家分享 Web 端的系统布局，从基本布局初识、网格、布局模块到栅格进行完整链路内容整合，并以简单易懂的案例与大家进行探讨。

2019-12-19 熊细辉Neo UI 中台系统

看不懂不会用的栅格系统，这篇帮你彻底掌握它！

经典的栅格系统到底该怎么用?本文用超多案例让你完全掌握这个知识点。

2019-05-17 Christie Tang 彩云译设计 栅格布局

新人来收！10分钟帮你掌握栅格系统基础知识！

编者注：看过很多栅格系统的科普，还是看不懂?那本文绝对值得你花十分钟试一下!

2018-12-24 蜗牛醒入门 栅格布局

基础知识！UI设计师需要掌握的栅格设计原理和技巧

编者按：本文适合对栅格系统不熟悉的新人阅读，大量的配图和深入浅出的阐述可以让你快速理解什么是栅格系统。马小晴：我们都知道在平面设计里，运用网格辅助设...

2018-11-22 马小晴入门 栅格布局

细节大揭秘 全部细节

可以与爱豆更靠近的好功能～爱了爱了

好功能搜狗输入法 iOS

使用这个新手势，你能在「网易云」更快找到喜欢的歌曲

手势交互网易云音乐iOS

如何避免线上会议忘关摄像头的尴尬？

设计逻辑 Zoom iOS

小号太多切号麻烦？微博国际版的这个小功能你有发现吗？

用户体验微博国际版 iOS

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

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

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

超全面！栅格系统及其在后台设计中的应用总结

@UX-BOY ：关于栅格系统的文章不少，但鲜有专门针对栅格系统在后台设计中相关应用的文章。本文希望抛砖引玉，能引起更多同行的交流与讨论。

2018-09-01 UXBoy 栅格工具 栅格布局

饿了么高级设计师：界面视觉设计 5 要素

一款 App 或 Web 产品，从用户体验的角度包含了战略层、范围层、结构层、框架层、表现层。而作为 UI 设计师，如果连「表现层」的内容都还一知半解就去盲目地学习其...

2018-04-11 彭彭图标 字体

UI 新手福利！iOS系统图标栅格系统全方位解密

今天跟大家聊一聊如何制定iOS的系统图标栅格系统的那些事。众所周知，在图标设计中都会使用统一的系统图标栅格系统。

2018-01-04 UI 酷设计 App图标 IOS

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

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

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

高手的平面课堂！网格系统的入门基础知识+案例演示

很多同学反馈看不懂网格系统，也不知道应该怎么用，所以优设特意邀请了平面高手@研习设K先生为大家写一篇网格系统的入门基础知识，附上案例演示，相信看完这篇...

2017-05-22 程远栅格 栅格系统

新手科普文！每个设计师都该懂的栅格系统基础六要素

以前有很长一段时间，我一直搞不明白到底什么是栅格，听过很多解释之后还是云里雾里的，后来发现有很多小伙伴也都有这样的疑问，所以决定分享一下自己对栅格系...

2017-04-23 程远栅格系统 经验分享

让设计更高效！正式为大家安利这个好用的「8点栅格」

作为设计师，就算你不使用栅格系统，那你也至少会频繁地接触到“栅格”这个概念。无论是设计网站、杂志，还是app，各类栅格应有尽有。

2017-03-03 程远栅格 栅格布局

网页设计中，如何突破栅格的限制又保持协调？

现如今，栅格已经几乎是所有网页设计的基础。这些隐形的线条创造出空间的节奏感和视觉的流畅感，他们是让网页变得更加和谐的基础。

2017-01-22 陈子木栅格 栅格布局

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

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

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

网页的脊梁！20款素质过硬的响应式CSS栅格系统

栅格系统这种东西和许多同类工具/素材一样，“系统”二字让它看起来无比高大上，而实际上大多数的栅格系统只是一系列纵横交错的细线构成。很简单?

2015-09-24 陈子木 css 栅格

揭秘！让作品秒变高大上的LOGO网格全方位科普

许多设计都将网格的建立作为设计Logo的第一步骤，网格系统可以助你保持视觉协调、美观、有条理，并明确设计的目标。那么到底LOGO网格是什么，有哪些常规样式，使...

2015-08-27 程远 ICON logo设计

设计师版式宝典！从零开始教你掌握网格系统

编者按：有很多刚入门的设计师并不了解网格系统，也不会利用网格系统来让画面更加有条理，更可以让内容更易读，实际上它是超级实用的工具，今天分享一篇基础教...

2014-09-20 程远栅格系统 网页设计

Grid运用实战！帮你轻松掌握Grid的进阶教程

编者按：这是一篇简单的入门教程，适合对Grid 还一知半解的同学阅读，前面的基础知识普及一说就懂，后边的Grid侧边栏实战也能让很多设计师借鉴避免踩雷，不长的文...

2014-08-27 程远栅格系统 经验分享

提升网页设计感的实用方法：合理利用对齐

利用栅格系统进行对齐，这是很常见的事情。本文谈论的对齐可不是简简单单的左对齐和右对齐，我们谈论的是整体角度上对齐的一些方法。

2013-12-04 ranger 对齐 栅格系统

热门频道

设计专题

细节猎人

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

优设读报

行业资讯一站知晓

设计话题

高手大咖在线答疑解惑

行业新闻

行业大事小事全知道

设计大赛

专业承办设计赛事活动

设计法则

用超多易懂的案例帮你学会经典设计法则

每次在做项目总结的时候，总想列举一些法则和方法论来增加总结的专业性以及可信服度，但是总有些熟知的方法却怎么也叫不上名字，所以有了这个专题，敦促自己在做设计的时候不要留于表象，有理可循。

查看专题

大厂神器

顶尖团队出品，质量有保障

本专题收集了国内外各个大厂（阿里巴巴、腾讯、微软、谷歌）出品的多个设计神器。从人工智能设计平台到矢量图标平台，从动效制作到图片压缩应有尽有，而且大部分都是免费的，收藏起来以后肯定用得上！

查看专题

菜单 优设网 - UISDC

栅格系统已发布文章23篇

学会用栅格系统，普通LOGO秒变高大上！

2020-01-08 Kanhaiya Sharma logo设计栅格系统

大厂高手出品！中台组件设计指南：系统布局

2019-12-19 熊细辉Neo UI中台系统

看不懂不会用的栅格系统，这篇帮你彻底掌握它！

2019-05-17 Christie Tang 彩云译设计栅格布局

新人来收！10分钟帮你掌握栅格系统基础知识！

2018-12-24 蜗牛醒 入门栅格布局

基础知识！UI设计师需要掌握的栅格设计原理和技巧

2018-11-22 马小晴 入门栅格布局

可以与爱豆更靠近的好功能～爱了爱了

好功能 搜狗输入法 iOS

使用这个新手势，你能在「网易云」更快找到喜欢的歌曲

手势交互 网易云音乐iOS

如何避免线上会议忘关摄像头的尴尬？

设计逻辑 Zoom iOS

小号太多切号麻烦？微博国际版的这个小功能你有发现吗？

用户体验 微博国际版 iOS

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

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

超全面！栅格系统及其在后台设计中的应用总结

2018-09-01 UXBoy 栅格工具栅格布局

饿了么高级设计师：界面视觉设计 5 要素

2018-04-11 彭彭 图标字体

UI 新手福利！iOS系统图标栅格系统全方位解密

2018-01-04 UI 酷设计 App图标IOS

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

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

高手的平面课堂！网格系统的入门基础知识+案例演示

2017-05-22 程远 栅格栅格系统

新手科普文！每个设计师都该懂的栅格系统基础六要素

2017-04-23 程远 栅格系统经验分享

让设计更高效！正式为大家安利这个好用的「8点栅格」

2017-03-03 程远 栅格栅格布局

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

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

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

网页设计中，如何突破栅格的限制又保持协调？

2017-01-22 陈子木 栅格栅格布局

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

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

网页的脊梁！20款素质过硬的响应式CSS栅格系统

2015-09-24 陈子木 css栅格

揭秘！让作品秒变高大上的LOGO网格全方位科普

2015-08-27 程远 ICONlogo设计

设计师版式宝典！从零开始教你掌握网格系统

2014-09-20 程远 栅格系统网页设计

Grid运用实战！帮你轻松掌握Grid的进阶教程

2014-08-27 程远 栅格系统经验分享

提升网页设计感的实用方法：合理利用对齐

2013-12-04 ranger 对齐栅格系统

热门频道

设计专题

热门设计知识精挑细选

细节猎人

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

优设读报

行业资讯一站知晓

设计话题

高手大咖在线答疑解惑

行业新闻

行业大事小事全知道

设计大赛

专业承办设计赛事活动

优设读报 2020年2月29日 星期六

设计总监（UED）25k-50k

北京本科及以上6-10年

云智慧

资深文案编辑8-10k

武汉本科及以上1-3年

优设网

体验设计专家面议

上海本科及以上3-5年

盒马

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

趋势流行基础必备

有高手吗？想学这类美到极致的古风人物插画！

创意风格热门趋势

菜单优设网 - UISDC

2019-12-19 熊细辉Neo UI 中台系统

2018-12-24 蜗牛醒入门栅格布局

2018-11-22 马小晴入门栅格布局

好功能搜狗输入法 iOS

手势交互网易云音乐iOS

用户体验微博国际版 iOS

2018-04-11 彭彭图标字体

2018-01-04 UI 酷设计 App图标 IOS

2017-05-22 程远栅格栅格系统

2017-04-23 程远栅格系统经验分享

2017-03-03 程远栅格栅格布局

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

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

2017-01-22 陈子木栅格栅格布局

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

2015-09-24 陈子木 css 栅格

2015-08-27 程远 ICON logo设计

2014-09-20 程远栅格系统网页设计

2014-08-27 程远栅格系统经验分享

优设读报 2020年2月29日星期六

PS の技巧大全

优设专题全部专题