网页设计中留白的使用技巧

2016-09-22 674 2 编辑:深色多郎 来源:深色多郎

网页设计中有一个非常重要的技巧——留白,当然,不是所有网站留白都好看,要分素材搭配和行业属性,留白是最有力的设计素材之一,它使得文字清晰易读,将注意力吸引至某部分,并且有助于打造整体氛围。

留白和负空间的术语近年来被交替使用,它们指画布(或数码设备屏幕)上不包含任何内容的空间。简而言之,留白就是空白。

但是留白空间不一定要是白色的。这个术语指的是任何与背景相同的空间。所以它可以是白色、黑色,甚至包含微妙的纹理。

空间是所有设计的重要组成。字间距和行间距决定了文字的易读性。如果文字靠的太近或太松散,就很难阅读。关键是找到平衡点。

留白也能把图片和其他元素区分开。回想一下你见到过的杂乱无章的网站。通常问题就在于元素间没有足够的空间。记得在元素和文字间留下足够的边距,为了更加专业的外观,应该进一步使用统一的边距。在设计多列网站时也是同样的道理(即使只有主栏和边栏),在垂直元素间加入适当的空隙,就创造出了明显的划分。

留白还有助于引导视线,为设计建立层次,区分什么是重点和关键点。视线会立即移动到被留白包围的元素上。留白为其中的元素增添了冲击力。

留白是创造平衡、协调的工具,也是组织网站内容的基础。没有留白,如何为元素分组?如何找到导航?你又怎么知道滚动有更多内容,或是应该从左上往右下浏览?所有这些视觉线索,都来自于设计中留白的合理运用。

重点使用留白的地方

虽然有效使用留白是任何设计的重要部分,还是有些地方值得注意。

空白,是广告设计的最高境界,很多人不懂,只有土豪(非歧视)和什么都想要的那种人,才会把所有屏幕塞满!

爱我就找深正互联


本站文章均为深正网站建设摘自权威资料,书籍,杂志或原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享到社交网站,引用和转载,我们谢绝直接复制和抄袭!感谢您...

学习课堂

常见的错误类型

强烈建议开启编辑器的 语法检查 功能,不管是 IDE,还是 GUI 文本编辑器,还是 vim,这样可以避免很多不必要的错误。如果有使用版本控制,可以给对应的软件加上 语法检查 的钩子。

2017-09-25
2016-11-04
2016-07-11
2016-10-19

资讯知识

【揭秘】发光舍利子之谜

前几年,我国的一些寺院相继出现“舍利子”半夜发光的奇迹。漆黑的夜晚,寺院中的“舍利子”竟发出荧荧的磷光,或暗红,或淡紫,或浅黄,美丽而又诡异。舍利子”为什么会发光呢?笃信佛教的人认为...

>2016-07-25
>2016-08-09
>2017-04-05
>2016-07-16
亲,请您联系我们吧

您的疑问,只要您主动联系,将为您得到最专业,最全面的解答,欢迎您询问...