学会网站设计中运用负空间（二）

Tomasz Wysocki’s：西安网站建设

大多数用户*先都会注意到页面标题，也就是“Digital art&Experiments”这句话，而在它外围的则是大面积的留白，这样就使得用户的注意力有效集中于此。

尽管页面的顶部和底部只有一侧留白，但它们也同样可以引起注意。总而言之，在此，留白的区域很好发挥了吸引注意力的作用，而设计也就似乎看上去不可思议的简洁起来。设计师实际上是采用留白区域作为一个空白幕布，以便给观众留下惊喜，好让我们可以看到他的作品的丰富细节。一旦鼠标移动到底部导航的任一栏目时，幕布上就会出现作品的图片作为背景全屏展示。这种效果创造出类似年幼时的一种探索和发现的乐趣：无意间闯入一片空白的场所，发现了每个抽屉都藏匿着丰富多彩的视觉盛宴。

你可以试试鼠标滑过时屏幕上发生的戏剧性效果。

通过留白区域作为工具来诱导用户注意到他的作品，设计师创造出了一种新鲜奇特的体验。在先进个作品出现后，我们就很想看看他还有哪些佳作。这感觉蛮吸引的，因为你将会抑制不住地想要找到较为重要的内容。但这都要建立在一个好的点燃你好奇的切入点基础上。

2、小元素的留白

另一方面来说，当设计师们谈到小元素留白，他们通常是指的较小的元素或是较大元素中的次级元素的留白。他们包括：

• 字体
• 行距
• 段落
• 列表
• 按钮
• 图标

小元素的留白较多被用在强调网站整体的清晰度上面，尤其是在排版的清晰度上。当你试图利用文字间的留白打破平衡，保持清晰易读的同时又能不至于太过而让它偏离了重要的内容。我在这里，仅仅是一个提议，建议将英文行距设置为1.5px较为好。（译者按：这里的作者没有考虑中文字体的行距）

就像格式塔规律中谈到的，让距离较近的元素视觉上更为接近，这将暗示它们具有相同的功能。小元素的留白将会让用户知道按钮与链接之间的关系，而同样的留白将强化这种机制，这在用户使用过程中进一步增强认知度。

尽管留白被分为了大元素和小元素两种类型，每一种类型也有主动与被动两种用法。

被动留白与主动留白

留白的应用其实都是取决于内容。

就像此前谈到的，留白越多，内容的吸引力就越强。但是，你不会想要页面的每个元素都具有较大吸引力，更别提有限的屏幕空间了。

那就让我们看看被动和主动的留白是如何帮助负空间达到视觉平衡的。

1、被动空间

我们把西安网站建设被动的留白视为空的较小化。

没有足够的留白，一个网站将会变得无法阅读而失去方向，所有的精力都被用于对抗视觉的混乱。被动的留白就是用空白区域去试着让网站易于理解。

请看上面的例子，导航里的每个链接间的距离，再看看下面这行文字，行距，字间距等。你能看出什么不同寻常的吗？……答案是你一定找不出。没错！这些空间和距离都是如此微不足道，根本不会引起你的注意。这就是所谓的被动留白。

对于大元素的留白，被动空间意味着足够多的border和margin的空间去强调元素之间的不同，避免混淆。举例来说，就像导航和注册都在网页顶部，但彼此间间隔了一定的距离。对于小元素的留白，被动空间就包括了字符，文字，段落的较大可读性，以及当出现列表或下拉框菜单时，每行文字或每个选项间的独立性。

被动空间的应用应该是自然而然的。实际上，被动留白的主要目的甚至可以说就是不被注意。当你试着营造一块被动空间，那么你要让它看起来不那么引人注意，就简简单单的视之正常为较佳。

当安置好所有的被动空间，接下来才涉及到主动的部分。

2、主动空间

werkstatt：西安网站建设

    在上面的这个网页中页面里有好几个元素：菜单栏按钮、下拉箭头、下拉提示等，然而，屏幕中占据主导地位的是中间的黑色文字，这让其他的元素都放在了周围，设计师放大了中间的留白区域，然后把较重要的信息放在这里，让用户的注意力有效集中于此。

    同时，减少两行元素间的距离，这一过程也许可称得上是一种“隐藏”的方式。就像你常常在网站上见到的法律申明和版权信息一样。请看如下的例子，“FiberSensing is an HBM Brand”的展示效果很容易让人忽略。

大元素的留白通常是用于创造*要的注意力，或是将一堆重要信息分散开来。

然而，有时候小元素的留白也可以采用主动的方式，有的设计师就使用主动的空间将重要的引言或者段落等形成一段文字独立出来而吸引注意。这的确是一个强调重点内容的好办法。

极简主义：西安网站建设

留白越多，也可以说你的页面就越趋向极简风格，你通过删减很多元素来避免凌乱。

极简风格是一种设计的哲学，可以说它不好但也不坏。它祛除了所有能带给用户视觉干扰的杂碎，而让用户关注到你所展示的重要内容。没有了噪音，剩下的精华内容就呈现在一片优雅的留白中。

极简风格在两个方面影响你的网站：现存的元素数量，高品位的氛围。

1、元素数量

你的页面存在的元素越少，那么页面剩下的元素就显得越重要。

如果页面只有一个元素，即使它蜷缩在角落里，仍然是你的用户关注的焦点。如果你的页面有成千上万的小元素，你的用户也许会随机地寻找他们的兴趣点，或者由于选择太多而放弃。

这样一种相关性，让我们深知，在你的设计中要增加留白，较简单的方式就是减少页面元素数量。但我们知道说起来容易做起来难。极简主义可以说适用于任何网站，你绝不会想要把用户不需要的也填充到网页上。然而，作为视觉审美来说，极简风未必适合所有的网站，尤其是对于内容丰富的网站来说，就不会愿意这样光秃秃的一览无余的画面。当提到极简主义，请大家记得，我们不是仅仅在谈论审美方面，它也不是我们的目标。恰如其分达到极简风格的水平是去精简页面元素，直到不能使用。这需要在用户中进行大量测试，然后在你减少的较多时停止。

以上内容由虎网科技（西安网站建设）为您提供，更多精彩内容：https://www.huwz.com/

关注“虎网科技”微信公众号，快速获取互联网较新资讯

武汉到迪拜旅游攻略，迪拜怎么去旅行最方便呢？

    到迪拜坐飞机要多久？ 坐过一次从上海浦东机场到阿联酋迪拜的飞机，是阿联酋阿提哈德航空公司的航班，全程共需时间为：9小时。飞机由浦东机场起飞后，路经无锡，武汉，贵阳，昆明，在云南省保山市附近飞离我国国境，进入缅甸，经孟加拉国，印度，巴基斯坦，伊朗，穿越霍尔木兹海峡进入波斯湾后，降落于阿联酋迪拜机场。 武汉到迪拜多少公里？ 武汉市→迪拜 354.3公里，5小时28分钟，收费90元 武汉市 1从起点...

       网站推广的最新方法 网站推广对于一个网站的运营来说，非常重要，尤其是对于那些刚刚建立，还没有多大流量的站点。以前很多朋友总结过网站推广的方法，但是随着时间的推移，出现了很多新的推广方式。往往这些新的推广方式，在实际推广操作中的效果更加明显。目前web2.0很多应用异常火热，而且搜索引擎对web2.0元素的东西，更加友善。利用web2.0元素来推广自己的站点，应该是很多站长朋友重点考虑的。当然，我结合前人的一些推广方法...

       龙岗骥豪服饰服装和虎网科技签订网站建设合约 骥豪在深圳市龙岗区布吉街道大靓工业区1栋。骥豪选用虎网站网络实用型网站案例，此案例比经济型多了些功能，如动漫广告图片、在线客服QQ/MSN等聊天工具、顶部侧部二级分类导航、走马灯等功能。骥豪是经深圳市龙岗区工商局审核的有资质公司，统一社会信用代码：914403005943437043。 　　在欧洲大陆众多的名牌服装之中，骥豪联合男、女西装素以做工精致，选料上乘而著称。其特有的贵族气息、尊贵、典雅的...

       网站设计怎样避免跟风 现在设计网站的企业如此多，网站风格，网站类型更是千百样，很多企业想要一个网站也不知道要从哪里选择。网站风格虽然多，但很多看起来相似的。无论是框架布局，还是色彩搭配，都有很多类似的地方。市面上已经出现了太多风格类型的网站，容易限制企业眼界，那么网站设计怎样避免跟风呢？ 网站设计怎样避免跟风 　　1.不用模板 　　现在一说起模板网站，大家都知道这只是套用风格。几乎不存在网站设计，只需要上传资料图片，改...

       天津河西钊媛电子商务与虎网科技签署网站建设条款 钊媛是经天津市河西区工商局审核的有资质公司，统一社会信用代码：0000。同时经国家工信部和天津通信管理局审核通过ICP备案；备案号：0000。钊媛选用虎网站在线购物型网站案例，此类网站编程侧重在线购物和在线支付功能；网站后台设有会员管理系统、VIP审核、订单管理、产品报价系统、运费邮资设置系统，适合品种单一的小型在线购物网站。钊媛在天津市河西区欧亚花园3门404室。 　　钊媛化妆品商城，是一家专业...

       茂名至坚门窗型材与虎网站签约做网站项目 至坚坐落于茂名市茂名市辖区电白区电城镇工贸小区第B1区9号楼。至坚选用虎网站网络实用型网站案例，此案例比经济型多了些功能，如动漫广告图片、在线客服QQ/MSN等聊天工具、顶部侧部二级分类导航、走马灯等功能。至坚是经茂名市茂名市辖区工商局审核的有资质公司，统一社会信用代码：91440900MA51TDMB0U。 　　虎网科技是一家专业生产加工永利坚高端豪华重型铝及批发零售永利坚铝材、安堡仕安全门等。...