CorelDRAW艺术设计：优秀网页界面成果

2023-10-21 理论教育版权反馈

【摘要】：下面以某培训学校的网页设计为例，讲述CorelDRAW在网页设计中的具体应用。首先在CorelDRAW中利用“贝塞尔工具”制作起航图标，并利用蓝色进行填充，写上一个大写的E字，并设置红色，如图7-76所示。图7-76 学校网站背景透明Logo标题设计打开CorelDRAW软件，利用“文本工具”输入“红星电脑培训学校”；然后，设置字体颜色为RGB，添加图层样式，如图7-77所示；接着，导出PNG格式的背景透明图片，导入到CorelDRAW中，如图7-78所示。

下面以某培训学校的网页设计为例，讲述CorelDRAW在网页设计中的具体应用。

1.设计效果

某培训学校网站主界面设计效果如图7-75所示。

图7-75 某培训学校网站主界面设计田磊作

2.设计构思

主界面主要以蓝色为主背景，体现出专业的特点，然后选定一种色彩，调整透明度或者饱和度，将网页背景、文字、边框等元素都控制在此色彩中，只是在明度上有所变化，这样各页面的色彩会非常统一，且有层次感。如浅蓝色的背景，深蓝色的文字。在设计原则上遵守尽量使用同类色的准则，从而得到鲜明的，黑白对比，可突出主题。

3.设计元素

网站Logo、标题、导航条、文字设计、超链接设计、曲线背景、按钮设计。

4.设计步骤

（1）网站Logo

网站Logo以一个扬帆起航的图标和一个代表教育（Education）的E字母组成，代表着欣欣向荣的景象。首先在CorelDRAW中利用“贝塞尔工具”制作起航图标，并利用蓝色进行填充，写上一个大写的E字，并设置红色，如图7-76所示。

图7-76 学校网站背景透明Logo

（2）标题设计

打开CorelDRAW软件，利用“文本工具”输入“红星电脑培训学校”；然后，设置字体颜色为RGB（58，74，128），添加图层样式，如图7-77所示；接着，导出PNG格式的背景透明图片，导入到CorelDRAW中，如图7-78所示。

图7-77 投影图层样式属性设置(www.chuimin.cn)

图7-78 最终文字背景透明图

（3）导航条

利用“矩形工具”制作一个矩形，通过属性的“轮廓”选项设置边线颜色数值为R=248、G=208、B=167，如图7-79所示；然后，通过“渐变填充方式”的渐变属性设置渐变色为从白色到浅蓝色（数值为R=140、G=205、B=235），如图7-80所示，单击“应用”按钮。接着，设计一个1像素的竖线，用1像素的黑和1像素的白，并降低透明度即可。