栅格

共 280 篇文章 · 第 3/35 页

栅格中的视觉锚点设置

在规整的栅格版面中设置视觉锚点,打破单调感。锚点可以是跨多列的大图、特殊字体的标题或色彩强调区域。

阅读全文 →

栅格系统的命名与设计规范

建立清晰的栅格命名规范,让团队成员在沟通栅格布局时有共同语言。良好的命名规范提升协作效率。

阅读全文 →

栅格在移动端设计中的特殊考量

手机屏幕的窄宽比决定了其栅格设计与桌面端有本质不同。移动端栅格通常更简洁、更灵活。

阅读全文 →

栅格与视觉层次的协同构建

栅格为视觉层次提供空间框架,视觉层次让栅格中的内容有序呈现。两者相辅相成、缺一不可。

阅读全文 →

栅格设计中的例外处理

总有一些内容无法完美适应标准栅格。为特殊情况设定例外规则,在保持一致性的同时不失灵活性。

阅读全文 →

可切换栅格的设计思路

同一内容在不同栅格布局下呈现——列表视图与网格视图的切换即是最常见的可切换栅格应用场景。

阅读全文 →

栅格中的对齐与偏移技巧

将元素放置在栅格的不同列起始位置,产生错落有致的视觉效果。偏移对齐是丰富栅格版面的有效手法。

阅读全文 →

栅格设计的工具与交付

从纸笔草图到设计软件的栅格设置,再到前端代码的栅格实现——栅格的工具链覆盖设计到开发的全流程。

阅读全文 →