什么是网格设计?

发布者: 乾学优行者 发布时间: 2020-9-2 浏览 193
  什么是网格设计?网格设计主要运用在两大场景,一个是印刷读物,比如海报、书籍、封面等,而另外一个就是电子设备的荧幕,比如 iPhone、iPad、Windows 等,常见于 APP 设计、H5设计及 Web 设计中。在这些不同场景的网格设计中,都会有一些很通用的基础组件部分,如边距、列宽、水槽、以及交叉的模块,正是这些基础的元素组成了复杂的网格系统,今天我们就和零基础学ui设计的新人一起分析网格设计。

什么是网格设计?

  一、网格边距

  app设计中网格边距指的是内容外部边缘距离容器的空白距离,在纸质设备中,容器就是纸张的大小,在界面设计里,容器就是设计稿的尺寸分辨率。这个边距,一方面是为了信息不超出安全距离,二方面也主要是为了让内容看起来,能更加的聚焦在中心区域,以防信息太过于贴边导致的不利于阅读。

  二、列宽及水槽

  除去边距,在内容区域的中心部分,网格主要由列宽及水槽组成,列宽就是每列中间的宽度,水槽就是每两列的中间预留区域。列决定网格的复杂程度,而水槽决定内容的疏密程度。推荐阅读>>>作品集的排版设计需要注意什么?

  三、交叉模块

  这个指的就是网格中的交叉区域,实际上是一个空间单位。我们可以把固定的图片或者是段落,直接填充在这个模块里。当然,后面也有案例来解读。

  什么是网格设计?相信说到这里,大家都了解了什么是网格设计,应该如何运用网格进行设计规范。

本页网址:https://www.u-walker.com/app/3028.html

上一篇: 在海报设计中运用的设计技巧

下一篇: 视觉设计需要掌握哪些流行趋势?

相关推荐

预约报名

免费试学 先学后付 预约试听 证书认证 就业薪资






400-073-5855
返回顶部