艺术专业

名校申请攻略领取

  • 姓名(称呼)*
  • 联系方式*
  • 意向国家
  • 意向专业
  • 申请学历
申请攻略领取

最新资讯

Popular universities


平面设计中如何有效分割视觉空间?
乍一看许多平面布局并不复杂,感觉换成自己也能设计出来,但是当你真的开始着手设计这么一个原型的时候,会发现事情并不是那么简单。在特定的元素的选取和设计上很容易陷入困局,一个好的分割和一个不规范的分割能塑造出两种完全不同的效果界面。同时针对不同类型的设计也会采用不同方式来进行分割。



今天的文章主要讲的是视觉分割,视觉分割是帮助在屏幕上内容的各个部分清晰地分开的布局显示。让我们来看看视觉分割是如何工作的,以及哪些类型的视觉分割比较受欢迎。



什么是视觉分割?


视觉分割是一种排版元素,它可以帮助将内容分成明确的组、部分、选项或部分。这样,它可以帮助设计者按照视觉感知的典型模式组织页面,使页面布局更加清晰,用户更容易消化。



分隔板与页面上的其他元素一起,在建立稳固的视觉层次感方面起到了很大的作用。例如,有了它们,用户可以更容易定义内容之间的关系,比如内容之间是否相同、相似、相近、相关,是否有从属关系等等。




线条


线条自古以来,无论是在印刷生产中还是在数字界面中,都属于顶级的内容分割方法。它们在这个角色上很容易被认可,所以用户不用多想。



这种类型似乎超级简单,远非原创。设计师们会努力寻找其他的内容分离方式。建议只有在内容无法用其他方式有效分割的情况下才可以使用线条的方式,太多的线条会让屏幕上的视觉杂乱



致力于零浪费生活的网站的产品页面使用水平线作为视觉分隔符,以清晰地组织有关商品的不同信息。



负空间


负空间意味着屏幕周围和元素内部的空空间。然而,空白并不意味着被动或浪费:和屏幕上的其他元素一样,它的作用是支持积极的用户体验。



负空间是最受欢迎的视觉分割之一,尤其是在基于极简主义和简约理念的界面中。近似性和相似性原则,负空间变成了一个有效的、优雅的视觉分割,也让界面有了呼吸,避免了杂乱。




色彩对比度


在平面设计中色彩的选择和组合具有巨大的心理潜力:它们能够强化网站的信息和内容,营造出适当的氛围。对比度是影响页面或屏幕的可读性和视觉层次感的关键因素之一



色彩可以有效地分隔不同的选项、项目或互动区域,也就是作为视觉分割工作。这也是近年来分屏的流行原因。而这或许也解释了沿对比色背景上呈现的内容块来组织着陆页和单页网站的流行方式。



即使在像这样的柔和元素中,颜色对比的力量也很明显:它有助于将英雄部分的页面与CTA和菜单的活动部分分开。另外,请注意用作菜单项可视分隔线的垂直线:与略微可见的图像一起,在这里它们还可以作为方向提示,并有助于避免在页面上出现完整的错觉。


阴影


阴影,通常是通过视觉上抬高一部分内容的效果来达到的,也可以有效地起到隔断的作用。它们能创造出一种层次感,将页面分隔在几个层次上,对于人眼来说,往往看起来很自然、很和谐。



与线条相比,它看起来不那么明显和引人注目,所以这种方法可能有助于实现特定项目的平衡和可读性,而不会产生过多的视觉噪音或分散注意力。



展示库存商品的目录屏幕以这种方式使用了阴影,从而使布局更加深入,并清楚地将卡片彼此分开。


从背景中突出显示的卡片来划分目录中的位置。这样一来,内容在界面上显得清晰互动,看起来既轻松又通风。




图片


各种类型的图片是一种更有效的视觉分割,因为不同图片本身会创建视觉区别



照片、插图、3D图形以及动画图像,有助于平衡文字内容,提高可读性和易读性有效地划分视觉区块,并增加趣味性和视觉吸引力。





留白


界面中的留白的区域通常不会放置任何视觉元素。大量的留白能够让原本凌乱的界面看起来简约而吸引人——它让界面元素周围都空出来,让这些元素更加醒目,脱颖而出。留白让界面显得更加富于呼吸感,也更加简洁



正如上面的例子所示,平面设计师们往往会找到有效的视觉分割线的有效组合,将网页或手机屏幕上的内容有效组合起来,过多的视觉分割线,尤其是像线条一样呈现出布局的附加元素,会造成视觉上的噪音。


任何设计技法都需要经验的积累,最后应用出来的效果更加符合专业性的平面设计,所以获得方法方式的同时要加以灵活运用哦。


END