当前位置:首页 >> 其它课程 >>

图文混排(3)


图文混排

WEB版式设计的视觉要素
主讲:赵娅琼

版式设计的视觉要素
●文字 ●图形 ●色彩

版式设计 版式设计的视觉要素 版式设计的构成要素

文字
? 文字编排的基本参数
? ? A:字体、字号、字距 B:标题与正文

? 文字编排的基本形式
? ? ? ? 左右均齐 齐中 齐左或齐右 文字绕图排列

? 文字编排的创意表达
? 文字的局部强调 ? 文字的整体编排 ? 文字的图形编排

文字编排的基本参数
? ? ? ? ? ? ? ? ? 字体:同一个版式中字体使用越多,整体性越差 字号:表述有号数制、级数制、点数制;字越小整体 性强,但太小会影响阅读。 标题:14点以上;正文:9~12点;文字多的 版面一般为7~8点; 字距、行距:字10点~行12点~字距1/10; 标题与正文: 让标题醒目:a:放大标题字体和字号;b:加粗字 体笔画,c:对标题进行创意设计; 正文:分栏3~4栏

无饰线的字体

分栏

分栏

文字编排的基本形式
? 左右均齐 ? 齐中 ? 齐左或齐右
? 左右均齐:严谨、美观 ? 齐中:视线更集中、中心更突出, 有随意轻松之感;

? 文字绕图排列

? 齐左:符合人们阅读习惯;齐右:
比较新颖。 ? 文字绕图排列:亲切、自然、生动 之感

齐中

齐中与左右均齐

齐中

齐左

齐左

文字绕图编排

左齐

文字编排的创意表达
? 文字的局部强调
? 首字放大 ? 加线 ? 衬色

? 文字的整体编排
? 矩形 ? 圆形 ? 几何形

? 文字的图形编排
? 形象文字的创意表达 ? 图文透叠与叠印 ? 文字图形化组合编排

文字局部强调——首字放大

文字局部强调——衬色

文字局部强调——加线

文字局部强调——衬色

文字局部强调——衬色

文字的整体编排——圆形

文字的图形编排——形象创意

文字的图形编排——图文透叠与叠印

图形
? 图形的裁切方式 ? 图形的面积 ? 图形的位置

? 方形图 ? 退底图 ? 出血图

? ?

大图:注目、感染力强、给人舒服、 愉悦;引导版面中心,视觉焦点 小图:简洁、精致、拘谨、静止、趣 味弱

? 中:视觉冲击力强 ? 下:下坠、压仰 ? 四角:平衡、稳定版面

图形的裁切方式——方形图

图形的裁切方式——方形图

图形的裁切方式——退底图

图形的裁切方式——退底图

图形的裁切方式——出血图

图形的裁切方式——出血图

大图

大小图

大小图编排

中图

图置下

置四角

色彩
? 色彩的感知对版面的影响 ? 色彩的版面的易读性 ? 文字、图形、色彩的综合构成

文字色彩与背景色彩
? 两者色彩尽量不要选择一致,调整 明度; ? 突出文字可以使用对比、或互补色 调整纯度、明度; ? 相同的背景加大正文与背景的对比

色彩的感知对版面的影响——优雅、都市

色彩的感知对版面的影响——清新

色彩的感知对版面的影响——古朴

色彩的感知对版面的影响——稳重、和谐

色彩的感知对版面的影响——热烈

色彩的感知对版面的影响——阳光、温暖

色彩的感知对版面的影响——饱满

色彩的感知对版面的影响——女性柔美

色彩的感知对版面的影响——理智、冷静、商务

色彩的感知对版面的影响——清爽、舒适

色彩的感知对版面的影响——梦幻、神秘

色彩的感知对版面的影响——活泼、自由

色彩的版面的易读性——明度对比

色彩的版面的易读性——明度对比

色彩的版面的易读性——明度对比

色彩的版面的易读性——明度对比

色彩的版面的易读性——纯度对比

色彩的版面的易读性——色相对比

色彩的版面的易读性——色相对比

色彩的版面的易读性

色彩的版面的易读性——白底黑字

色彩的版面的易读性——黑白 对比

增强对比度提高文字易读性

文字描边提高易读性

文字描边提高易读性

文字、图形、色彩的综合构成


赞助商链接
相关文章:
实验三 图形和图文混排[1]
实验 图形和图文混排[1]_计算机软件及应用_IT/计算机_专业资料。图形和图文混排 实验步骤提示实验内容: 1. 首先请下载试验素材 word-3 原始文件 后再开始做题...
2-3图文混排(1)
《图文混排》教学课件 15页 5财富值如要投诉违规内容,请到百度文库投诉中心;如要提出功能问题或意见建议,请点击此处进行反馈。 2-3图文混排(1) 隐藏>> 学校 ...
第三课 设计教师壁报——图文混排
托克逊县第一中学信息技术集体备课组 教学设计第课 设计教师壁报——图文混排参加人员:艾克拜尔·吾买尔 阿孜古丽·塞提尼亚孜 孙晓红 席勇 完成日期: 2016-...
word上机练习3===04-3图文混排和综合排版10.docx
2015-10-316:40:33 PM 第课, :图文混排和综 合排版一,图文混排 1,图形的位置 题目:对以下的图形改变位置:改为顶端靠右,四周型文字 环绕 提示:单击图形...
图文混排
图文混排 - 图文混排 教学目标:1、学会艺术字的编辑 2、会插入插入各种图片, 3、会插入文本框及绘制图形 教学重点:1、艺术字的编辑 2、插入图片 教学难点:...
第三课设计教室壁报—图文混排
课设计教室壁报—图文混排_其它课程_初中教育_教育专区。第三课 设计教室壁报—图文混排 【教材分析】 本节课需要讲授教科书的第二章第 3 课《图文混排》...
实验4 Word图文混排(2013-10-23)
10. 【合并文档】新建一个 WORD 文档,该文档名为部分:学号+姓名+word 图文混排, 将上述所有文档合并到该文档中,每个文档中间用分节符隔开,在每篇文档的最...
实验五 word图文混排与图形绘制
实验五 word图文混排与图形绘制 - 实验五 word 图文混排与图形绘制 上交作业是实验内容 1、实验内容 2、实验内容 3 实验内容 1:制作饭店菜单 ①②③④⑤ ...
3.Word知识题(大专)
3章 Word知识题(单选题) 1. Word文档的默认扩展名为___C___。 A.TXT...Word中,当文档中插入图形对象后,可以通过设置图片的环绕方式进行图文混排,下列哪...
计算机录入与排版教案_图文
计算机录入与排版教案_年级其它课程_其它课程_小学教育_教育专区。计算机录入与...教学重点、难点: 重点:word 的排版 难点:图文混排 教学方法及师生互动设计:以...
更多相关标签: