南通网络公司:网页设计中的微观和宏观空白理解指南

发布时间2020-04-09    阅读:365    作者:南通网站设计开发公司

数字接口设计遵循与打印设计相同的许多规则。构图是指整体布局,空白发挥了很大的作用。许多东西有助于定义构图,但空白是最重要的概念之一。

学习使用空白更多的是动手实践和经验。但是,通过研究其他网站是如何组合在一起的,你可以吸收很多伟大的想法。我组织了一些技巧和一般想法,以澄清整体的空白图片,以及它如何定义组成网站布局。

作文基础

南通网络公司要理解空白,你真的需要理解构图。在网页设计中,这指的是作为一个对象出现的整个布局。在美术中,格式塔这个词被用来描述一种构图是如何被视为比其各部分之和更多的。

当页面元素以正确的方式堆叠在一起,从而产生相互连接的错觉时,感知上的这种变化就会发生。各部分的和给你一系列的元素在一个网站上。但作品包括这些部分之间的关系,以及它们是如何结合在一起的。

 

如果你想理解网页的构图,你需要从内容的角度来思考。每个网站都应该显示内容,布局应该更像包装器。

努力使内容成为你的主要指导,你会发现自己有一些迷人的组合思想。以机构网站为例电梯交互。主页在页眉周围使用大量的空白空间,更多地关注公司品牌。

网站上的其他页面则将重点放在内容和结构方式上。人们访问网站获取信息,这需要以一种既简单又有趣的方式显示出来。

 

南通网络公司在谈到宏观和微观的空白时,我们会谈到不同观点的主题。整体构图指的是整个页面,但您也可以将网站的页眉或页脚作为唯一的实体进行讨论。

这个条纹连接登陆页面具有水平放置的交替内容部分。页面部分依靠背景色和空白来创建分离。页面的各个部分在微观尺度上使用组合间距,然后在更大的宏观范围内影响事物。


创造节奏结构

在音乐中,有一种叫做仪表它定义了节奏结构。这种计量器是由重音产生的,这种声音以类似的方式重复或重复。平面设计依赖于节奏和节奏的相似原则。

 

空白应该有助于定义这种节奏,特别是在宏观范围内。当查看一个完整的布局模型时,应该很明显,内容部分是分开的。这种节奏为内容消费创造了结构和可靠的模式。

看一下主页努格洛。他们网站的顶部使用一个全屏标题,其内容位于左侧和右侧。当你向下滚动,你会注意到双向分裂出现多次。实际上,这似乎是一种以中心内容为中心的交替模式,然后是两个并排的内容块。

空间和内容结构被用来定义这种节奏模式。当访问者向下滚动页面时,他们下意识地学会了期望某种格式的内容。伟大的作品都是公开的和微妙的直觉。

童话工作室是另一个自然发生的内容分裂的很好的例子。由于内容的组织方式,该网站既能感觉到,也能读到类似于代理机构的布局。请记住,内容是王者,应该被用作规划空白的指南。


对称与不对称

节奏的话题自然地把我们带入对称和不对称。两者在设计中都很有用,甚至可以在相同的设计中使用。绝大多数的宏观版面构图都是对称的,有重复的图案和有节奏的结构。

但是当你仔细研究细节的时候,你会发现不对称的设计选择。不对称非常突出,应该与需要突出的元素一起使用。

 

加权移位是另一个布局巧妙的设计机构。他们的工作是通过缩略图显示在主页上,这是一个网格模式。这种模式本身既体现了对称性,又体现了不对称性。

网格的一侧有一个大缩略图,另一侧有4个较小的缩略图。这种模式重复以创造一种对称性,但缩略图大小的关系是不对称的。

如果是一个名为进入葡萄园,在更大的范围内发现了不对称现象。布局本身与一个充满活力的头部与一个简单的身体区域形成对比。

 


页面内容是根据段落间隔均匀和顺序排列的空间来定义的。但是与页眉相比,整个页面正文似乎适合自己的部分。这种设计选择使头部突出,这正是使用不对称的确切原因。

内隐内容关系

关于空白的有趣之处在于它不是直接被注意到的。访问者可以指出页面上的段落,但他们不太可能注意到这些段落之间的空白。

无论是否有意,宏观和微观关系都是通过空间发展的。这种隐式关系的定义是两个对象之间相对于页面上的其他内容存在多少空间。这就是为什么你需要练习并在你自己的设计工作流程中很好地利用空白。

让我们看一眼Chtrify主页对于某些内容关系。小块图标代表应用程序的特性,并且它们都是一致列出的。图标之间的微观空间和其他元素之间的宏空间在关系发展中都起着重要作用。

南通网络公司

在特征页与个人功能垂直向下流的网站。

我也很喜欢上面的页脚设计寻找能量。最左边的部分大部分是空的,除了一个标志。页脚的其余部分由列和链接列表填充。

 

南通网络公司只要看一下页脚,你就能识别出关系。该网站可能是一种外星语言,你仍然可以识别基于颜色和空间特征的关系。另外,试着调整浏览器的大小,看看这个页脚是如何在完全响应的同时保持清晰的。

关于内容,请看一看米希·拉蒙(Michi Ramen)网站。您将注意到,空格和排版样式用于定义重要级别。人际关系是含蓄的,这意味着在他们被理解之前,他们可以被感觉到。


伟大的设计师学习如何通过专注于小细节来塑造大局。零件是构成整体的,当零件巧妙地组合在一起时,它们甚至可以超越整体。

把一切都放在一起

白色空间定义了节奏、平衡、关系,以及最终的构图。这适用于绘画和印刷设计,当然也适用于网页设计。到现在,你应该了解这些原则的空白,但你真的需要建立设计,以充分内化他们。练习设计很多网站,随着时间的推移,你会发现你的思维模式和技能的不同。

 

 


QQ客服
胡经理