设计中的留白运用

什么是留白?

留白在设计上可以叫呼吸感,也可以叫空间,还可以叫负形,代表一个页面中的空白区域。在视觉设计中,一般是指页面中的文字、段落、图片、按钮、图标等之间的间距,它可以使任何颜色、纹理、图案或者背景。

留白的适当使用,可以做区隔内容,运用空间来帮忙分组内容,让用户更加明确每个模块有什么内容;提高用户的聚焦视觉,突出主体信息;同时提高易读性,通过留白,更聚焦内容,同时信息更加简单,区分了模块之间的关系,为用户提供了很好的视觉引导,从而使得用户的理解成本更低。

留白的类型有哪些?

  • 负留白

负留白主要是负形留白,直接决定了设计的整体美感,为页面提供呼吸感,同时能很好的增加视觉层次,引导用户关注核心元素内容。

  • 正留白

与负留白相反的就是正留白,它不仅需要考虑四周的空间和留白,同时还需考虑元素本身的大小。核心元素和周围的空间对比,通过改变元素本身大小,创建画面感和规则,起到了很好的控制画面层次结构。

  • 内部留白

内部留白顾名思义就是容器里的留白,也是我们所说的间距,例如文字和文字之间的间距,图片和文字之间的间距,按钮四周的间距等,这种留白灵活性较大,需要注意一致性和规则,所以在设计前期需要定义好间距规则,行间距规则,让界面都在一整套的体系内。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值