1. 首页
  2. 问答百科
  3. 正文

什么是版式设计?

  版式在设计中是非常重要的,一个好的版式设计可以给你的画面增分很多,一个坏的版式可以直接毁掉你的画面。

  版式设计的运用范围也非常多,可以运用在广告设计、海报设计、包装设计、VI设计、UI设计等等,只要有图的地方基本都会用到版式的内容。版式设计对于设计师来说是最基本也最重要的能力之一。

  在版式设计中要依据视觉设计的基本设计原则,讲文字、信息、图片、色彩通过造型元素与形式原理运用视觉形成一个统一的整体,从而表现出设计师想要表达和引导读者的内容。

  当你拿到设计需求、素材,你要先想,你要表达的主题是什么,层次关系是怎么样的,重要级怎么划分。

  当这些信息明确的时候,那就可以开始动手做设计了,在设计的时候,要运用版式原理去引导读者明白你要表达的信息层级和重要级,做到主题突出。重点明确,才是一个基本的版式设计。

  要做好版面设计要注意以下几点:

  1.清晰的层次

  版本中信息的层级是非常重要的,可以帮助我们在版面中划分信息所占的比重。所占的比重可以帮助我们在版式中更好的规划不同的信息放在不同的位置。这样保证内容层级不会混乱不堪,可以很好的表达版式设计的最终表达的信息。

  对信息划分的方法可以是梳理、归纳并且重构信息根据想要表现的主题,在信息的基础之上还可以加入一些辅助的元素。根据信息的内容,选择相应的元素进行点缀,这些点缀元素可以起到烘托氛围的作业,也可以形成一定的视觉流,引导信息。

  2.留白

  留白是版式中非常重要的一个元素,不是纯白色的区域就是留白,一些纯色但是没有别的元素的空白区域也可以理解成留白。

  留白可以给版式增加一种灵动、流动的感觉,还可以缓解读者的视觉疲劳,并且适当的留白也可以起到划分信息层级的作用,让页面更有层次感。

  3.字体

  对于字体的理解,在版式设计中你可以把一个字理解成一个点,一行字可以理解成一条线,一段文字可以理解成一个形状,可以利用文字的大小、粗细、秀丽或粗重的风格在设计中进行排版。

  另外一个方面就是字体,字体类型的选择要符合信息的层级,并且表现出于作品相同的气质内容。

  4.空间位置

  元素放在不同的空间位置会有不同的视觉表现,以下给大家介绍一般情况下的几种表现:

  ①主体形象排在页面的下方,给人稳重,凝重的感觉

  ②主体形象在页面商法,给人一种飘逸,空中升腾的感觉

  ③主体形象在页面右侧边缘空间会显得比较闷

  ④主体形象在左侧边缘显得舒适和流畅

  ⑤页面四周不慢主体形象,会显出扩张、冲击的感觉

  ⑥主体放在页面的正中间就会比较内敛、庄重的感觉

    延伸阅读

  • 什么是版式设计?

    版式在设计中是非常重要的,一个好的版式设计可以给你的画面增分很多,一个坏的版式可以直接毁掉你的画面。版式设计的运用范围也非常多,可以运用在广告设计、海报设计、包装设计、VI设计...

  • 版式设计网页留白的优势

    平面设计中总会遇到很多的版面问题,留白多少才会看起来大气有内涵,这些问题对图像的视觉效果是非常直观的。下面小编给大家介绍版式设计网页留白的优势,一起来看看吧。一、版面率是什么我...

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