好设计不在内容多,广告设计需要留白

倒数的时间
倒数的时间 这家伙很懒,还没有设置简介...

0 人点赞了该文章 · 16 浏览

  日本的设计有一个最大的特点就是极简,极简意味着留白。所以我今天为大家讲解下留白在网页设计当中的运用。留白,也可以称为负空间。留白并非只是简单的指白色空间部分,它也可能是同个网页下的各个元素的空白空间。下面就是好设计不在内容多,广告设计需要留白。


  1、图片留白

  图片留白就是在图片的设计上,处理好标题和主题图/背景色之间的关系,切勿因为要表现主题而堆砌一堆文字或是元素,要知道,适当的舍弃效果会更佳。

  这是原研哉为无印良品设计的系列海报中的其中一张,利用地平线的透视对视觉产生强烈的冲击力,加上“无印良品”文字LOGO,再没有其他多余的元素,但足以体现了以“人”为中心的设计思想,也很好的凸显了无印良品的主题。图中没有过多的元素,也没有过多的解释性文字,但是无印良品的品牌特点反而得到体现。

我的微信二维码,如有需求,欢迎扫一扫

  2、文本留白

  文本留白就好理解很多,这里的文本指的是区块当中的文字段落。写过网页的大家都知道,在区块中有Margin和Padding的设置,还有段落的行距设置。标题和段落之间,行与行之间,适当的留白可以让文字有一定的呼吸感,也方便浏览者去阅读。

  这里的Margin和Padding指的是网页设计中元素标签外部范围的区域。参考下图可以帮助理解。

  适当的留白空间可以影响用户的视觉流,下面我给大家举个例子看看:

  可以从上图看出,文字段落之间不留白可读性不高。右边的标题和段落之间、行与行之间和段落与段落之间都留了一定的距离,所以整体会显得更为整洁和可读性高,这些在网站当中用Margin、Padding和Line-height可以来调整留白的大小。切记,行距大小不是越大越好,一定要适当。我用蝉知建站,一般给客户设置的段落行距都是1.5倍,标题与段落之间的留白大约在20px,大家可以作为参考。

发布于 2022-12-09 16:38

免责声明:

本文由 倒数的时间 原创或收集发布于 火鲤鱼 ,著作权归作者所有,如有侵权可联系本站删除。

火鲤鱼 © 2025 专注小微企业服务 冀ICP备09002609号-8