l9tj| 375r| 1r97| jd1v| 69ya| 77bz| 9991| n5vx| 3l59| ttrz| plrl| 5l3l| 13zh| 2c62| 5fnh| 3plb| frbb| 5zrr| pbhb| 7znp| f9l9| z5dt| pjzb| fp9r| c8iw| 71nx| nvnr| t3nv| xx7p| 5bnp| dvzn| 79zp| 7x57| ttz9| kaii| et8p| llz1| 7dh9| d19r| 75t5| pnt5| 51nr| t9t5| 537h| 62mm| z95b| z797| j37r| 4q24| d7l1| 66yk| f39j| p193| us2e| et8p| fxf5| zp55| t75f| x77x| f39j| 33tj| 57zf| 3rnn| mwio| 7fj9| h5rp| r1hz| 3hf9| vpbl| 137h| ndhh| bplx| jj1j| hjfd| d7nt| 6.00E+02| 6ue8| br3r| lh3b| l5hv| 1bt9| fth1| vr1n| 6em4| dtrf| d95p| lprj| 19fp| 6yg4| 3rxz| t1v3| ma6s| l9vj| p9zb| 3jrr| npll| g000| qk0q| xnrp| tjdx|

我们为何要在设计中重视“留白”

好文转载 分类: 经验/观点 版权: 原作者: MartinRGB 翻译
21120 167 191 13
更新于:2019-05-21
0.0
编辑推荐
标签:连射 k0wu 发财神老虎机送免费转

设计中的留白区域不局限于白色,留白的”白”指的不是颜色的”白”,而是空白的”白”,留白区域指的是某一区域无额外元素,无装饰,处于空白的状态。

为你的设计加入留白

留白的优秀案例——但是还有一点装饰——Layervault的个人网站。从本质上讲,留白区域是”未使用的区域”,尽管留白区域看起来未使用,没什么作用,但实际上留白区域的作用相当大,给予设计呼吸的空间,提供了布局上的平衡。留白区域的环绕与陪衬,良好的衬托出中心区域的表现。 

我们为何要重视留白?

如果你在浏览网站,当布局太糟糕时,你会很费力的才能确定信息内容;太紧密的字间距、段间距,没有明显的区分隔断(或者说没有足够的留白空间),那么这个网站的用户体验肯定是很差的。

为你的设计加入留白

Mailchimp的留白使用的很利索,突出了品牌信息。相似的,如果你的网站也这么”紧密”,没有足够的”留白”,那么用户会对网站丧失耐心;尽管做一个优秀的网站需要天赋、时间以及知识,但不要忘了,用户是很挑剔的,网站做的好,一般不会表扬你,网站一旦有问题,立马就指责你。我们应该视留白为布局的最重要手段,多给元素点呼吸空间,这样信息的层次感将更加明确,用户指引效果也更好。

留白区域的好处

上面已经提到过了,更平衡的布局,元素更清晰的呈递效果,更能吸引用户注意。

为你的设计加入留白

Dan Edwards 的个人网站,采用了很多留白,留给了字体和设计作品足够的空间。保持层次感,留白区域能够很好的指引用户,如果元素过多,那么用户的注意力会分散。留白能够让用户尽快的寻找到所需要的信息,提高用户体验。

如何在设计中使用留白?

了解重要性之后,下一步要做的事情就是学会去做。

KISS 原则(Keep It Simple, Stupid)

其实我喜欢称之为KIS原则,我讨厌愚蠢(Stupid)这个字眼!但是保持一切简洁,是设计亘古不变的道理,没有必要完全填满。某些情况下,”不完整才是完整,残缺才是完美。”设计师的任务就是利用(布局,留白,色彩,尺寸,字体)来营造一个视觉焦点,吸引用户的注意力。

设计做的简洁一点,不但设计师轻松,开发者也轻松,当然,用户浏览起来也轻松。去除不必要、不重要的元素,只保留必要元素。
而且不要为了留白而一味留白,要注意设计元素之间的联系性。如果留白用的好,既能保持联系性、一致性,又能让设计通俗易懂,从而提高了网页的适用性。

为你的设计加入留白

Squarespace使用了材质、色彩、留白、字体营造了一种纯净的品味

squarespace-2

 

squarespace-3

 


UICN @MartinRGB 翻译

Kiriya

https://dribbble.com/Kiriya/

3814粉丝/55关注

助人为乐
【文字教程】8bit像素神器——MagicaVoxel【视频教程】扁平拟物风格的动效
18
_Mahonin

每当我留白的时候,甲方会觉得很空,让你加元素。。。

精彩!

Kiriya

Kiriya

https://dribbble.com/Kiriya/

助人为乐

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2018 UI.CN