界面设计中,如何使用网格布局?

发布者: 乾学优行者 发布时间: 2020-09-02 浏览 169
  界面设计中,如何使用网格布局?那么在界面设计当中,如何使用网格来约束版式,让设计看起来更整齐、更规律、更美观?其实方法一样的,无非只是容器的不同。那么零基础学ui设计新人应该如何使用网格布局呢?

界面设计中,如何使用网格布局?

  一、先定边距

  在规划网格之前,咱们的第一步实际上是需要先定内容到容器的边距,这个边距定好了后,咱们才能开始后面的网格制定。通常在APP设计中,常见的边距有24、32、40,这3个单位,信息比较密集的,通常会使用24这个单位,而信息比较宽松,偏工具型的产品,则会使用40的这个单位。当然,也有很多产品,选择了比较中立的32。

  二、确定列数

  在确定了边距之后,很重要的一步就是需要确定列数了。定义使用多少列,这个直接会影响到页面的信息疏密以及灵活程度。在APP设计中,比较流行的有 4-6 列,而在Web设计中,10-12 列则是非常的主流。推荐阅读>>>图片在APP设计中需要注意的关键点?

  一、水槽高度

  在移动端设计中,我建议水槽的距离,最小尺寸为16,其次以4为单位往上递增,比如16、20、24、28、32、36,可以根据产品的类型来定义这个水槽的宽度。如果你的屏幕信息密度很高,那么我建议使用20、24这种小距离的,如果密度非常低,整个屏幕里都没什么内容,那么可以使用32、36等大水槽边距。

  界面设计中,如何使用网格布局?熟练的使用网格布局,能让设计的细节更严谨,也能更提升用户的视觉体验。

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

上一篇: 在ui设计中常见的三种网格设计

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

相关推荐

预约报名

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






400-073-5855
返回顶部