留白设计是一种高端艺术,要懂得在网页设计中运用负空间

2017-05-21 热度 - 生活日记

所谓留白,是指在网页中除字体本身所占用的版面空间之外的空白处,我们通常也称为“负空间”。实际上,负空间的概念并不仅限于网页设计中,在家装、建筑设计、城市规划、服装设计等领域都有不凡的应用。

当然,留白,并不是指必须要留有白色,它可以是其他的色彩,甚至是大背景图,它主要为网页创造一种视觉空间感,从而打造一种高端的品味、精致优雅的氛围。

这是一个JQuery插件的网页设计,它保留了充足的大量黑色背景图的负空间,配合亮蓝的前景色和纯白的文字设计,提升了整个页面的清晰度,让这些元素更加易于辨认。

basicModal 对话应用系统,是当前比较流行的一个Web应用程序。它的网页设计中采用了更多的留白处理,既显得简约大气,又可以很好地引导用户产生视觉聚焦。

一个用于在网站设计中创建小图标的工具,它的设计采用纯白底色,少量的文字内容居中显示,两边留有大量的负空间,这样可以很好地适用不同尺寸的屏幕。

OUTLINE 是一款简洁的Web UI 框架。网页设计中除了大背景的留白外,就只有文字展示,采用这种设计风格也是为了更好地体现他们产品“轻量、简约”的特征。

Pintsize 同样是一款 Web 框架产品,其网页设计采用了大面积的橙色负空间,Logo和下载按钮的纯白色设计,能够让访客很容易记住它,并能轻松地找到自己想要的东西。

这是一款网页图像水印工具,同样是采用了负空间设计,有大量的紫色背景留白区域,并将其主要内容放在中间展示。

Radium 是一个用来管理内联样式的工具,它可以在CSS之外提供更为强大的功能。Radium 的网页设计中,上半部分保留了充足的红色负空间,而下半部分使用了白色负空间,使整个页面感觉错落有致,Logo清晰可见。

打赏激励--若您觉得本文对您有所价值,请给我们打赏,这将是我们前进路上源源不绝的动力。
  • 请用 微信 给我们打赏

  • 请用 支付宝 给我们打赏

  • 扫一扫直接在微信中阅读

加群交流
本站群号二:41794974,本群适用于讨论dedecms模板制作、标签调用、问题求助、二次开发等相关话题。为营造良好的群内环境,拒绝闲聊、广告、黄赌毒等出现,一经发现违规,直接踢出。谢谢合作!
在线分享
  • 微信好友
  • QQ好友
  • QQ空间
  • 腾讯微博
  • 新浪微博
  • 豆瓣网
  • 百度贴吧