网站首页 > 网站设计> 文章内容

格式塔原则在网页设计中的使用

※发布时间:2019-11-7 19:59:53   ※发布作者:habao   ※出自何处: 

  当一个个体以某种方式被统一时,它们的集合在我们看来就像一个整体。我们把这些元素看作一个群体,尽管他们是个性的。这个概念或理论从根本上适用于所有的设计媒介:我们不把文本、颜色和形状看作是的元素,而是整个网页作为一个整体实体。同样的道理也适用于森林:我们看到的不仅仅是一堆树,就像我们不看到的一样。看大海时,我看到水滴。

  文字是在页面中间的一个大的草书体中的图形,与背景中的图片相比,它显得格外突出。在对比的灰度图像上方的白色文本吸引了注意力的焦点,这使得文本在它可见。从另一个角度看,背景是模糊的,使文字弹出作为图形。所有这些方面都表明这里的文字优先为图形或正空间,模糊图像被用作背景或负空间,从而强烈地暗示了图形和背景的概念。

  当你第一次看到这个网页时,哪一部分会跳到你的身上?如果你问我,它的主要文本在右上角白色和两个框的对比的颜色和文字。最的粗体白色文字显然是图形。(请注意它是如何放置在较暗的图像上的,以突出显示)。下面的方框也是数字的一部分,由于它们与地面图像的对比。这个图形的另一个方面是第二个对比,它以对比文字的形式放置在盒子里。

  认真说不甜的登陆页使用多种技术来维持图形与地面的关系,以平衡的方式。有明亮的颜色和阴影。地面仍然是白色的,这使得人物更容易准确地出现在地面上。在正空间中,图像中的物体被呈现在背景顶部的之下。影子游戏是在主要人物的内部进行的,这让我们注意到,在主要人物的内部有另一种图形背景关系。聪明!

  正空间即图形之间是不同的,但它们在、色彩、产品布局和表现方式等方面具有一定的相似性。唯一不同的对象是广告的眼睛阴影底漆,脱颖而出,在线的同类产品类别。这显然是一种营销策略,旨在在不损害页面的整体对称和美丽的情况下吸引注意力。这里要考虑的另一点是,大小上的相似性使其他图像与相似的产品类别不同。

  在这个例子中,您可以看到闭包保持了与图形-背景关系原则的完整性。瓶子和粗体的文字背后显然是图形,那里的背景是的软粉色。关门在哪里?看到瓶子后面的文字了吗?你不能完全看到它,但仍然知道它是锦绣。除了第一个“K”和最后一个“A”,其他字母都是半隐藏的,它们是通过直觉完成的,整个形式开始成形,因此,意义也就形成了。我的朋友,这是个很好的例子,让我们结束了!

  《Cargo》有一个着陆页,它也使用了连续性:它的文本以线性移动的形式在整个网站上,使用了只使用滚动的。因为半可见的标志是垂直显示,观众必须向下滚动以获得它的完整视图。梦见杀人不见血当页面向下滚动时,静态徽标会随着平行于它运行的文本块一起浮动。引导用户通过不同层次的经验,而不会干扰隐藏在下面的。

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集、培训、社群为一体,全方位服务产品人和运营人,成立9年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长。

  

相关阅读
  • 没有资料