原标题:我研究了2000张大神海报,终于总结出这个排版技巧

电商美工要怎么去设计海报页面,怎么去排版布局页面呢?一张海报最重要要是哪些方面要注意?对于设计师来说设计出一张好的作品最重要的是什么?那当然是排版!排版!排版!

无论是做张海报,还是设计本画册,甚至做个LOGO都要注意中英文的排版组合,so~今天小编大家分享的干货姿势(知识)是排版中版面率与留白的重要性。

版面率

对于设计师来说,版心这个词可以说是非常熟悉的,版心就是去掉左右上下的页边距余下的区域,其实说白了就是我们主画面内容摆放的空间。

如下图所示:

很多设计师虽然都知道版心是什么,但有时候即使留了版心的位置,排版出来的效果也往往差强人意。

其实这里说白了就是版心所占页面比例大小的问题,我们通常把它叫做利用率。也就是我们今天说的版面率。

高版面率与低版面率的区别:

高版面率其实说白了就是根据版心的大小而定,版心的面积较大,四周的余白较少,版面率的利用率高,所以版面率就高。

高版面率的利用,让画面看起来更加饱满。视觉张力相对来说就越大,版面也会活泼和热闹。

以下作品都属于高版面率的排版作品:

低版面率就是版心较小,四周留白较大,一般多用于比较文艺风格的海报或者画册排版,视觉上给人感觉比较精致,大多数服装类的画册都会用到这种排版形式。

低版面率的排版作品欣赏

而版面中也有空版和满版的概念,满版就是在整个画面中去掉了天头地脚与左右页边距,所有元素均利用在整个画面中,而空版就是版面的利用率较小甚至为0,满版到空版之间的版面率往往是递减的关系。

满版型的排版设计:

空版型的排版设计:

说完了版面率我们接着说下版式设计中的留白率

留白率

留白的概念大家都懂,就是画面之间某部分空白来增加整体排版的层次,像一些极简风格的海报设计,就最常用了。

但这里说的留白并不单单指画面的空白为白色,指的是页面的负空间。也就是画面中除去整个内容表现之后的空间就是负空间,例如下面这张海报。

海报中除文字信息及主视觉部分的内容,其余背景区域均可以看作是负空间,也就是留白,留白不一定是白色,除去页面内容之后的空间都是负空间。

而留白率即负空间的多少,负空间较小,留白率就低,负空间越大,留白率也就越高。

留白率其实说白了也就是版面留白的多少,实际与版面率的概念差不多,但需注意的是,有些作品虽然看起来是满版型,但空间上较为广阔,其余背景都可以当作留白来算。

例如下面这张海报:

大图展示:

接下来我们看看

高留白率与低留白率的区别:

低留白率的作品,画面较为丰富且信息量大,画面呈现的风格较为活波,而高留白率的作品则看起来更加精致典雅,品质感强。

最后当然是放一组

排版设计十分精致的海报分享啦

版面率和留白率的使用,通常都是设计师最常用的排版法则,但很多人都停留在只知其一不知其二的状态。返回搜狐,查看更多

责任编辑:

计算机专业海报排版设计,我研究了2000张大神海报,终于总结出这个排版技巧...相关推荐

  1. 计算机美工的专科学校,高职院校计算机专业网页美工设计教学.docx

    高职院校计算机专业网页美工设计教学 高职院校计算机专业网页美工设计教学 一.时间短 原本计算机专业的基础课程和专业课程的课时就比较多,作为新加入的<网页美工设计>课程,课时分配就有一定的限 ...

  2. 计算机教学与 传统教学设计,职高计算机专业创新教学设计探究

    [摘 要]传统课堂以教师为主,教学形式单一,已经远远不能适合学生更好的学习和发展.如今,各种新技术的发展与应用,为我们提供了更丰富的教学手段和策略,课堂教学也因此变得更加多姿多彩.职业学校面对更多的是 ...

  3. 计算机与人力资源管理论文,计算机专业毕业论文-人力资源管理系统的研究与实现...

    计算机专业毕业论文-人力资源管理系统的研究与实现 2008 届本科毕业设计(论文)题 目:人力资源管理系统的研究与实现--数据查询分 院: 电子信息分院 专业班级: 计算机 04201 姓 名: 夏杰 ...

  4. 电脑艺术设计是否属计算机专业,电脑艺术设计属于计算机专业吗

    电脑艺术设计不属于计算机专业,属于艺术类专业. 电脑艺术设计是指以电脑科技为基础的,设计艺术与电脑技术相结合的,一种崭新的艺术创作手段.所以现今的电脑艺术设计人员已不是只会操作几个软件的电脑美工,而必 ...

  5. 中职语文与计算机专业教学,计算机专业嵌入式培养_中职计算机专业语文“嵌入式”教学的研究与实践...

    一.中职计算机专业语文"嵌入式"教学的理念 所谓计算机专业的语文"嵌入式教学",就是指以提高语文素质为中心,以计算机专业技能的训练为基础,把语文素质的要求与训练 ...

  6. 计算机专业学生创新创优创业情况,高校计算机专业学生创新创业教育模式研究...

    摘要: 随着科技发明与商品产业化之间的关系发展得越来越紧密,科技成果转化为现实生产力的周期越来越短,科技进步和创新成为了经济社会发展的决定性因素.我国高校的创新创业教育是适应了经济社会的教育形态,正逐 ...

  7. 如何用计算机支持协同产品开发,应用共享框架下的计算机支持的协同设计技术研究...

    摘要: CSCD(Computer supported Collaborative Design. 计算机支持的协同设计)技术是CSCW(Computer Supported Cooperative ...

  8. 职业高中计算机英语必背单词,职业高中计算机专业学生英语学习动机实证研究...

    摘要: 职业高中学生相对来说文化基础比较差,就我校而言,计算机专业的学生英语基础比较薄弱.鉴于此,本文以笔者所在学校三个班级计算机专业的150多名学生为研究对象,主要采用定性和定量相结合的方法,调查职 ...

  9. 计算机技术人员职业道德,计算机专业技术人员职业道德建设研究

    摘要: 在科学技术飞速发展的今天,计算机已被广泛运用于社会生活的各个方面,并发挥着重要作用.但我们也看到在计算机技术给人们生活带来便捷的同时,部分计算机专业技术人员利用自身职务便利和熟练掌握的计算机操 ...

最新文章

  1. FasterRCNN代码解读
  2. 【CSS】CSS前期回顾(2)
  3. python3编译器怎么下载_Python编译器及Sublime Text3安装及开发环境配置
  4. 项目质量管理知识点整理和习题整理
  5. Kubernetes 也有局限性吗?
  6. Linux学习笔记7
  7. Github | 微软-计算机视觉最佳实践、代码示例和相关文档
  8. android listpreference 自定义,Android中Fragmen首选项使用自定义的ListPreference的方法
  9. 软件测试--selenium脚本编写注意点(二)
  10. Quartz总结(四):动态修改定时器二
  11. 最近做了个数据采集的工具
  12. 【转】关于VS2005中不显示解决方案的解决方法
  13. 清除浮动的方法以及优缺点
  14. Java中URI 和 URL 的区别
  15. 网络攻防技术——SQL注入
  16. 微信公众号自动回复添加文件
  17. oracle12c cdb修改,Oracle 12c nocdb转换成cdb
  18. Java SE学习笔记
  19. CVPR 2021 Oral | Transformer再发力!华南理工和微信提出UP-DETR:无监督预训练检测器...
  20. 使用imagemagic生成动态图片GIF

热门文章

  1. H5页面上传图片控件
  2. 《Java黑皮书基础篇第10版》 第3章【习题】
  3. 学习编程应该最基本的是学习什么
  4. java8写一个word count
  5. 最新Tomcat安装及配置教程+JavaWeb项目部署
  6. 移动硬盘读不出来,无法识别的6种修复方法
  7. 谈论AI之前,你搞懂人类了吗?
  8. linux xdm服务无法关闭,Linux远程操控XDM认识和配置
  9. Pandas数据分析groupby函数深度总结(1)
  10. ThinkPHP php 仿千图网源码_2018最新友价内核