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

网页平面对称构图设计

  在一个构图中,处理图形元素之间或周边的所有空间,使它们各有不同,会获得一个结果,那就说形成对称的可能性被减少到了最低程度。对称是一个图形的状态,在这种状态中,图形的布局与版面的中心轴相呼应,或者与水平方向的轴线和垂直防线的轴线相呼应;图形也可依据彼此的中心轴进行布局。对称布局的意思是,图形周围的多个空间或轴线周围的图形的轮廓相同,也就是说,它们处于异种骨静止的状态下。对称所固有的静态特征对于设计的传递目标而言说有问题的。一个构图的各个部分的比例毫无二致,观看者有可能只浮光掠影地扫视一下,便很快停止了对这件设计作品的思考,而不会饶有兴趣地研究这件作品。如果观看者失去了兴趣,那是因为设计作品的视觉表达不具有足够的挑战性,观看者很可能在获取信息内容之前就转移了注意力。

  


  对设计作品缺乏视觉观察和认知,观看者便很难对作品留下深刻的印象,而且不幸的是,观看者随后也很难对该作品再发生兴趣。不对称的布局可引起观看者更加认真投入——因为不对称结构需要大脑来辨别不同之处,而且它们还刺激了观看者眼镜的活动。从设计作品以传播为目的的立场来看,不对称布局可以增进观看者区别和联想内容的能力,因为观看者对不同空间的感受会受到内容的顺序和对内容本身对认知对影响。

  


  激活空间,空间的某些部分可能会与其他部分分离。有些部分可能是自然分开,也可能是因为某个大型元素跨越版面被隔开,再或者可能只是在视觉上分离而已,因为有多个元素以相同方式排列在一起,使眼睛难以越过这些元素,进入到以外的空间。在这样的情况下,这些空间可以说是“迟钝的”或“停止的”。迟钝的或停止的空间将会引起观看者的注意,只因这个非常原因,这些空间在构图中没有与其他空间产生关联或交流。要完善构图,必须激活这些空间,让它回到构图中与其他空间进行呼应。

  


    延伸阅读

  • 如何才能成为一名专业的网页设计师?

    一个专业网站设计,自然需要找到专业的设计师来对网站进行设计,这样才能设计出让企业满意的网站,对网站的后期运营也是很有利的。可是作为一名专业的网站设计师,是需要满足一些条件的。到...

  • 2020年企业网页设计模板的流行趋势

    在设计界有个名言是“时尚总是轮回的”,这句话同样适用于企业网页设计方面,经历过了扁平化设计、卡片式设计以及质感设计之后,你知道在2020年又流行的是什么风格的企业网页设计模板吗...

  • 网页设计要多少钱?

    网页设计是现代互联网时代十分重要的一个环节,对于一个网站的成功与否起着至关重要的作用。那么,对于一个网站的设计,需要多少钱呢?这是许多人在进行网站建设时都会考虑的一个问题。接下...

  • 移动端网页设计

    移动端网页设计是指专门为移动设备(如手机、平板等)设计和开发的网页。随着智能手机的普及和移动互联网的发展,越来越多的用户使用移动设备上网,因此移动端网页设计愈发重要。在移动端网...

  • 深度探析:从初探到高级应用的页面网页设计

    在当今互联网盛行的时代,页面网页设计已成为一个关键的组成部分。无论是企业、机构,还是个人品牌,一个好的页面设计可以为其带来显著的优势。但页面网页设计并不仅仅是关于视觉元素,它是...

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://www.lnbdc.com/article/1418.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); })();