论文部分内容阅读
平衡页面 引导阅读
用线条来平衡页面,引导观众的视线是高手爱用的操作。其实当一个页面有一根粗粗的线条横、竖在那里的时候,会特别显眼,人们的注意力会自动转移到那个区域当中,因此达到引导视线的效果。
示例的整个页面看起来有些单薄,总感觉缺少点什么,所以在目录下添加一根半透明的线条,页面的上下部分就有了层次感,再为目录下的文字内容添加线框,这样下面的文本就有了平衡感(图1)。右击绘制好的线条选择“设置形状格式”,在右侧选择“填充与线条”下的“线条”,然后在“透明度”中就可以修改线条的透明度,让其能隐隐看到后面的背景即可。
接下来的示例中,上下图明显的区别就是通过线条将页面中的各部分连接起来了,并且线条添加了“擦除”动画,动画的方向是从左往右,再从上往下,从而实现了先致谢再展示个人信息,观众的视线也会跟随着运动方向(图2)。这样做的好处就是,观众看到的不再是零散分布在页面上的个体,而是一个整体。这里的线条是直接绘制了多根线段然后进行连接的,所以可以分别设置擦除动画,动画的“开始”方式是“在上一个动画之后”,这样就可以使线条动画连续播放。
做时间轴 按序呈现
时间轴在很多作品中都有应用,有时还能用线条来制作流程图。下图所示的就是用线条来做时间轴的最好展示,前一个是按照时间介绍相应的内容,后一个是用线条注解不同书法字体的样式。
如图所示(图3),其中的线条并不是用多根线段连接的,而是使用多边形工具绘制的。切换到“插入”选项卡,单击“形状”下的“线条→任意多边形”(图4),然后在页面上单击确定第一个点,再移到需要的位置单击确定第二个点,连续多次单击后到最后一个位置,在最后的位置双击即可完成。绘制出的线条在右侧“形状选项”中可以进行颜色、宽度等修饰。绘制一个实心圆和空心圆,重叠在一起摆放在相应的位置,最后将所有的图形组合起来,这样一个时间轴就做出来了。除了时间轴,通常路径也能用线条来实现。
图3的下图是一根曲线,单击“形状”下的“线条→曲线”,然后在页面中连续单击确定弯曲方向,如果弯曲不到位可以右击选择“编辑顶点”(图5),可调节线条的弯曲度。要新增弯曲点,可以右击线条选择“添加顶点”,再选中该顶点选择“平滑顶点”,这样曲线的弯曲就平滑啦,最后将“线条”下的“复合类型”设置为“三线”。
汇聚视角 凸显重点
当线条构成某种形状时,会使人的视线集中,缩小视觉范围。在没有线条的局限时,我们的目光会由于页面大面积的空白,而找不到合适的视觉焦点,很难集中注意力观看文字简介。加入线条之后,页面的视觉范围就缩小为线框部分的内容了,而文字則成为了我们的视觉焦点。
本节的示例中,上图是通过线框将文字半圈起来,也将观众的视角从高楼大厦中吸引过去了;下图中将用开放的环线将“寻找”两个字凸显出来,环形线的开放处进行延伸,引出后面的标题文字。这两种看似简单的线框,却应用了不同的技法(图6)。
上图的制作方法:首先用一张图片作为幻灯片背景,注意不是将图片直接放在页面中,而是在页面中右击选择“设置背景格式”,在右侧单击“文件”选择背景图片进行设置;然后绘制一个矩形,边框为白色,不填充颜色(图7);制作两个文本框,输入文字并设置好样式;再选中“慢下来,品味生活”文本框,右击选择“设置形状格式”,选择“形状选项→填充”下的“幻灯片背景填充”,拖动文本会发现它的背景自动跟当前位置的背景图片保持一致;最后调整文本框和矩形框的位置,此时文本框会自动截断矩形框,让其成为一个不封闭的线条。
下图中的不封闭的环形线是通过渐变线实现的,先绘制一个圆形,然后将“线条”设置为“渐变线”(图8),“方向”选择“线性向右”,将“渐变光圈”下“停止点”的颜色都选择“白色”,分别选中最后的两个停止点,将“透明度”设置为“100%”,环形线就不再封闭,拖动中间的两个停止点,可以调节环形开放区域的大小。这种绘制线条的方法是比较巧妙的,可应用于制作多种形状的线条。
线框穿插 划分空间
用不完全封闭的线框配合人物图片进行排版,有时候可以适当做些穿插,营造空间感。近几年这些技法非常流行,但是制作却非常简单。
本节示例就是人物和线框的穿插(图9)。先绘制一个矩形框,然后将人物图片放置在矩形之上,再绘制一根与框线一样的线条,将其覆盖在要遮挡人物的位置,这样就能形成穿插效果,让人物跃然纸上,有了立体感。
使用线条进行空间分隔,进而达成区域与界面的分与合,区域和区域的独立。排版原则中有一条叫分组,而分组通常就是使用线框,有时通过添加线条,就可以实现划分区域。
线条的划分空间有两种形式:一种是标题和内容;一种是内容和内容之间,就是空间划分的最好体现(图10),使用虚线和细斜线进行划分的好处是不会喧宾夺主。
线条的作用概括起来就是区分、聚焦、引导和注解,一些作品中只用了线条进行简单的修饰,却给人一种清新雅致的美感,这可能就是设计中所谓的“大道至简”。
用线条来平衡页面,引导观众的视线是高手爱用的操作。其实当一个页面有一根粗粗的线条横、竖在那里的时候,会特别显眼,人们的注意力会自动转移到那个区域当中,因此达到引导视线的效果。
示例的整个页面看起来有些单薄,总感觉缺少点什么,所以在目录下添加一根半透明的线条,页面的上下部分就有了层次感,再为目录下的文字内容添加线框,这样下面的文本就有了平衡感(图1)。右击绘制好的线条选择“设置形状格式”,在右侧选择“填充与线条”下的“线条”,然后在“透明度”中就可以修改线条的透明度,让其能隐隐看到后面的背景即可。
接下来的示例中,上下图明显的区别就是通过线条将页面中的各部分连接起来了,并且线条添加了“擦除”动画,动画的方向是从左往右,再从上往下,从而实现了先致谢再展示个人信息,观众的视线也会跟随着运动方向(图2)。这样做的好处就是,观众看到的不再是零散分布在页面上的个体,而是一个整体。这里的线条是直接绘制了多根线段然后进行连接的,所以可以分别设置擦除动画,动画的“开始”方式是“在上一个动画之后”,这样就可以使线条动画连续播放。
做时间轴 按序呈现
时间轴在很多作品中都有应用,有时还能用线条来制作流程图。下图所示的就是用线条来做时间轴的最好展示,前一个是按照时间介绍相应的内容,后一个是用线条注解不同书法字体的样式。
如图所示(图3),其中的线条并不是用多根线段连接的,而是使用多边形工具绘制的。切换到“插入”选项卡,单击“形状”下的“线条→任意多边形”(图4),然后在页面上单击确定第一个点,再移到需要的位置单击确定第二个点,连续多次单击后到最后一个位置,在最后的位置双击即可完成。绘制出的线条在右侧“形状选项”中可以进行颜色、宽度等修饰。绘制一个实心圆和空心圆,重叠在一起摆放在相应的位置,最后将所有的图形组合起来,这样一个时间轴就做出来了。除了时间轴,通常路径也能用线条来实现。
图3的下图是一根曲线,单击“形状”下的“线条→曲线”,然后在页面中连续单击确定弯曲方向,如果弯曲不到位可以右击选择“编辑顶点”(图5),可调节线条的弯曲度。要新增弯曲点,可以右击线条选择“添加顶点”,再选中该顶点选择“平滑顶点”,这样曲线的弯曲就平滑啦,最后将“线条”下的“复合类型”设置为“三线”。
汇聚视角 凸显重点
当线条构成某种形状时,会使人的视线集中,缩小视觉范围。在没有线条的局限时,我们的目光会由于页面大面积的空白,而找不到合适的视觉焦点,很难集中注意力观看文字简介。加入线条之后,页面的视觉范围就缩小为线框部分的内容了,而文字則成为了我们的视觉焦点。
本节的示例中,上图是通过线框将文字半圈起来,也将观众的视角从高楼大厦中吸引过去了;下图中将用开放的环线将“寻找”两个字凸显出来,环形线的开放处进行延伸,引出后面的标题文字。这两种看似简单的线框,却应用了不同的技法(图6)。
上图的制作方法:首先用一张图片作为幻灯片背景,注意不是将图片直接放在页面中,而是在页面中右击选择“设置背景格式”,在右侧单击“文件”选择背景图片进行设置;然后绘制一个矩形,边框为白色,不填充颜色(图7);制作两个文本框,输入文字并设置好样式;再选中“慢下来,品味生活”文本框,右击选择“设置形状格式”,选择“形状选项→填充”下的“幻灯片背景填充”,拖动文本会发现它的背景自动跟当前位置的背景图片保持一致;最后调整文本框和矩形框的位置,此时文本框会自动截断矩形框,让其成为一个不封闭的线条。
下图中的不封闭的环形线是通过渐变线实现的,先绘制一个圆形,然后将“线条”设置为“渐变线”(图8),“方向”选择“线性向右”,将“渐变光圈”下“停止点”的颜色都选择“白色”,分别选中最后的两个停止点,将“透明度”设置为“100%”,环形线就不再封闭,拖动中间的两个停止点,可以调节环形开放区域的大小。这种绘制线条的方法是比较巧妙的,可应用于制作多种形状的线条。
线框穿插 划分空间
用不完全封闭的线框配合人物图片进行排版,有时候可以适当做些穿插,营造空间感。近几年这些技法非常流行,但是制作却非常简单。
本节示例就是人物和线框的穿插(图9)。先绘制一个矩形框,然后将人物图片放置在矩形之上,再绘制一根与框线一样的线条,将其覆盖在要遮挡人物的位置,这样就能形成穿插效果,让人物跃然纸上,有了立体感。
使用线条进行空间分隔,进而达成区域与界面的分与合,区域和区域的独立。排版原则中有一条叫分组,而分组通常就是使用线框,有时通过添加线条,就可以实现划分区域。
线条的划分空间有两种形式:一种是标题和内容;一种是内容和内容之间,就是空间划分的最好体现(图10),使用虚线和细斜线进行划分的好处是不会喧宾夺主。
线条的作用概括起来就是区分、聚焦、引导和注解,一些作品中只用了线条进行简单的修饰,却给人一种清新雅致的美感,这可能就是设计中所谓的“大道至简”。