第 45 期 优设零基础训练营招生中，教你精通熟练PS、AI、AE！ 报名戳>>>
经典的栅格系统到底该怎么用?本文用超多案例让你完全掌握这个知识点。
编者注：看过很多栅格系统的科普，还是看不懂?那本文绝对值得你花十分钟试一下!
编者按：本文适合对栅格系统不熟悉的新人阅读，大量的配图和深入浅出的阐述可以让你快速理解什么是栅格系统。马小晴：我们都知道在平面设计里，运用网格辅助设...
@UX-BOY ：本文主要与大家分享如何利用栅格系统完成后台页面响应式设计，介绍响应式设计的思路与方法。一、什么是响应式?
@UX-BOY ：关于栅格系统的文章不少，但鲜有专门针对栅格系统在后台设计中相关应用的文章。本文希望抛砖引玉，能引起更多同行的交流与讨论。
一款 App 或 Web 产品，从用户体验的角度包含了战略层、范围层、结构层、框架层、表现层。而作为 UI 设计师，如果连「表现层」的内容都还一知半解就去盲目地学习其...
今天跟大家聊一聊如何制定iOS的系统图标栅格系统的那些事。众所周知，在图标设计中都会使用统一的系统图标栅格系统。
Z Yuhan : 我曾经很推崇 Material Design 的响应式栅格系统，花了不少时间去理解那几张复杂的图表和几张酷炫的动态示意。可当真正需要用到响应式这东西时，在做完竞品...
很多同学反馈看不懂网格系统，也不知道应该怎么用，所以优设特意邀请了平面高手@研习设K先生 为大家写一篇网格系统的入门基础知识，附上案例演示，相信看完这篇...
以前有很长一段时间，我一直搞不明白到底什么是栅格，听过很多解释之后还是云里雾里的，后来发现有很多小伙伴也都有这样的疑问，所以决定分享一下自己对栅格系...
作为设计师，就算你不使用栅格系统，那你也至少会频繁地接触到“栅格”这个概念。无论是设计网站、杂志，还是app，各类栅格应有尽有。
现如今，栅格已经几乎是所有网页设计的基础。这些隐形的线条创造出空间的节奏感和视觉的流畅感，他们是让网页变得更加和谐的基础。
编者按：互联网带来的变化是翻天覆地的，这种变化不仅仅表现在它对于外部世界、对于我们生活的影响，它本身的转变则显得更加巨大。而设计领域在互联网的影响之...
栅格系统这种东西和许多同类工具/素材一样，“系统”二字让它看起来无比高大上，而实际上大多数的栅格系统只是一系列纵横交错的细线构成。很简单?
许多设计都将网格的建立作为设计Logo的第一步骤，网格系统可以助你保持视觉协调、美观、有条理，并明确设计的目标。那么到底LOGO网格是什么，有哪些常规样式，使...
编者按：有很多刚入门的设计师并不了解网格系统，也不会利用网格系统来让画面更加有条理，更可以让内容更易读，实际上它是超级实用的工具，今天分享一篇基础教...
编者按：这是一篇简单的入门教程，适合对Grid 还一知半解的同学阅读，前面的基础知识普及一说就懂，后边的Grid侧边栏实战也能让很多设计师借鉴避免踩雷，不长的文...
利用栅格系统进行对齐，这是很常见的事情。本文谈论的对齐可不是简简单单的左对齐和右对齐，我们谈论的是整体角度上对齐的一些方法。
今天我们来聊聊网页设计中的网格系统。网格确保了设计结构的组织分明、结构明晰。
写说说 辅助线神马的最给力了~~ 一、你的辅助线的样子是准确的还是随意的?杂乱的辅助线 准确又整齐的辅助线 二、辅助线基本操作 新增：通常做法是在显示标...
网站匠心之重，应该有掌声。
杂志这个好赞啊，但是每次做设计的时候好像没注意这些原理呢
炒鸡有质量
时尚是个轮回
在公司看有点鸭梨
iPad 插画课，从造型到质感，从临摹到原创
无需手绘板，零基础也能快速学会
今年最火的插画风格，有PS就能轻松学会
用20%的核心技法，做出80%的常见效果
7年插画经验，总结出一套万能配色方法
每天官微五分钟一年萌新变大神
每天10篇设计干货300万设计师关注！
网站匠心之重，应该有掌声。