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

网页设计中排版中的基本准则

  不管是平面或者是网页还是UI,在工作中日常会被问道“为什么要这样设计”“这样设计的目的是什么”这样的问题应该数不胜数,那我们要怎么合理的去回答?

  设计师:适当的间距,分屏对比式等设计手法,更加方便向用户传达我们的主题和内容。文字和图片的结合,让内容更加的清晰明确简单易懂,也减少了用户的理解时间,效率的视觉传达,在一定程度上面增加了浏览者的兴趣,进一步引导用户浏览页面...

  我们之所以会知道怎么去回答问题,是因为我们知道在设计中我们所采用的设计方法和技巧,还有一些相关的理论知识,这就是所要强调设计理论知识的的重要性了,理论知识和我们的设计水平是相辅相成的,只有熟知这些设计理论的同时,也会让我们的设计更加优秀。

  谈到设计理论,避不可免的会谈到排版的四大基本准则:对比,对齐,重复,亲密性;应该很多人都了解过,即使了解的不清楚,但在平常设计中应该也会有意无意的用过。

  

  对比

  简化画面,在同一画面上不同元素之间要有对比区分,使得页面主题更明确,更直观。运用对比能加强视觉冲击力,达到吸引读者的效果。对比使内容层级更加清晰明了,突出重点,更加有效的传达了主题。

  


  对齐

  在页面设计上任何元素都不可以随意安放,每一元素都应该与页面上的某个元素存在某种视觉上的联系,在版面设计的时候一定要找某个联系,找对齐线才行。对齐的根本目的就是能够使页面内容统一简洁也更加有条理,能够引导用户的视觉流向。

  重复

  使设计的某些元素需要在整个作品中重复,比如线条,形状,字体,颜色等,这样可以有利于页面的统一性,但是要注意尽量采用多样性实现统一,用在同种元素下采用多种不同的表现方式重复,避免单一的重复。重复的目的就是使其整体页面统一并增强视觉效果。

  


  亲密性

  简单来说就是讲页面的相关项组织在一起,也就是说讲页面中的元素归类,每一类都是一个视觉单元,而不是多个孤立的元素,这样在视觉上使得页面有一定的组织性和条理性,减少了混乱,信息表达的也更加清晰。

  四大基本准则解释起来很简单,但是在实际运用中还是有一定的技巧。四大准则也并不是孤立存在的,他们之间也是互相嵌套的,往往在一个页面中,也会使用了不同的设计手法,在设计时不要畏畏缩缩的,还是要大胆去尝试不同的方法。

    延伸阅读

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

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

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

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

  • 网页设计要多少钱?

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

  • 移动端网页设计

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

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

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

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