通过之前的文章,我们学习了如何使用尺寸和比例来使你的设计更加协调和清晰。本文中,我们将讲述这些设计中的无形力量,我们将学习如何巧妙地利用空间,即通常所说的“白色空间”或“负空间”,从而使您的设计能够有效地进行交流。这篇文章讲的是网页设计中的无形力量:空间和形状。
您的数据比例。
EdwardTufte,信息设计大师,介绍了这个概念。在手机和网页设计中,每一滴墨水都能传递出多少信息,每一个像素传递出多少信息。
左图中的数据/油墨比右图中的数据/油墨高。这张图真的需要加“墨水”吗?没有,只是点和线而已。
用白色的空间来清洁布局。
尤其当你设计小屏幕时,你不想让像素浪费掉。设计师倾向于使用网格来组织布局中的信息。Grid可以帮助对齐元素,如文本行,然后创建相互关联的信息区。
郑州做网站公司它是网格中设计的基本布局。左侧导航,较大的区域占据了主要内容。这种布局很好,但是要注意,导航栏中的空白区域与主内容区域中的文本栏中的空白区域是一样的。在导航和主要内容区域之间略微扩大一些差距是有意义的。
这种布局具有和谐的规模关系,问题在于,这些元素之间的负空间并未得到考虑。一般情况下,用眼睛来计算这个间隔。并不能准确地告诉你到底有多少空格。考虑一下你是如何塑造你的白色空间布局的,你的设计会看起来更干净、清晰,并且更实用。