前端里科技设计出品
扫一扫联系秘书Potato

联系秘书Potato

留白设计是一种高端艺术,要懂得在网页设计中

前端里2016-09-21经验之谈

📢《警告》

本站所有资源采用网上代码进行二次修改,只提供技术开发测试交流、娱乐使用。请勿将网站中涉及技术、资料、源代码用于非法或其他用途,由此产生纠纷问题均与本站无关!
请勿一来就要演示,本站上挂着演示的才有演示。同行或记者套路演示者请自重,请把时间花在有意义的事情上。
自以为是、不尊重别人劳动成果的以为自己在菜市场买菜请移步百度搜索、各大收费论坛自行免费下载!
本司承接各类程序开发、出售整套源码、软件搭建或二次开发或代运维,源码类都具备二开能力,棋牌组件除外(部分接受定制)。
温馨提示:(清者自清,咨询请直接QQ即时对话,意向合作只接受Potato交流,无意向请勿打扰!)。

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

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

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


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

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

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

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

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

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

文章关键词
一种
留白
高端
艺术
懂得
设计