版式设计
1万+ 人选课
更新日期:2026/04/03
开课平台智慧树
开课高校西华大学
开课教师黄静王晓琴谢畅
学科专业艺术学设计学类
开课时间2026/01/21 - 2026/07/20
课程周期26 周
开课状态开课中
每周学时-
课程简介
版式设计是一种关于图文编排技能的学问,本课程资源与主讲教师的省级一流线上线下混合课程的线上教学资源一致,并配有同步教材。课程从版式设计的基本理论入手,循序渐进地引入形式美的法则、文字、图形的编排设计,将版面、空间、层级、轴列、秩序、阅读导向等基本概念通过具体案例细致解读,提升学生审美情趣和理论素养,使学生具备能赏析视觉设计作品、并将信息用艺术的、独特的形式进行视觉化表达的能力。课程资源的配套教材深入解析超过500个设计案例,将版式设计知识点通过直观的案例解析使读者易学易用、融会贯通。
课程大纲

在线教程

章节简介教学计划
了解版式设计
学习资料 登录后可预览视频
版式设计的概念及应用领域
黄静
学习资料
学好版式设计的重要性及作用
黄静
怎样才能做好版式设计
黄静
学习资料
栅格构成训练
学习资料
栅格及网格版式设计
黄静
栅格构成训练的准备
版面和视觉元素
黄静
构成要素的放置规则
黄静
构成要素的组织原则
黄静
学习资料
水平构成
黄静
垂直/水平构成
黄静
倾斜构成
黄静
学习资料
版式中的文字设计
学习资料
课题训练作业二范例分享
学习资料
作业二范例分享(一)
黄静
作业二范例分享(二)
黄静
文字编排的基本因素
字体
黄静
字号、行距和色彩
黄静
文字的层级关系
黄静
文字的跳跃率
黄静
版面率
版面率的概念及低版面率版面
黄静
高版面率效果
黄静
标题字的设计方法
黄静
正文设计
添加边框、花边、底色进行强调
黄静
文字绕图、添加文字封套和以图为底
黄静
分栏编排和首字强调
黄静
图形编排设计
学习资料
章节概述
黄静
图形的视觉度
黄静
图版率
黄静
图形的跳跃率
黄静
图形的裁剪和形状
裁剪方法和原则
黄静
图形的形状(一)
黄静
图形的形状(二)
黄静
图片的放置和组合
黄静
图形的方向和视觉导向
黄静
课题训练作业三范例分享
作业三范例分享(一)
黄静
作业三范例分享(二)
黄静
实战演练
学习资料
Banner广告设计制作
Banner广告设计制作(一)
黄静
Banner广告设计制作(二)
黄静
招新海报设计制作
招新海报设计制作(一)
黄静
招新海报设计制作(二)
黄静
招新海报设计制作(三)
黄静
个人简历设计制作
个人简历设计制作(一)
黄静
个人简历设计制作(二)
黄静
毕业答辩PPT的设计与制作
毕业答辩PPT的设计与制作(一)
黄静
毕业答辩PPT的设计与制作(二)
黄静
  • 第一章了解版式设计

    版式设计的基本概念,应用领域以及学习方法。

  • 1.1版式设计的概念及应用领域

    什么是版式设计?它应用在哪些领域呢?

  • 1.2学好版式设计的重要性及作用

    学习版式设计有什么作用呢?

  • 1.3怎样才能做好版式设计

    我们怎么样才能做好版式设计呢?

  • 第二章栅格构成训练

    引入美国佛罗里达州罗林艺术和设计学院的金伯利•伊拉姆的试验课程训练内容,将信息要素简化为灰色的矩形、圆形,在一个限定版面中进行设计训练,讲解组合、轴列、虚空间、视觉张力、视觉中心等形式美要素与法则的运用,让学生迅速掌握获得整体有序的舒适版面的方法和原则,并能了解网格版式设计的基本方法。

  • 2.1栅格及网格版式设计

    本节将引入栅格的概念,并讲解网格设计的优缺点。

  • 2.2栅格构成训练的准备

    栅格构成设计训练是通过一个简化的3*3的网格系统,来理解和运用网格的约束,使视觉元素在版面中呈现出统一、有序、简洁的视觉效果。

  • 2.3构成要素的组织原则

    构成要素的组织原则包含组合、虚空间、四边、轴线的作用、视觉中心和圆的平衡。

  • 2.4水平构成

    水平构成在阅读导向上只有一个方向,一般来说,水平构成是最好操作、最容易控制的编排形式,视觉效果有序、统一而整体。

  • 2.5垂直/水平构成

    垂直/水平构成相比水平构成具有两个视觉方向,版面更加活跃。

  • 2.6倾斜构成

    倾斜构成是最动态也是最复杂的构成形式,但倾斜构成可以形成更具趣味性也更具有张力和动感的版面效果。

  • 第三章版式中的文字设计

    了解字体、字号、色彩对版式设计的影响;通过控制版面率、文字的层级关系、文字的跳跃率来确立版面设计风格,调节版面设计效果和舒适度;重点掌握标题文字和正文的设计方法,提升版式设计能力和水平。

  • 3.1课题训练作业二范例分享

    分享一些学生作品的优秀之处和问题之处。

  • 3.2文字编排的基本因素

    文字在版面构成中,不仅仅局限于信息传达,更是一种高尚的艺术表现形式。文字是版面设计的核心,也是视觉传达最直接的方式。本节将了解字体、字号、色彩对版式设计的影响。

  • 3.3文字的层级关系

    文字的层级关系一般是指版面中文字的大小和色度强弱所形成的由主到次、由近及远、有强到弱的视觉关系,也是一种阅读导向和顺序。如何设计文字的层级关系来调节版面设计效果和舒适度?

  • 3.4文字的跳跃率

    以正文文字为基准,版面中最大标题字的大小和正文文字大小之间的比率叫做文字的跳跃率。如何设计文字的跳跃率来调整版面的舒适度呢?

  • 3.5版面率

    了解一个版面的版面率是如何影响版式设计的风格和视觉效果。

  • 3.6标题字的设计方法

    好的标题字设计可以吸引读者的注意力,引起阅读兴趣,也可以增强版面的活力和美感。本节将介绍几种标题字的设计方法。

  • 3.7正文设计

    在一个版面中正文文字的作用主要是传达更具体的信息,如何通过正文的编排设计,可以提升版面的趣味性,增加版面的视觉细节呢?

  • 第四章图形编排设计

    主要内容涉及到图片视觉度对版面设计效果的影响,通过控制图形跳跃率、图版率确定版面风格;灵活运用图片的裁剪、图片的形状,图片的组合、图形的方向和视觉导向等设计方法,进行版式设计。

  • 4.1章节概述

    本章节内容概述以及版心的概念讲解。

  • 4.2图形的视觉度

    视觉的表现力与图片的类型、图片的大小、图形与底色的对比、图形的意味、方向,色彩等的关系。

  • 4.3图版率

    图版率是指相对于文字,图所占的比率。不同图版率的设计会有什么不同的效果呢?

  • 4.4图形的跳跃率

    图形的跳跃率是指版面中最小面积图形和最大面积图形之间的比率。它有哪些功能呢?

  • 4.5图形的裁剪和形状

    当我们开始一项设计任务时,首先要把收集到的素材进行分类,并根据设计意图进行处理,这就要涉及到对图片的裁剪。那图形的裁剪有哪些方法和原则呢?

  • 4.6图片的放置和组合

    图片放置划分版面的几种常见形式和图片组合的原则。

  • 4.7图形的方向和视觉导向

    在版式设计中,除了通过图片放置,文字编排的布局规划来形成清晰的阅读导向之外,我们还可以根据图片中图形的方向对观者的视觉方向进行引导,使观者得到清晰,流畅的阅读感受。

  • 4.8课题训练作业三范例分享

    杂志封面设计和影视海报设计的部分学生作业分享。

  • 第五章实战演练

    如何将版式设计的知识运用到日常的学习和生活中?本章主要通过4个不同案例的内容制作,讲解版式设计知识的运用

  • 5.1Banner广告设计制作

    如何制作一张banner广告呢?

  • 5.2招新海报设计制作

    如何在百团大战中脱颖而出呢?招新海报设计最重要!

  • 5.3个人简历设计制作

    怎样设计一份出彩的个人简历呢?

  • 5.4毕业答辩PPT的设计与制作

    如何做好一份毕业答辩PPT的设计呢?

  • 开始学习
  • 第一章  作业测试
    第一章 了解版式设计

    1.1 版式设计的概念及应用领域

    1.2 学好版式设计的重要性及作用

    1.3 怎样才能做好版式设计

    视频数3
  • 第二章  作业测试
    第二章 栅格构成训练

    2.1 栅格及网格版式设计

    2.2 栅格构成训练的准备

    2.3 构成要素的组织原则

    2.4 水平构成

    2.5 垂直/水平构成

    2.6 倾斜构成

    视频数7
  • 第三章  作业测试
    第三章 版式中的文字设计

    3.1 课题训练作业二范例分享

    3.2 文字编排的基本因素

    3.3 文字的层级关系

    3.4 文字的跳跃率

    3.5 版面率

    3.6 标题字的设计方法

    3.7 正文设计

    视频数12
  • 第四章  作业测试
    第四章 图形编排设计

    4.1 章节概述

    4.2 图形的视觉度

    4.3 图版率

    4.4 图形的跳跃率

    4.5 图形的裁剪和形状

    4.6 图片的放置和组合

    4.7 图形的方向和视觉导向

    4.8 课题训练作业三范例分享

    视频数11
  • 第五章  作业测试
    第五章 实战演练

    5.1 Banner广告设计制作

    5.2 招新海报设计制作

    5.3 个人简历设计制作

    5.4 毕业答辩PPT的设计与制作

    视频数9
  • 期末考试
App 下载
关注我们