服务时间:8:30-18:00

首页 >UI设计网

设计留白的6种方法

发布时间:2022-08-14 10:52 字数:735字 阅读:123

设计留白的6种方法,从国内外优秀的设计作品中发现,它们都会留白,充分利用了纸张的空间、色彩的留白、边距的大小、字体的行距与版式等,只刻画一个视觉焦点,吸引用户的注意力。

设计留白

1.留出来的主角

如果把留白比喻为一个舞台的话,那么相对空出来的便是画面的主角。对主角进行细节的刻画,对配角进行必要的弱化,是留白设计的必要过程。如果整个画面塞得严严实实、密不透风的话,会让画面主次不分,并且显得拥挤和呆板,让人喘不过气来。

2.留白即是留空

大面积的留白能让画面充满透气感,“空”无一物的画面更容易让人产生联想,就像大海的宽广、草原的辽阔一样,能给人无限的想象空间。假设画面中出现某个物体,人们就会立刻关注到它。

3.留出来的层次

留白有助于引导用户的视线,为设计建立层次感。当主角元素的周围留出大面积的空白时,用户的视线会马上移到被留白包围的元素中,从而使主要内容更好地被用户关注到。

4.留出来的颜色

留白,还可以用于突出颜色本身具有的色彩情感,让颜色更纯粹。利用有颜色的留白,可以带给页面均衡感,也可以使页面更加丰富。

5.留出来的风格

电商页面中的空间是昂贵的,给页面或主要视觉元素增加留白并不是所有需求方都能接受的一种设计方法。留白设计更多是建立在以追求“高大上”感觉为主的品类和活动目的中,大面积的留白处理能更好地突出品牌的调性和商品的特性。

6.留出来的大气

敢留白:大量留白会使页面有空间感,不会因为页面内容密密麻麻而让人产生厌恶感。

尽量少用颜色:太多的颜色如果控制不好,很容易失去页面的整体平衡感。在设计前需要确定一个主色系和辅助色系。

使用最精简的元素:不添加无谓的设计元素,以免给用户造成视觉干扰,只保留核心和必要的关键元素,并且对关键元素进行细节刻画