Personal tools
最新动态 ·  中心介绍 ·  实验教学 ·  实践创新 ·  自主学习 ·  中心建设 ·  共享论坛 管理
文档操作

《网站视觉设计实验》实验教学大纲

一、教学目的和要求

本课程是高校新闻传播学类网络传播专业二年级本科生的专业基础课。

本课程从加强基础、培养学生动手能力、提高素质的教学目标出发,建立一个科学的、合理的网络视觉设计实验教学课程体系。使学生通过本课程实验教学,不只是加深理解和巩固所学理论知识,而且为本专业其他后续课程做了理论和技术准备,如动画设计与制作、网页设计与制作等。掌握网络视觉设计中常见软件的基本实验操作,正确运用常用制作软件制作不同的符合互联网使用环境的网络视觉设计作品(如网页的界面设计)。在实验教学中,同时加强对学生进行科学素质和良好的实验室工作习惯的训练,培养学生的时间意识。为培养具有创新精神和实践能力的高素质人才奠定良好的基础。

1、教学要求

(1)以目前互联网适用的网页形式作为课程制作学习目标,以视觉设计中的基本理论、基本操作为基础,精选互联网具有典型代表的平面构成、色彩处理、文字设计、图片处理计网页版式设计作为学生实验内容,指导学生完成网络视觉设计的策划、设计和制作过程。试图建立一个实践与理论相结合,着重培养学生实际动手能力为主的实验教学课程体系。

(2)在切实培养提高学生实践动手能力的同时,在实践中不断培养学生独立思考、综合分析、推理判断的能力,科学思维能力和创新意识,培养学生的自学能力,锻炼学生的学习方法,相互协作的团队精神。

2、教学方法

(1)实验内容的安排由简入深,从设计基本理论出发,从常用软件的基本操作出发,通过观摩和借鉴国内外经典网络视觉设计作品,培养学生的学习兴趣,调动积极性,并在此基础上训练学生的动手能力。

(2)强调学生实验前的准备工作,教师在实验课的上一周向学生布置下周实验的内容,让学生有充分的时间准备实验课内容,并非常重视学生在实验前的调查工作。

(3)课前对实验中的难点进行演示,实验中对学生进行指导,启发学生的手脑并用,培养学生通过实验独立获取知识和操作技能的能力,注重随堂考查,点评学生实验作品和实验报告,不断强化学生的动手能力。

3、指导学生利用各种途径学习查阅资料,综合利用所学知识和技能,正确设计完成各种类型网络视觉设计作品;勇于探索和实践,发扬团队精神,创造条件完成网络视觉设计制作全过程,培养学生的创新意识。

4、采用现代教育技术辅助教学,提高教学质量、水平和效率。

二、教学学时分配和安排

本课程实验教学根据实验教学安排表具体安排,实验教学全学时共36学时。

本课程实验教学内容在突出基本设计理念、基本设计软件训练为先导的基础上,以国内外优秀的网络视觉作品作为实验的参照,运用目前最常见的制作软件,由简入深,由基础操作出发,到最终完成整个网页设计作品。在实验过程中,充分考虑到学生的自学能力和创新能力,安排命题开放式的实验内容给学生完成。见下表:

周 次

实验内容

学时

第1周

实验一 点、线、面构成

2

第2周

实验二 网页适用图形制作

2

第3-4周

实验三 网页配色设计

4

第5-6周

实验四 网页文字设计

4

第7-9周

实验五 版式构成设计

6

第10-12周

实验六 网页分析评价

6

第13-18周

实验七 网页综合设计

12

 

实验一 点、线、面构成

1、目的

(1)了解Photoshop和Coreldraw的基本操作

(2)用工具绘制简单形,对简单形进行编辑修改

2、内容

点、线、面的构成

(1)点的构成(创作一幅)

(2)线的构成(创作一幅)

(3)面的构成(创作一幅)

作品要求:300X300pixel,灰度,保存为jpg格式。

 

实验二 网页适用图形制作

1、目的

(1)基本掌握Photoshop的基本操作

(2)了解GIF和JPEG图像格式

2、内容

(1)简单图像制作

A、无缝拼合的网页背景制作

B、灯光闪光效果按钮制作

C、导航按钮制作

D、像素按钮制作

E、橡胶按钮制作

F、光滑表面反光效果按钮制作

G、透明玻璃质感长圆形按钮制作

(2)较复杂图像制作

A、铁板效果制法

B、基本的扫描线制作

C、网点效果制作

D、爆炸光芒文字

E、闪电文字

 

实验三 网页配色设计

1、目的

利用Photoshop完成以下网页配色设计内容

2、内容

(1)用浏览器打开指定网址,在实验三处下载文件色彩设计模版(.psd文件);

(2)用Photoshop打开该psd文件,可以发现文件中包含一个“背景”层和“图层一”,并且有蓝色的辅助线,随后将该文件在本机硬盘上另存为“color-xxx.psd”(xxx为学生姓名缩写);

(3)在color-xxx.psd文件上完成以下各步骤实验;

(4)选择工具箱中的“矩形选框工具”(左上角第一个),在“样式”中选择“固定大小”,设定“宽度”、“高度”分别为25像素;

(5)在工作区内点击,保证边缘与辅助线对齐;

(6)在“图层一”上填充颜色(alt+del填充前景色),禁止在“背景”层作任何操作;

(7)将光标移动到选区内(不点击),此时光标发生变化,点按住选区,拖动选区到其他位置,保证边缘与辅助线对齐,随后填充颜色(根据自己设计,填充不同颜色);

(8)以此类推,完成其他部分的填充;

(9)保存完成后的作品(psd文件格式,按Ctrl+s保存即可);

(10)检查确认不再修改后(每个白色空格内都要填充颜色),存储为Web所用格式,文件名为color-xxx.jpg;

(11)将文件color-xxx.psd和color-xxx.jpg文件上传服务器。

 

实验四 网页文字设计

1、目的

(1)字体设计,根据字体设计的特点设计具有相同特点的中文字体,并完成该种字体的合理组合和搭配。

(2)网页文字编排设计,在实验四基础上,完成段落文字的编排设计,设计作品符合网络浏览的需要。

2、内容

(1)对英文Online Communication进行字体设计。

(2)文字编排设计——名片设计:结合实验一、二、三,利用多种字体,设计自己的实验名片,包含以下信息:学校标准字(提供)、学院、专业中英文(网络传播、Online Communication)地址、电话、电子信箱、邮政编码等进行编排设计。

文件尺寸设定“538*325pixels”,分辨率150,彩色RGB模式。

名片正常尺寸为9.1*5.5厘米。

 

实验五 版式构成设计

1、目的

结合“版面布局的步骤”理论单元完成网页版式设计。

2、内容

(1)课间完成部分

A、确定站点类型(站点分类尽量小);

B、规划基本栏目;

C、确定网站基本CI要素(色、字体、标志等);

D、绘制草图;

E、完成粗略布局;

F、确定布局;

(2)上机完成

利用Photoshop绘制布局(以确定布局为蓝本);

 

实验六 网页分析评价

1、目的

检验学生对网页设计视觉效果的综合评价能力。

2、内容

学生根据教师指定的网址访问该网站,类型不同,要求学生在指定时间内容对该网站进行综合评价和分析,从文字、图像、色彩、版式编排等方面展开。

 

实验七 网页综合设计

1、目的

训练学生综合运用知识能力和设计能力。

2、内容

(1)学生在实验前一周确定网站设计主题并完成初步设计方案。

(2)经教师确定后,按方案进行综合设计。

 



关闭本页
·武汉大学新闻传播学实验教学中心 Laboratory Center for Journalism & Communication, Wuhan University
·Copyright © 2004-2006. All Rights Reserved.
    This site conforms to the following standards: