网站设计中如何运用空白空间？

发布网友发布时间：1小时前

共2个回答

热心网友时间：37分钟前

1、图片留白
图片留白就是在图片的设计上，处理好标题和主题图/背景色之间的关系。选择高质量的图片。
2、文本留白
文本指的是区块当中的文字段落，行与行之间适当的留白，能给文字一种呼吸感，不会显得那么拥挤。根据整体页面调整行距，依靠自己的审美观把握适当的距离。
3、区块留白
在网页设计当中，区块与区块之间也要适当留白，不同的留白可以区分不同的区块和同一区块之间的层次。留白能够增加或者降低元素的易见性，元素周围留白越多，越能醒目突出。
4、布局留白
设定一个固定的宽度大小且居中显示，然后主体部分两侧留出一定的空白区域，这就是布局留白。

热心网友时间：36分钟前

说起留白，很多奢华品牌网站都邪魅一笑：悄悄地用着，出声的不要。哼哼，偏偏不让你得逞，今天@十万个为什麽从留白的用色、可读性、搜索流畅度等方面跟童鞋们分享了留白的使用技巧，听我说，为了广大设计师的贴身福利，帮转一下吧 ლ(ಠ_ಠლ)
@十万个为什麽：所谓留白，有时也称作负空间，两者是同一个概念。尽管这个术语尤其指留“白”，但它所指的区域并不一定要是白色的。它只是网页布局中环绕各元素的空白空间。
这样的空间体现为多种不同形式，例如图片、图表、缝隙、外边距、列甚至一行行文字之间的空间。尽管它似乎“空无一物”，里面没有任何其他设计元素占据一席之地，但我们不应该如此看待它。视之为“无物”，也许打造美感与表现力的机会就流失了。
处理得当的话，留白确实可以为网页设计带来大量的益处。不应减少网页设计中的留白，相反，应该增加网页中的负空间。一些知名的大众品牌已经在朝这个方向前进，更多的设计师们也在追随他们的脚步。
更多的留白，等同于更奢华的品牌与网站
客户往往要求设计师尽可能用尽网页里的空间，因为网页中的空间是昂贵的，只有有限的屏幕来展示信息。无论如何，反其道而行之——增加留白——促使设计师在更严格约束的空间中，打造更加光鲜的品牌信息。
另外，大家会觉得，留白更多的网站，它的内容比屏幕空间更重要。所以，品牌也显得更尽奢华，因为它牺牲了更多屏幕空间，反而将焦点汇聚在内容信息上。
奢华的品牌了解这层隐喻，通常都使用更多留白来达到这一确切效果。PotteryBarn是个知名的高档家具零售商，它的网站很聪明地使用了留白，恰恰反映了这一点。留白支配了主页，页面旁边大片的留白，更好地将访问者的注意力集中在页面中间的交易与促销信息上。甚至页面顶部的品牌名称本身，也在字符之间慷慨地运用了留白。