《平面设计基础》实验指导实验10页面设计《平面设计.pdf

《平面设计基础》实验指导 / 实验10：页面设计 《平面设计基础》实验指导 管理科学与工程学科 / 共 13 页,第 1 页 《平面设计基础》实验指导 / 实验10：页面设计 实验十 页面设计 一、实验目的 1、理解网页设计的相关理论知识； 2 、掌握网页设计的原则； 3、掌握网页设计的流程。 二、实验学时 4 学时 三、实验类型 设计性 四、实验需求 1、硬件 多媒体计算机 2、软件 Windows 7 操作系统 Photoshop CS4 软件 3、网络 校园网支持 4、工具 无 五、实验理论与预备知识 1、网页设计相关理论知识；； 2 、网页设计基本原则； 3、网页设计的流程。 六、实验任务 1、实验构思（实验前完成） 根据实验1 要求，依据网页设计的原则与流程，用铅笔在草稿上划出班级网站首页、栏目页、 内容页的设计草图，以备实验课制作使用。 2 、根据实验内容1 的提供的班级网站首页，进行网页设计 （按实验步骤制作）； 七、实验内容与结果 1、演示：参考所提供的班级网站首页设计，制作出班级网站首页。 （1）设计要求 管理科学与工程学科 / 共 13 页,第 2 页 《平面设计基础》实验指导 / 实验10：页面设计 文件名称：班级网站首页 文件大小：宽1500 像素×高1035 像素 分辨率： 72 像素 设计效果：简约 大气 设计主题：突出团结、向上的精神面貌 （2）实验素材 图10-1 图10-2 管理科学与工程学科 / 共 13 页,第 3 页 《平面设计基础》实验指导 / 实验10：页面设计 图10-3 图10-4 （3）实验步骤： ①打开photoshop cs4,执行 【文件】 【新建】，打开 【新建】对话框，新建一个1500 像素×1035 像素，分辨率为72 像素/英寸的RGB 图像，命名为“班级网站后台登陆界面”，如图10-5 所示。 图10-5 ②打开素材1，使用 污点修复画笔工具，将素材中的文字去掉，如图10-6。 管理科学与工程学科 / 共 13 页,第 4 页 《平面设计基础》实验指导 / 实验10：页面设计 图10-6 ③回到画布，点击【创建新组】 图标，将其命名背景；再裁减素材，并将其移动至画布 中；然后按CTRL+T 选中图片，对素材进行缩放以及位置的调整，如图10-7。 图10-7 管理科学与工程学科 / 共 13 页,第 5 页 《平面设计基础》实验指导 / 实验10：页面设计 ④点击 【矩形选区】工具，画矩形为宽960 像素*高670 像素，调整图层的不透明度为88%， 如图10-8。 图10-8 ⑤点击【创建新组】 图标，将其命名logo，然后选择文本工具 ，分别输入 “2013 级信息 管理与信息系统班、河南中医学院班级网站”，设置相应的参数，给“2013 级信息管理与信息系统 班”添