网页设计中的“负空间”

   在学设计的过程中,老师可能告诉过你一个网页中的空间分类,如果你不知道的话,是不是上课没有好好听讲…好吧,如果你不知道的话,那我们就换个话题得了…哈哈,逗你玩的,今天我们还是要来说一说“负空间”这个概念,它到底是什么呢?有什么作用?在网页中占多大的分量呢?如果想知道的话,就好好看下面的文章。

  什么是负空间?

  可能有些童鞋还不知道负空间和正空间的基本概念是什么,今天正好天朗气清,就让我们来聊一聊…众所周知,在设计领域空间有两种类型,分别是正空间和负空间。正空间包含网站里的所有元素,比如网页内容、导航和图片等等;负空间(经常被翻译成白色区域)包含所有的空白区域,比如文字内容旁边环绕的空白部分,这部分将各种元素分开,帮助建立了网页的格局,指导用户在正空间里浏览。

  现在明白一些了吗?明白了我们就继续咯~在负空间里也有两种类型,微型负空间和巨型负空间。微型负空间是小元素周围的空间,比如说段落之间的空隙,字母与单词之间的空格等;巨型负空间是指大型、核心元素之间的空隙,比如页眉和页尾之间。

  Yeedor


  Friendship Hamburg


  Moving Things Design Company


  微型负空间

  首先,你要记住,名字不是按照作用来起的,微型不代表它的作用小,适当的留白会让我们的网站有更好的阅读性,更容易浏览,甚至可以帮助用户更好的理解文章。

  我们所说的微型,需要深入的了解和维护,要确保网站中每个负空间都很紧凑。这里的紧凑指的是美学上的平衡,介于松散和拥挤之间的一个概念。这就意味着你要利用好标题和段落之间的空间,特别是段落之间的宽度,确保它们在一个合适的距离,不盈不亏,除此之外,还应注意单词和字母之间的空间。

  说起来容易做起来难,设计边缘空白这些活儿是十足的“微妙艺术”,必须小心翼翼的对到每一个独立的模块,每一个模块都有自己的平衡,这个平衡在哪,需要你去挖掘。留白太多了影响网站的阅读性,太少了显得局促。

  Information Highway


  Digest


  MakeMatter


  巨型负空间

  说完了微型,现在就来看看巨型负空间。尽管很多人都认为我们应该更加留心巨型负空间,但是我们还是觉得浓缩才是精华。很多人都喜欢用一切可能符合网站主旨的东西把网站的标题填满,因为这是用户打开网站第一眼看到的东西。但是换种思想来看,如果我们在标题上只添加少量核心的元素,这样用户既能准确的发现他们想知道的,又不会被太多元素压的窒息,何乐而不为呢?

  正如标题,这是就是一个非常简单的陷阱,太多的元素会让人忘记浏览下面的内容,显得累赘而又臃肿,留白越恰当,网站的效果就越好。

  当我们将所有的东西都展示在标题上是,别人会感觉:你对正文是不是不怎么留意…有了这种感觉,用户还会继续往下看吗?所以,当我们设计标题时,要站在用户的角度看问题,要摸清他们的心思,到底怎么设计,他们感觉最合适。

  Viva Audio


  Goods


  Do A Backflip


  为何负空间如此重要?

  在实用性方面,负空间起着决定性的作用,这一点我们强调过很多次。在一个网站中,用户不仅仅要能舒适的浏览文章,也要可以简单的查找到他们想看的东西。如果网站过于拥挤,这两点就无法实现。很多用户都喜欢在一个网页中看到所有他们想看的东西,同时有抱怨为什么这个网站看起来很臃肿。

  这就是我们持续优化网页设计的动力,作为一个设计师,我们要去理解为什么导航如此重要,为什么内容的陈列位置这么重要,这不是一个“吃饱了撑的”的举动,也不是浪费屏幕空间的表现。我们需要运用自己的学识,让用户得到最好的体验。

  不过,别被负空间吓坏了呦,你还是可以在网页里设置必要的内容的,只不过你要确保用户还有空间可以呼吸。现在“第一版”这种页面形式已经是昨日黄花了,滚动式网页才是王道。最后你也要明白,在一个网页中究竟什么才是最重要的,你觉得是什么呢?我认为是内容。内容是一切网页的本质,如果一个网页徒有其表,那注定是金玉其外败絮其中,就算网页做得沉鱼落雁,留得住用户一时,留不住一世,这个道理跟我们爱看美女帅哥是一样一样的。

  Pure Fix Cycles


  Nurun


  Nearly Impossible

时间: 2025-01-21 07:36:55

网页设计中的“负空间”的相关文章

网页设计中的负空间

  前言 由于屏幕是有限的,因此网页设计也是有限的.可以这么说,在屏幕这个小小的盒子中,每个像素都是一块不动产. 就算是菜鸟,也懂得一个页面不能加载过多的内容,但涉及到究竟应该规划多少留白,包括经验老道的设计师或许也很茫然. 留白,另一说为"负空间",这两个词常常互换使用.它们共同所指的都是屏幕中出现的元素之间的一种关系.所谓留白不一定是要白色,或黑色.就算是图案.色彩或纹理背景都可以被称为留白.负空间是在内容外创造一个空白的环境,好让观者将注意力更加集中于内容. 这篇文章中,我们将讨

手把手帮你学会在网页设计中运用负空间

  由于屏幕是有限的,因此网页设计也是有限的.可以这么说,在屏幕这个小小的盒子中,每个像素都是一块不动产. 就算是菜鸟,也懂得一个页面不能加载过多的内容,但涉及到究竟应该规划多少留白,包括经验老道的设计师或许也很茫然. 留白,另一说为"负空间",这两个词常常互换使用.它们共同所指的都是屏幕中出现的元素之间的一种关系.所谓留白不一定是要白色,或黑色.就算是图案.色彩或纹理背景都可以被称为留白.负空间是在内容外创造一个空白的环境,好让观者将注意力更加集中于内容. 这篇文章中,我们将讨论,怎

网页设计中保持清晰简洁的图片设计技巧

平面设计,网页设计中使用精美图片插图是经常有的事.我们通过观赏许多大师的设计作品会发现,他们使用图片的时候都能给人一种十分合理的感觉,不仅能突出重点,同时也给人比较好的视觉享受. 你如何展示一张非常不错的照片?非常简单,保持清晰,所有无关的元素都不要出现在页面上. Ambient摄影俱乐部出版了它们自己的月刊杂志来提升俱乐部的影响力.因此,他们希望杂志的视觉效果能够显得更加专业,以迎合范围更广的读者.Ambient是一本内部自己使用大幅激光打印机打印的杂志,这也意味着打印的质量相当高,而且能够使

让我们谈谈网页设计中的卡式设计

  前言 "我要卡式的",这是上一期客户在和我聊需求的时候说的第一个需求点.毫无疑问,卡式不论是适应PC还是手机都表现优秀.从在线商城到社交媒体网站,卡式设计成为网页设计中的一股强大风潮且风头正劲.其中最重要的原因想必就是它的灵活性. 卡片,可以是任何形状.颜色和形式.但是总的来说,他们都包含了图片.图标和一些基本的文字信息,例如标题.用户名和位置信息. "然而,其风靡起来的核心还在于其简单性.你很少见到复杂的卡片设计,它之所以出现的目的就是为了引导用户去点击它"

网页设计中的极简主义

  由于其永恒的优雅和清晰的内容呈现方式,极简主义一直被视为是Web设计中最持久的视觉框架之一.虽然设计思潮来来去去,但极简主义设计却变得日益经典,它的视觉和设计理念被身处不同专业和行业的设计师共同接受. 作为一种艺术风格,极简主义并非是网页设计独有的,简约设计运动的根源可以追溯至20世纪初.自那时以来,极简主义设计理念一直长盛不衰,仿佛是一种可以经历时间考验的永恒模型. 每个时代的设计师都会发现自己与简约设计的原则多少有些关联,更不用说我们现在这个极简主义爆炸的时代.在这一篇文章中,我们将探讨

如何在网页设计中使用留白

  编者按:说起留白,很多奢华品牌网站都邪魅一笑:悄悄地用着,出声的不要.哼哼,偏偏不让你得逞,今天@十萬個為什麽 从留白的用色.可读性.搜索流畅度等方面跟童鞋们分享了留白的使用技巧,听我说,为了广大设计师的贴身福利,帮转一下吧 ლ(ಠ_ಠლ) @十萬個為什麽 :所谓留白,有时也称作负空间,两者是同一个概念.尽管这个术语尤其指留"白",但它所指的区域并不一定要是白色的.它只是网页布局中环绕各元素的空白空间. 这样的空间体现为多种不同形式,例如图片.图表.缝隙.外边距.列甚至一行行文字之

网页设计中最常见的30款英文字体

  关于英文字体,对我们网页设计师朋友们来说一定并不陌生,即使我们很少做英文语系的网站,但在浏览国外网站的时候,大家一定都会有或多或少的认识.其实不单单是在网页中,很多移动操作系统和浏览器中都广泛使用了今天我们即将介绍的这些字体. 想必大家也都能猜出来像 Arial.Helvetica 这种大名鼎鼎的字体肯定在里面了,那么还有什么呢?一起来详细了解一下吧! 首先,补充个小知识: 1.网页设计中的英文字体,一般有以下五类: serif(衬线) sans-serif(无衬线) monospace(等

网页制作高手进阶:网页设计中的文字运用

设计|网页|网页设计  如今,互联网越来越走近我们的生活,网上冲浪也渐渐成为我们生活不可缺少的一部分.网络世界五彩缤纷,涌现出大量优秀精美的网页.大量网络信息的呈现,无非就是通过文本.图像.Flash动画等,其中, 文本是网页中最为重要的设计元素.对于网页设计初学者而言,了解和掌握网页设计中的文字排版设计就显得尤为重要,下面笔者想谈谈一己之见.     文字的格式化     1.字号.字体.行距字号大小可以用不同的方式来计算,例如磅(Point)或像素(Pixel).因为以像素技术为基础单位打印

在网页设计中对称手法使用技巧

文章描述:在网页设计中,对称/不对称的有效运用可以达到非常与众不同的效果. 在设计中,对称创造了平衡,平衡了创造和谐.秩序和审美.自然界中对称无处不在,也许正是这种无处不在的状态让我们发现对称的美.形态学的基本原则之一就是对称,它是一套人类形为理论,形态学认为人类对看到和遇到的事物本能的产生出秩序和完整性. However, symmetry can get boring. Asymmetry is a break in symmetry, which when used effectively