CorelDRAW艺术设计 教学课件 作者 田秋成第7章CorelDRAW在网页设计中的应用.ppt

《CorelDRAW艺术设计 教学课件 作者 田秋成第7章CorelDRAW在网页设计中的应用.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、本章要点●网页文字设计●网页按钮设计●网页色彩设计●网页界面设计《CorelDRAW艺术设计》第7章CorelDRAW在网页设计中的应用网页设计的主要任务是体现网站的宗旨，吸引用户，并为网站创造效益。网页设计，所涉及的内容很多，从总体设计角度，主要包括需求分析、整体布局、前台设计、后台设计等；从设计技术角度，主要包括文字设计、网页插图、色彩运用、网页切割等。网页中的元素很多，像文字、图片、导航条、按钮、文本框、版权、商标、广告等，这些都需要进行设计。7.1网页设计概述《CorelDRAW艺术设计》第7章CorelDRAW在网页设计中的应用（1）字体、字号一般网页的正文通常采

2、用宋体、12磅字号。较大的字体可用于标题或需要强调的地方，小号字体可以用于页脚和辅助信息。（2）行距、字间距一般情况下，接近字体尺寸的行距设置比较适合正文。行距的常规比例为10：12。（3）字母大小写页面横幅通告，一般用大写字母标识。《CorelDRAW艺术设计》7.2.1字体设计7.2网页文字设计第7章CorelDRAW在网页设计中的应用强调，一般采用以下几种方式：●位置强调，即占用突出的、重要的位置等。●空间强调，即给予较多的版面或空出其周围或放大文字或加大文字的行距、间距等。●标识强调，即将文字设置为加粗、斜体，使用下划线、删除线标识，使用字符底纹、字符边框，在文字下

3、方添加着重号或改变文字的字体等。●色彩强调，使用鲜亮的颜色突出显示或使用有色彩的艺术字，包括明度对比、纯度对比以及冷暖对比等。《CorelDRAW艺术设计》7.2.2文字强调7.2网页文字设计第7章CorelDRAW在网页设计中的应用文字设计应遵循以下原则。（1）阅读上清晰易识；（2）排列上协调有序；（3）视觉上舒适和谐；（4）设计上独特创新。《CorelDRAW艺术设计》7.2.3文字设计原则7.2网页文字设计第7章CorelDRAW在网页设计中的应用1.设计效果如图7-1所示。《CorelDRAW艺术设计》7.3.1在线咨询按钮设计7.3网页按钮导航条设计第7章Core

4、lDRAW在网页设计中的应用2.制作步骤1）画第一个圆角矩形A先用“矩形工具”画一个矩形；然后，选择“形状工具”，按住键，将矩形的点移动，并选择属性栏中的线型为0.706mm，圆角矩形A的属性参数设置及效果如图7-2所示。《CorelDRAW艺术设计》7.3.1在线咨询按钮设计7.3网页按钮导航条设计第7章CorelDRAW在网页设计中的应用2）画第二个圆角矩形B选用“挑选工具”，按住键，移动图形的短边；然后不要松开左键，同时按下右键，再松开右键；最后再松开左键。这样，就会复制出一个矩形B，并通过“挑选工具”和“形状工具”作进一步调整，把矩形B放

5、在圆角矩形A的内部，并设置内部圆角矩形B边线为细线，圆角矩形B的属性参数设置及效果如图7-3所示。《CorelDRAW艺术设计》7.3.1在线咨询按钮设计7.3网页按钮导航条设计第7章CorelDRAW在网页设计中的应用3）圆角矩形B渐变填充选用“填充工具”的“渐变填充方式”对话框，参数设置如图7-4所示。渐变填充颜色数值为C60、M0、Y40、K20和C100、M0、Y0、K0，效果如图7-5所示。《CorelDRAW艺术设计》7.3.1在线咨询按钮设计7.3网页按钮导航条设计第7章CorelDRAW在网页设计中的应用4）画第三个圆角矩形C第三个圆角矩形C作为整体按钮的高

6、光部分，修饰按钮。选用“矩形工具”，采用画第一个矩形的方法，在上方画一个相似的圆角小矩形C，并去掉边线，如图7-6所示。《CorelDRAW艺术设计》7.3.1在线咨询按钮设计7.3网页按钮导航条设计第7章CorelDRAW在网页设计中的应用5）填充背景色为外边的圆角矩形填充背景色，灰度为30%，如图7-7和图7-8所示。《CorelDRAW艺术设计》7.3.1在线咨询按钮设计7.3网页按钮导航条设计第7章CorelDRAW在网页设计中的应用6）添加一个圆环参照步骤1）、2），在图的左下方画一个圆环，并使用组合键，将圆环进行结合，属性参数设置及效果如图7-9

7、所示。《CorelDRAW艺术设计》7.3.1在线咨询按钮设计7.3网页按钮导航条设计第7章CorelDRAW在网页设计中的应用7）圆环填充颜色将圆环填充为白色，效果如图7-10所示。《CorelDRAW艺术设计》7.3.1在线咨询按钮设计7.3网页按钮导航条设计第7章CorelDRAW在网页设计中的应用8）添加一个五星选择“图纸工具”中的“多边形工具”，设置参数，选择“形状工具”后，进行终点调节，属性参数设置及效果如图7-11所示。9）添加文字利用“文本工具”添加文字“在线咨询”，并设置颜色为白色，字体大小为36