北京电脑培训分享网站设计中的盒子元素
使用方框布局的目的是什么?
也许这对你来说有点哲学和理论。我们来看看别人选择方形布局的原因。对了,我指的盒子也包括长方形,有些情况下也用长方形。使用该元素有两个主要原因。首先,它有助于组织内容。其次,它还可以创造特殊的风格。它们是表达内心渴望和需求的完美元素。
看DennisAdelmann的作品,很明显是用盒子元素来组织安排他的作品。这是一个简单的方法来组织任何数量的内容,并保持事情简单。
但是看看网站WeLoveNoise,就完全不一样了!是的,到处都是方块,移动鼠标还有有趣的动画效果。然而,除了组织内容,你会发现盒子元素也成为了设计风格的一部分。它是这种风格的关键和决定性因素。
如何用好它们?
我觉得用方形元素并不难。尤其是网页,从诞生之日起就开始使用盒子形状来设计界面。但如果你想更有效地使用它,请遵循以下步骤。
设定一个期望的目标。
根据您想要实现的目标,页面和块会有很大的不同。一旦你确定了,方块元素就能帮你实现目标。你用它来组织内容吗?还是想给页面增加一些乐趣?
看看PaperandPaint他们使用方形元素来保持页面有序,突出页面独特的流动性。当鼠标向下滚动时,每个框中不同的内容在视觉上滚动——这是一个非常酷的效果——每个框告诉你一个独特的故事,并聚集到整个页面中。这些盒子元素的作用是保持各部分对齐,形成整洁的时尚,也为每一页创造不同的故事氛围。
AnthonyJohnGroup使用盒子来显示他们的项目和关键的公司信息,例如“幕后团队”。首页的规划建设很棒,但也是紧密结合的。显然,他们致力于创造像本页一样优雅的高端建筑设计。没有这些方块,就无法达到这个效果。
使用盒子来组织内容。
现在你知道自己在追求什么了——虽然几乎是整合现有信息——你就会接触到内容组织。你必须把内容分类。如何组织盒子中的信息——一些盒子的内容会比另一些多吗?这对组织内容很有帮助。你会到处玩,看看什么有用,什么没用,看看什么太多,什么太少。我保证这不是什么高超的技巧。其实不需要很直观。大多数时候,很简单——坐下来完成它。
注意上面的网站没有,BlockLevel,盒子和盒子里的图标都是,只有图标。这就是我所说的组织内容。BlockLevel的设计师特意在每个盒子里只留了一个图标。接下来要考虑的是如何把调整后的内容放到一个令人愉悦的设计中,这也正是我们接下来要讲的内容。