栅格 - 设计经验 - 素材集市

Figma 栅格系统实战：从 8pt 规则到可复用的布局组件

这篇教程用一个可复用的页面框架示例，手把手教你在 Figma 里建立 8pt 间距体系、桌面平板移动三档栅格，并把栅格规则封装成可套用的 Auto Layout 布局组件，让后续做海报、落地页或后台页面时对齐一...

教程分享 22小时前 0

页面不干净往往不是元素太多，而是对齐关系不稳定。本文从栅格的选择、列宽与间距、对齐线管理和响应式变化讲清如何用网格建立秩序，让布局更稳定。

设计经验 6天前 0

图标不统一会让界面显得杂乱、降低可信度。本文从线宽与端点样式、网格与留白、语义映射与命名方法出发，讲清如何把一套图标做成可维护的体系。

设计经验 6天前 0

网格的价值不在于把设计做成方块，而在于把间距和对齐变成可复现的规则。本文从8px体系到列网格，讲清楚网格怎么选、怎么用，以及如何在复杂页面里保持稳定。

设计经验 7天前 0

用栅格与组件约束快速建立表单对齐体系，减少手调像素的时间。

教程分享 7天前 0

用栅格与组件约束快速建立表单对齐体系，减少手调像素的时间。

教程分享 7天前 0

讲清列数、边距、沟槽的设置逻辑，并给出桌面与移动端的常见配置。

教程分享 1个星期前 0

讲清列数、边距、沟槽的设置逻辑，并给出桌面与移动端的常见配置。

教程分享 1个星期前 0

我们都知道，如果按照图标的实际尺寸设计图标的话，会出现图标视觉大小不统一的问题，那么我们应当如何解决这个问题呢？这个问题就是我们要制定系统图标栅格系统的原因。

设计经验 2018-06-26 0

有了GridGuide 栅格化工具，我们在制作 WEB、响应式、H5网页、VI 等平面设计相关的栅格都会更容易，推荐大家收藏。

设计经验 2016-12-30 0