网页设计式与网页配色PPT课件
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
通过四角与中轴四点结构的不同组合、变化，可以求得多 样的页面结构。在图像排版时紧紧抓住这八个点，可以突出网 页的形式美感，网页的版式设计、视觉流程的筹划也得到相应 简化。
第40页/共74页
第41页/共74页
右图 下 角： 的着 树重 叶于 起对 到左 呼上 应角 与和 稳右 定下 页角 面的 的控 作制 用， 。
强调，其实是什么都没有强调。况且，在一个页面上运用过多的颜色，会
影响浏览者阅读页面内容，除非你有特殊的设计目的。
第26页/共74页
图8：根据页面色调灵活运用文字的色彩，既符合页面的整体氛围，又保证了可读性。
第27页/共74页
颜色的运用除了能够起到强调整体文字中特殊部分的作用之外， 对于整个文案的情感表达也会产生影响。这涉及到色彩的情感 象征性问题，限于篇幅，在这里不做深入探讨。 另外需要注意的是文字颜色的对比度，它包括明度上的对 比、纯度上的对比以及冷暖的对比。这些不仅对文字的可读性 发生作用，更重要的是，你可以通过对颜色的运用实现想要的 设计效果、设计情感和设计思想。
自然。
第20页/共74页
图6：文字与图片穿插排列，密集的文字形成块面，丰富了页面层次。
第21页/共74页
3.文字的强调
（1） 行首的强调 将正文的第一个字或字母放大并作装饰性处理，嵌入段落 的开头，这在传统媒体版式设计中称之为“下坠式”。此技巧 的发明溯源于欧洲中世纪的文稿抄写员。由于它有吸引视线、 装饰和活跃版面的作用，所以被应用于网页的文字编排中。其 下坠幅度应跨越一个完整字行的上下幅度。至于放大多少，则 依据所处网页环境而定。
第28页/共74页
二、图像 除了文本之外，网页上最重要的设计元素莫过于图像了。一方面，图像的应用使网页更加美观、有趣；另 一方面，图像本身也是传达信息的重要手段之一。与文字相比，它直观、生动，可以很容易地把那些文字 无法表达的信息表达出来，易于浏览者理解和接受。
第29页/共74页
1.图像的格式
Web通常使用两种图像格式：GIF和JPEG。除此以外，还有两种适合网络传播但没有被广泛应用的图 像格式：PNG和MNG。
第12页/共74页
（1）文字的图形化
• 字体具有两方面的作用：一是实现字意与语义的功能，二 是美学效应。所谓文字的图形化，即是强调它的美学效应，把 记号性的文字作为图形元素来表现，同时又强化了原有的功能。 作为网页设计者，既可以按照常规的方式来设置字体，也可以 对字体进行艺术化的设计。无论怎样，一切都应围绕如何更出 色地实现自己的设计目标。
第19页/共74页
（4）文字编排的四种基本形式
•
页面里的正文部分是由许多单个文字经过编排组成的群体，要充分发挥这个群体形
状在版面整体布局中的作用。
两端均齐 文字从左端到右端的长度均齐，字群形成方方正正的面，显得端正、严
谨、美观。
居中排列 在字距相等的情况下，以页面中心为轴线排列，这种编排方式使文字更
第16页/共74页
图4：由字符(ASCII码)组成的网站标志。
第17页/共74页
图5：通过文字的大小、明暗、疏密以及叠置等变化， 产生杂音感，起到较好的视觉引导作用。
第18Байду номын сангаас/共74页
（3）标题与正文
• 在进行标题与正文的编排时，可先考虑将正文作双栏、三 栏或四栏的编排，再进行标题的置入。将正文分栏，是为了求 取页面的空间与弹性，避免通栏的呆板以及标题插入方式的单 一性。标题虽是整段或整篇文章的标题，但不一定千篇一律地 置于段首之上。可作居中、横向、竖向或边置等编排处理，甚 至可以直接插入字群中，以新颖的版式来打破旧有的规律。
第13页/共74页
•
将文字图形化、意象化，以更富创意的形式表达出深层的设计思想，能够克服网页的单调与平淡，从
而打动人心。
第14页/共74页
图3：将文字放大，不仅实现了字意与语义的功能，而且具备了视觉冲击力。
第15页/共74页
（2）文字的叠置
• 文字与图像之间或文字与文字之间在经过叠置后，能够产 生空间感、跳跃感、透明感、杂音感和叙事感，从而成为页面 中活跃的、令人注目的元素。虽然叠置手法影响了文字的可读 性，但是能造成页面独特的视觉效果。这种不追求易读，而刻 意追求“杂音”的表现手法，体现了一种艺术思潮。因而，它 不仅大量运用于传统的版式设计，在网页设计中也被广泛采用。
图12：主体形象退底且两边出血。主体形象的方向性 与右侧文字的排列方式具有引导视觉的作用。
第38页/共74页
3.图像的编排
（1）四角与中轴四点结构 页面的四个角与对角线、中轴四点及水平与垂直的中轴线，具有支配页面结构的作用。
第39页/共74页
四角是页面边界相交形成的四个点，把四角连接起来的斜 线即对角线，交叉点为页面中心。中轴四点指经过页面中心的 垂直线和水平线的端点。这四个点可上、下、左、右移动。
第45页/共74页
第46页/共74页
有则图 效无 地法： 分突在 开出块 了重状 层点组 次。合 。这结
个构 页中 面， 通如 过图 改片 变太 图多 片， 的 面 积 ，
面活跃，丰富多采。关键是如何根据页面内容来掌握这个比例关系。
第5页/共74页
图1：通过文字大小疏密进行处理，突出重点，层次分明。
第6页/共74页
•
从加强平台无关性的角度来考虑，正文内
容最好采用缺省字体。因为浏览器是用本地机
器上的字库显示页面内容的。作为网页设计者
必须考虑到大多数浏览者的机器里只装有三种
第9页/共74页
• 行距可以用行高（line-height）属性来设置，建议以磅或默认行高的百分数为单位。例如：｛line-
height：20pt｝、｛line-height：150%｝。
第10页/共74页
第11页/共74页
成下图
2
对 比 ， 丰 富 了 版 面 空 间 层 次 。
部 的 文 字 编 排 采 用 较 小 的 行 距 ， 与 上 面 的 编 排 方 式 形
第22页/共74页
7
图 ： 下 坠 式 的 行 首 强 调 ， 有 吸 引 视 线 与 活 跃 画 面 的 作 用 。
第23页/共74页
（2） 引文的强调
在进行网页文字编排时，常常会碰到提纲挈领性的文字，即引文（也称为眉头）。引文概括一个段落、 一个章节或全文大意，因此在编排上应给予特殊的页面位置和空间来强调。引文的编排方式多种多样，如 将引文嵌入正文的左右侧、上方、下方或中心位置等，并且可以在字体或字号上与正文相区别而产生变化。
• 很多从事网页设计的计算机专业人员，对于网页的制作技术驾 轻就熟，但对于网页富有艺术性和个性的设计却感到力不从心。 特别是没有经过艺术设计专业训练的网页制作者，在掌握了网 页制作技术的情况下，都渴望将自己的网页制作得更具创意和 美感。目前关于网页制作的讨论和介绍，多以讲解软件的技术 性操作为主要内容，侧重艺术方面的非常之少。
图10：人物全部退底，文字色块的安排轻松随意，是面向年轻人的设计。
第35页/共74页
（3）出血图
图像的一边或几个边充满页面，有向外扩张和舒展之势。一般用于传达抒情或运动信息的页面，因不受 边框限制，感觉上与人更加接近，便于情感与动感的发挥。
第36页/共74页
图11：四边出血，有强烈的扩张感。
第37页/共74页
： 上 、 中 部 文 字 编 排 疏 散 ， 传 达 出 轻 松 愉 快 的 感 觉 。
2.文字的整体编排
• 页面里的正文部分是由许多单个文字经过编排组成的群体， 要充分发挥这个群体形状在版面整体布局中的作用。从艺术的 角度可以将字体本身看成是一种艺术形式，它在个性和情感方 面对人们有着很大影响。在网页设计中，字体的处理与颜色、 版式、图形等其他设计元素的处理一样非常关键。从某种意义 上来讲，所有的设计元素都可以理解为图形。
第3页/共74页
•
网页设计者可以用字体来更充分地体现设计中要表达的情感。字体选择是一种感性、直观的行为。但
是，无论选择什么字体，都要依据网页的总体设想和浏览者的需要。
第4页/共74页
•
粗体字强壮有力，有男性特点，适合机械、建筑业等内容；细体字高雅细致，有女性特点，更适合服
装、化妆品、食品等行业的内容。在同一页面中，字体种类少，版面雅致，有稳定感；字体种类多，则版
13
图14：饱满的页面构图，巧妙地利用表盘稳定住页面四角。
第42页/共74页
图15：以水平分割为主的页面，右上角与左下角安排了文字，打破呆板的感觉。
第43页/共74页
图16：多幅图片使水平垂直线规律地等量分割，获得了理性与秩序的美。
第44页/共74页
图17：图片与文字穿插编排，形成散点组合。 运用线条的分割、文字的群组化以及单一的背景色形成整体感。
第1页/共74页
一、文字的格式化
1.字号、字体、行距 字号大小可以用不同的方式来计算，例如磅（point）或像素（pixel）。因为以计算机的像素技术为
基础的单位需要在打印时转换为磅，所以，建议采用磅为单位。
第2页/共74页
最适合于网页正文显示的字体大小为12磅左右，现在很 多的综合性站点，由于在一个页面中需要安排的内容较多，通 常采用9磅的字号。较大的字体可用于标题或其他需要强调的地 方，小一些的字体可以用于页脚和辅助信息。需要注意的是， 小字号容易产生整体感和精致感，但可读性较差。
行距的常规比例为10:12，即用字10点，则行距12点。这主要是出于以下考虑：适当的行距会形成一条明
显的水平空白带，以引导浏览者的目光，而行距过宽会使一行文字失去较好的延续性。
第8页/共74页
• 除了对于可读性的影响，行距本身也是具有很强表现力的 设计语言，为了加强版式的装饰效果，可以有意识地加宽或缩 窄行距，体现独特的审美意趣。例如，加宽行距可以体现轻松、 舒展的情绪，应用于娱乐性、抒情性的内容恰如其分。另外， 通过精心安排，使宽、窄行距并存，可增强版面的空间层次与 弹性，表现出独到的匠心。
字体类型及一些相应的特定字体。而你指定的
字体在浏览者的机器里并不一定能够找到，这
给网页设计带来很大的局限。解决问题的办法
是：在确有必要使用特殊字体的地方，可以将
文字制成图像，然后插入页面中。
第7页/共74页
•
行距的变化也会对文本的可读性产生很大影响。一般情况下，接近字体尺寸的行距设置比较适合正文。
第30页/共74页
2.图像的形式
同印刷排版一样，静态图像在网页排版中的运用不外乎四种形式：方形图、退底图、出血图以及这三种形 式的结合使用。
第31页/共74页
（1）方形图
即图形以直线边框来规范和限制，是一种最常见、最简洁、最单纯的形态。方形图使图像内容更突出且将主 体形象与环境共融，可以完整地传达主题思想，富有感染性。配置方形图的页面，给人以稳重、可信、严 谨、理性、庄重和安静等感觉，但有时也显得平淡、呆板。
4.文字的颜色
•
在网页设计中，设计者可以为文字、文字链接、已访问链接和当前活
动链接选用各种颜色。例如，如果你使用Dreamweaver编辑器，默认的
设置是这样的：正常字体颜色为黑色，默认的链接颜色为兰色，鼠标点击
之后又变为紫红色。使用不同颜色的文字可以使想要强调的部分更加引人
注目，但应该注意的是，对于文字的颜色，只可少量运用，如果什么都想
第24页/共74页
（3）个别文字的强调
如果将个别文字作为页面的诉求重点，则可以通过加粗、加框、加下划线、 加指示性符号、倾斜字体等手段有意识地强化文字的视觉效果，使其在页面整体 中显得出众而夺目。另外，改变某些文字的颜色，也可以使这部分文字得到强调。 这些方法实际上都是运用了对比的法则。
第25页/共74页
加突出，产生对称的形式美感。
左对齐或右对齐 左对齐或右对齐使行首或行尾自然形成一条清晰的垂直线，很容
易与图形配合。这种编排方式有松有紧，有虚有实，跳动而飘逸，产生节奏与韵律的形
式美感。左对齐符合人们阅读时的习惯，显得自然；右对齐因不太符合阅读习惯而较少
采用，但显得新颖。
绕图排列 将文字绕图形边缘排列。如果将退底图插入文字中，会令人感到融洽、
第32页/共74页
图9：典型的方形图，四周留出边框，使图片内容突出。
第33页/共74页
（2）退底图 将图像中的背景去掉，只留下主题形象。退底图形自由而突出，更具有个性，因而给人印象深 刻。配置退底图的页面，轻松、活泼，动态十足，而且图文结合自然，给人以亲和感。但也容易造成凌乱 和不整体的感觉。
第34页/共74页
第40页/共74页
第41页/共74页
右图 下 角： 的着 树重 叶于 起对 到左 呼上 应角 与和 稳右 定下 页角 面的 的控 作制 用， 。
强调，其实是什么都没有强调。况且，在一个页面上运用过多的颜色，会
影响浏览者阅读页面内容，除非你有特殊的设计目的。
第26页/共74页
图8：根据页面色调灵活运用文字的色彩，既符合页面的整体氛围，又保证了可读性。
第27页/共74页
颜色的运用除了能够起到强调整体文字中特殊部分的作用之外， 对于整个文案的情感表达也会产生影响。这涉及到色彩的情感 象征性问题，限于篇幅，在这里不做深入探讨。 另外需要注意的是文字颜色的对比度，它包括明度上的对 比、纯度上的对比以及冷暖的对比。这些不仅对文字的可读性 发生作用，更重要的是，你可以通过对颜色的运用实现想要的 设计效果、设计情感和设计思想。
自然。
第20页/共74页
图6：文字与图片穿插排列，密集的文字形成块面，丰富了页面层次。
第21页/共74页
3.文字的强调
（1） 行首的强调 将正文的第一个字或字母放大并作装饰性处理，嵌入段落 的开头，这在传统媒体版式设计中称之为“下坠式”。此技巧 的发明溯源于欧洲中世纪的文稿抄写员。由于它有吸引视线、 装饰和活跃版面的作用，所以被应用于网页的文字编排中。其 下坠幅度应跨越一个完整字行的上下幅度。至于放大多少，则 依据所处网页环境而定。
第28页/共74页
二、图像 除了文本之外，网页上最重要的设计元素莫过于图像了。一方面，图像的应用使网页更加美观、有趣；另 一方面，图像本身也是传达信息的重要手段之一。与文字相比，它直观、生动，可以很容易地把那些文字 无法表达的信息表达出来，易于浏览者理解和接受。
第29页/共74页
1.图像的格式
Web通常使用两种图像格式：GIF和JPEG。除此以外，还有两种适合网络传播但没有被广泛应用的图 像格式：PNG和MNG。
第12页/共74页
（1）文字的图形化
• 字体具有两方面的作用：一是实现字意与语义的功能，二 是美学效应。所谓文字的图形化，即是强调它的美学效应，把 记号性的文字作为图形元素来表现，同时又强化了原有的功能。 作为网页设计者，既可以按照常规的方式来设置字体，也可以 对字体进行艺术化的设计。无论怎样，一切都应围绕如何更出 色地实现自己的设计目标。
第19页/共74页
（4）文字编排的四种基本形式
•
页面里的正文部分是由许多单个文字经过编排组成的群体，要充分发挥这个群体形
状在版面整体布局中的作用。
两端均齐 文字从左端到右端的长度均齐，字群形成方方正正的面，显得端正、严
谨、美观。
居中排列 在字距相等的情况下，以页面中心为轴线排列，这种编排方式使文字更
第16页/共74页
图4：由字符(ASCII码)组成的网站标志。
第17页/共74页
图5：通过文字的大小、明暗、疏密以及叠置等变化， 产生杂音感，起到较好的视觉引导作用。
第18Байду номын сангаас/共74页
（3）标题与正文
• 在进行标题与正文的编排时，可先考虑将正文作双栏、三 栏或四栏的编排，再进行标题的置入。将正文分栏，是为了求 取页面的空间与弹性，避免通栏的呆板以及标题插入方式的单 一性。标题虽是整段或整篇文章的标题，但不一定千篇一律地 置于段首之上。可作居中、横向、竖向或边置等编排处理，甚 至可以直接插入字群中，以新颖的版式来打破旧有的规律。
第13页/共74页
•
将文字图形化、意象化，以更富创意的形式表达出深层的设计思想，能够克服网页的单调与平淡，从
而打动人心。
第14页/共74页
图3：将文字放大，不仅实现了字意与语义的功能，而且具备了视觉冲击力。
第15页/共74页
（2）文字的叠置
• 文字与图像之间或文字与文字之间在经过叠置后，能够产 生空间感、跳跃感、透明感、杂音感和叙事感，从而成为页面 中活跃的、令人注目的元素。虽然叠置手法影响了文字的可读 性，但是能造成页面独特的视觉效果。这种不追求易读，而刻 意追求“杂音”的表现手法，体现了一种艺术思潮。因而，它 不仅大量运用于传统的版式设计，在网页设计中也被广泛采用。
图12：主体形象退底且两边出血。主体形象的方向性 与右侧文字的排列方式具有引导视觉的作用。
第38页/共74页
3.图像的编排
（1）四角与中轴四点结构 页面的四个角与对角线、中轴四点及水平与垂直的中轴线，具有支配页面结构的作用。
第39页/共74页
四角是页面边界相交形成的四个点，把四角连接起来的斜 线即对角线，交叉点为页面中心。中轴四点指经过页面中心的 垂直线和水平线的端点。这四个点可上、下、左、右移动。
第45页/共74页
第46页/共74页
有则图 效无 地法： 分突在 开出块 了重状 层点组 次。合 。这结
个构 页中 面， 通如 过图 改片 变太 图多 片， 的 面 积 ，
面活跃，丰富多采。关键是如何根据页面内容来掌握这个比例关系。
第5页/共74页
图1：通过文字大小疏密进行处理，突出重点，层次分明。
第6页/共74页
•
从加强平台无关性的角度来考虑，正文内
容最好采用缺省字体。因为浏览器是用本地机
器上的字库显示页面内容的。作为网页设计者
必须考虑到大多数浏览者的机器里只装有三种
第9页/共74页
• 行距可以用行高（line-height）属性来设置，建议以磅或默认行高的百分数为单位。例如：｛line-
height：20pt｝、｛line-height：150%｝。
第10页/共74页
第11页/共74页
成下图
2
对 比 ， 丰 富 了 版 面 空 间 层 次 。
部 的 文 字 编 排 采 用 较 小 的 行 距 ， 与 上 面 的 编 排 方 式 形
第22页/共74页
7
图 ： 下 坠 式 的 行 首 强 调 ， 有 吸 引 视 线 与 活 跃 画 面 的 作 用 。
第23页/共74页
（2） 引文的强调
在进行网页文字编排时，常常会碰到提纲挈领性的文字，即引文（也称为眉头）。引文概括一个段落、 一个章节或全文大意，因此在编排上应给予特殊的页面位置和空间来强调。引文的编排方式多种多样，如 将引文嵌入正文的左右侧、上方、下方或中心位置等，并且可以在字体或字号上与正文相区别而产生变化。
• 很多从事网页设计的计算机专业人员，对于网页的制作技术驾 轻就熟，但对于网页富有艺术性和个性的设计却感到力不从心。 特别是没有经过艺术设计专业训练的网页制作者，在掌握了网 页制作技术的情况下，都渴望将自己的网页制作得更具创意和 美感。目前关于网页制作的讨论和介绍，多以讲解软件的技术 性操作为主要内容，侧重艺术方面的非常之少。
图10：人物全部退底，文字色块的安排轻松随意，是面向年轻人的设计。
第35页/共74页
（3）出血图
图像的一边或几个边充满页面，有向外扩张和舒展之势。一般用于传达抒情或运动信息的页面，因不受 边框限制，感觉上与人更加接近，便于情感与动感的发挥。
第36页/共74页
图11：四边出血，有强烈的扩张感。
第37页/共74页
： 上 、 中 部 文 字 编 排 疏 散 ， 传 达 出 轻 松 愉 快 的 感 觉 。
2.文字的整体编排
• 页面里的正文部分是由许多单个文字经过编排组成的群体， 要充分发挥这个群体形状在版面整体布局中的作用。从艺术的 角度可以将字体本身看成是一种艺术形式，它在个性和情感方 面对人们有着很大影响。在网页设计中，字体的处理与颜色、 版式、图形等其他设计元素的处理一样非常关键。从某种意义 上来讲，所有的设计元素都可以理解为图形。
第3页/共74页
•
网页设计者可以用字体来更充分地体现设计中要表达的情感。字体选择是一种感性、直观的行为。但
是，无论选择什么字体，都要依据网页的总体设想和浏览者的需要。
第4页/共74页
•
粗体字强壮有力，有男性特点，适合机械、建筑业等内容；细体字高雅细致，有女性特点，更适合服
装、化妆品、食品等行业的内容。在同一页面中，字体种类少，版面雅致，有稳定感；字体种类多，则版
13
图14：饱满的页面构图，巧妙地利用表盘稳定住页面四角。
第42页/共74页
图15：以水平分割为主的页面，右上角与左下角安排了文字，打破呆板的感觉。
第43页/共74页
图16：多幅图片使水平垂直线规律地等量分割，获得了理性与秩序的美。
第44页/共74页
图17：图片与文字穿插编排，形成散点组合。 运用线条的分割、文字的群组化以及单一的背景色形成整体感。
第1页/共74页
一、文字的格式化
1.字号、字体、行距 字号大小可以用不同的方式来计算，例如磅（point）或像素（pixel）。因为以计算机的像素技术为
基础的单位需要在打印时转换为磅，所以，建议采用磅为单位。
第2页/共74页
最适合于网页正文显示的字体大小为12磅左右，现在很 多的综合性站点，由于在一个页面中需要安排的内容较多，通 常采用9磅的字号。较大的字体可用于标题或其他需要强调的地 方，小一些的字体可以用于页脚和辅助信息。需要注意的是， 小字号容易产生整体感和精致感，但可读性较差。
行距的常规比例为10:12，即用字10点，则行距12点。这主要是出于以下考虑：适当的行距会形成一条明
显的水平空白带，以引导浏览者的目光，而行距过宽会使一行文字失去较好的延续性。
第8页/共74页
• 除了对于可读性的影响，行距本身也是具有很强表现力的 设计语言，为了加强版式的装饰效果，可以有意识地加宽或缩 窄行距，体现独特的审美意趣。例如，加宽行距可以体现轻松、 舒展的情绪，应用于娱乐性、抒情性的内容恰如其分。另外， 通过精心安排，使宽、窄行距并存，可增强版面的空间层次与 弹性，表现出独到的匠心。
字体类型及一些相应的特定字体。而你指定的
字体在浏览者的机器里并不一定能够找到，这
给网页设计带来很大的局限。解决问题的办法
是：在确有必要使用特殊字体的地方，可以将
文字制成图像，然后插入页面中。
第7页/共74页
•
行距的变化也会对文本的可读性产生很大影响。一般情况下，接近字体尺寸的行距设置比较适合正文。
第30页/共74页
2.图像的形式
同印刷排版一样，静态图像在网页排版中的运用不外乎四种形式：方形图、退底图、出血图以及这三种形 式的结合使用。
第31页/共74页
（1）方形图
即图形以直线边框来规范和限制，是一种最常见、最简洁、最单纯的形态。方形图使图像内容更突出且将主 体形象与环境共融，可以完整地传达主题思想，富有感染性。配置方形图的页面，给人以稳重、可信、严 谨、理性、庄重和安静等感觉，但有时也显得平淡、呆板。
4.文字的颜色
•
在网页设计中，设计者可以为文字、文字链接、已访问链接和当前活
动链接选用各种颜色。例如，如果你使用Dreamweaver编辑器，默认的
设置是这样的：正常字体颜色为黑色，默认的链接颜色为兰色，鼠标点击
之后又变为紫红色。使用不同颜色的文字可以使想要强调的部分更加引人
注目，但应该注意的是，对于文字的颜色，只可少量运用，如果什么都想
第24页/共74页
（3）个别文字的强调
如果将个别文字作为页面的诉求重点，则可以通过加粗、加框、加下划线、 加指示性符号、倾斜字体等手段有意识地强化文字的视觉效果，使其在页面整体 中显得出众而夺目。另外，改变某些文字的颜色，也可以使这部分文字得到强调。 这些方法实际上都是运用了对比的法则。
第25页/共74页
加突出，产生对称的形式美感。
左对齐或右对齐 左对齐或右对齐使行首或行尾自然形成一条清晰的垂直线，很容
易与图形配合。这种编排方式有松有紧，有虚有实，跳动而飘逸，产生节奏与韵律的形
式美感。左对齐符合人们阅读时的习惯，显得自然；右对齐因不太符合阅读习惯而较少
采用，但显得新颖。
绕图排列 将文字绕图形边缘排列。如果将退底图插入文字中，会令人感到融洽、
第32页/共74页
图9：典型的方形图，四周留出边框，使图片内容突出。
第33页/共74页
（2）退底图 将图像中的背景去掉，只留下主题形象。退底图形自由而突出，更具有个性，因而给人印象深 刻。配置退底图的页面，轻松、活泼，动态十足，而且图文结合自然，给人以亲和感。但也容易造成凌乱 和不整体的感觉。
第34页/共74页