1. 首页
  2. 网页设计
  3. 正文

网页开发设计使用视觉分割的类型有哪些?

  什么是视觉分割?

  视觉分割是一种排版元素,它可以帮助在屏幕上组织内容并将内容分成明确的组、部分、选项或部分清晰地分开的布局元素。这样,它可以帮助设计者按照视觉感知的典型模式组织页面,使页面布局更加清晰,它能起到分隔、组织、细化的作用,帮助用户了解页面层次,赋予内容组织性。

  一个好的分割和一个不规范的分割能塑造出两种完全不同的效果界面。同时针对不同类型的设计也会采用不同的方式来进行分割。

  网页开发设计使用视觉分割的类型有哪些?

  1、阴影

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

  2、双栏式

  双栏式的页面设计表现比较灵活,通常会有一偏倚轻重者,这样就可以确立好视觉焦点,形成对比,制造情景冲突。视觉重点在某一侧,利用背景色的不同加强视觉重量的对比。

  3、负空间

  负空间又名白色空间,就是屏幕周围和元素内部的空间。主要用于极简网页的设计,在视觉感知中,空间变成了一个有效的、优雅的视觉分割,也让页面有了呼吸,避免了杂乱。

  4、倾斜式表现

  倾斜的线条容易形成动感的张力,利用这一点所形成的视觉框架就可以很好表现与“运动”“冲击力”等动感较强的内容页面。

    延伸阅读

  • 网页开发设计使用视觉分割的类型有哪些?

    什么是视觉分割?视觉分割是一种排版元素,它可以帮助在屏幕上组织内容并将内容分成明确的组、部分、选项或部分清晰地分开的布局元素。这样,它可以帮助设计者按照视觉感知的典型模式组织页...

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://lnbdc.com/article/3506.html

(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6":"https://jspassport.ssl.qhimg.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6"; document.write('<\/mip-script>'); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();