《平面设计软件》实训课程项目设计分析

2011-08-15 00:43丁晓燕
职业教育研究 2011年13期
关键词:图标网页实训

丁晓燕

(北京信息职业技术学院 北京 100018)

《平面设计软件》实训课程项目设计分析

丁晓燕

(北京信息职业技术学院 北京 100018)

目前,项目教学法在高职院校越来越受到重视。应根据项目教学的理论,从实例入手,研究《平面设计软件》课程实训项目设计方案的理念与构成,对信息收集、方案选择、项目执行中的技术问题及成果评价等环节进行探讨和分析。

平面设计软件;实训课程;项目设计;实训项目;成果评价;职业能力

平面设计软件实训是配合《平面设计软件》课程开设的为时2周的实训课,是培养学生职业能力的一个重要环节。以往的实训课通常是通过让学生做一些课业进行的,教师给出一个课题,学生在指定时间按教师的要求完成作品,整个过程在教师的辅导下完成。在这样的教学过程中,学生的职业能力难以得到很好的训练,团队精神难以得到有效的培养。所以,在实训课上进行项目教学是很有必要的,因为项目教学法的核心是在教师的指导下,由学生去探寻得到最终结果的途径,学习的重点在学习过程而非学习结果,这对学生能力的培养是很有帮助的。在2周的时间里,如何设计项目才能使学生真实地体验一个项目的完整制作过程,是需要教师研讨的问题。

实训项目设计分析

实训课的教学不同于理论课。由于学生已经初步具备了该课程的知识和技能基础,实训课要在理论课的基础上重点训练学生的专业技能和职业能力。所以,项目的设计要求更能体现实际工作环境的特点,学生通过项目能更好地应用学过的知识解决实际问题,锻炼自己的实际工作能力。

设计理念 平面设计是近十几年逐步发展起来的一个复合性职业,涉及面非常广泛,涵盖的职业范畴包括商业展示设计、商业广告设计、商业环境艺术设计、书籍装帧设计、包装结构与装潢设计、服装设计、工业产品设计、商业插画设计、标志设计、企业CI设计、网页设计等等。针对目前平面设计行业及社会其他相关岗位对人才的需求和对教学内容及教学方法的研讨,实训项目设计应该围绕着专业方向和培养目标进行设计;围绕着用完整的实际工作流程训练学生综合设计制作能力的目标进行项目开发,即按照实际工作“调研→策划→创意→设计→制作→提交审核”的流程进行教学设计;以项目小组的形式开展教学活动;通过实训项目训练,培养学生的创新精神和团队精神,使学生能够综合运用美学思想、平面艺术设计的基本原理和设计规律及计算机图形图像设计软件,完成符合实际要求的平面设计作品,实现平面设计专业的教学目标。项目的设计理念应当是以培养学生完成实际工作任务的职业能力为目标,但设计的项目不一定非要来源于企业,因为本课程的学生是“广告设计与制作”专业的一年级新生,还没有学过平面设计方面的专业课,用2周的时间完成一个真实的企业项目有一定的难度。为了顺利实现《平面设计软件》实训课程的教学目标,可采取将虚拟项目按照真实项目完成的形式进行教学设计。

设计思路 平面设计专业的能力目标是使学生能够根据平面艺术设计的基本原理和设计规律,针对不同的用户要求进行各种平面作品的设计与制作。所以,“网站页面设计制作”项目、“POP广告设计制作”项目、“商业插画设计制作”等项目都可以用来作为《平面设计软件》实训课程的实训项目。产品类广告设计可以重点培养学生市场调研、策划、创意等能力;文化类广告设计可以培养学生掌握完整的设计制作流程;“网站页面设计制作”可以通过图形、色彩、文字等设计元素的运用培养学生综合的平面设计能力。下面以“某集团房地产网站页面设计制作”项目为例,分析实训项目的设计方案。

实训项目设计方案

项目背景 随着互联网的飞速发展,网络已经成为人们生活中不可缺少的一部分,利用网络查找各种所需要的信息已经是人们习以为常的手段。在这种形势下,很多企业、个人都需要拥有自己的网站和网页。某房地产企业为了更好地宣传企业形象和推介企业产品,需要制作一个引人注目的精美网站展示自己。

项目内容 该设计项目是为某房地产开发商的网站进行网页设计和制作,需要学生进行市场调研,了解企业名称和受众群体,并采集各种信息,通过进行实际调查和需求分析,确定网站的市场定位,进行网页的规划和整体方案设计。在网页效果上要注意网站形象设计,以满足人们的审美需求;在制作过程中要合理运用艺术设计的理论知识和软件技术,按计划完成符合客户要求的精美网站制作。具体任务内容包括市场调研、网站策划、网页整体方案设计、网页设计制作、完稿处理、资料整理等,其中市场调研包括收集相关房地产企业的宣传资料和网站形象调研。网站需求分析要通过对宣传资料进行整理分析,明确用户需求,并撰写分析报告。网站整体方案设计包括标准字、LOGO小样、标准色彩、图标设计、网页平面设计等内容。网页设计制作可利用平面设计软件Photoshop、Illustrator等。

项目能力目标 为达到专业要求的职业能力培养目标,在项目执行过程中,要求学生能进行基本的市场调研,明确客户需求,撰写广告策划书;能根据策划书进行创意构思,绘制出设计草图;能进行一定的创意设计;能将艺术设计理论知识与软件技术相结合,具备项目执行能力、与人沟通能力及小组协作能力。

项目技术指导 在项目执行过程中,教师承担着指导的责任,在设计项目方案时,教师要全盘考虑项目中的一些技术问题,对学生可能遇到的知识和技能问题做到心中有数,以使项目能够顺利进行。

1.网页设计流程。按照一定的设计流程策划、设计、制作网站可以减少失误,确保项目的正确进行。因此,要了解项目的制作步骤及网页的设计流程:(1)市场调研,收集资料;(2)网站策划;(3)网页详细设计;(4)网页制作;(5)验收作品。

2.市场调研。在调研之前首先要确定调查报告内容,对问题进行分析、排除、锁定。这样在与客户沟通时可避免问题模糊、范围过大。资料收集要翔实、丰富,包括该企业的介绍、楼盘信息、图片等一切相关信息。

3.网站策划。网站策划是网站设计的关键步骤,只有真正策划好了,才有可能成为让客户或用户满意的网站。在本项目中,网站策划是了解客户需求、进行信息收集与分析、对网页设计等方面的问题进行整体规划并提供解决方案、撰写“需求分析报告”的过程。在这个过程中最为重要的是需求分析,就是了解、分析、明确用户需求,利用创意草图,对网页进行合理科学的规划,即对网页定位、受众群体、网站色调、网站页面总体风格、各种页面特殊效果及其数量进行确定。

4.网页详细设计方案。在需求分析的基础上,要进一步针对内容建设、网站布局、网站结构方面设计具体的方案。需要画出网站结构图,其中包括网站栏目、结构层次、连接内容、首页中的功能按钮、内容要点、友情链接等,都要体现出来,要切题并突出重点。设计方案要充分展示房地产网页设计的特点,网站形象要庄重平和,信息量要全面、细致,具有人性化特点。网页结构应层次清晰、创意新颖、颜色搭配合理、网页页面设计符合审美要求,网页功能要融入设计方案中,网页的内容与表现形式要统一,要对内容进行合理的分析、加工,按类别分类,栏目设置要一目了然。(1)首页设计。首页设计包括创意设计、结构设计、色彩调配和布局设计。在进行首页设计时,标题要有概括性,要用标题性的文字使访问者快速了解网站所能提供的信息,可将具体内容放到子页里完成;要符合设计时的主题和风格;文字与背景要合理搭配;整个页面色彩选择要统一。(2)网页版式设计。在网页设计中,网页的版式设计以及色彩搭配是很重要的,字体的设计和图片的放置都要考虑整个页面的排版,要合理地运用空间,使网页疏密有致,井井有条,留下必要的空白,使浏览者感觉轻松,没有压抑感,但也要注意不能只追求版面效果而忽视功能方面的问题。(3)网页背景。网页背景设计不好会影响访问者对整个网站的印象,选用的背景应该与整套页面的色调相协调。不同的颜色会给人不同的视觉心理感受,要合理运用色彩,造成良好的视觉效果。使用图片做背景时,要考虑大尺寸给传输速度带来的影响。

5.网页制作。网页制作是通过应用Photoshop、Illustrator等平面设计软件的各种技术实现网页策划所要求的效果的过程。在制作时既要结合平面设计的基本知识,也要遵循网页设计独特的设计要求与原则。(1)网页图标设计。图标是具有明确指代含义的具有标识性质的图形,不仅是一种图形,更是一种标识,具有高度浓缩并快捷传达信息、便于记忆的特性,应用范围很广,例如各种交通标志、学校的校徽、商品的商标等。图标也是网页中重要的设计元素,应根据不同的应用有所区分,既可以用来标识一个栏目,也可以作为链接元素实现网页间的跳转。精美的网页设计图标往往能起到画龙点睛的作用,从而提升软件的视觉效果。网页常用的图标有“导航图标”、“按钮”、“标志”等。图标设计要简单、直观、可识别性强;要能准确表达相应的操作;按钮的设计采用图标和文字可以提高图标的可用性;为吸引用户眼球,颜色应简洁;使用矢量格式可以让图标随意放大缩小;在导航栏上或网页的某些地方使用合适的图标,不仅可以美化网站,还可以引领用户浏览网页。一般制作流程是先做出基本的外形,再进行上色修饰,最后增加一些光影使其具有立体感。(2)导航栏设计。导航栏是网页中用来装饰和展示网页的,是非常重要的组成部分,功能丰富的导航栏可以引导阅览者获取多方面的信息。导航栏的设计应遵循 “导航数量适当”、“导航提示明确、清晰、醒目”等原则。(3)网页色彩设计。网页的色彩是网页最重要的部分,是给访问者登录页面时的第一印象,好的页面色彩能给人带来很强的视觉冲击力,可以使浏览者对整个网站产生深刻印象。在设计网页时如果忽视了色彩设计,网站最后的视觉效果可能与客户期望不匹配。因此,设计时需要先了解网站的定位、网页的风格,学习有关的色彩知识,在此基础上合理进行色彩搭配。在配色时应注意尽量将颜色控制在三种以内,一般而言,网页的背景色应该柔和一些、素雅一些,如配上深色的文字,会使人看起来自然、舒畅,文字的颜色在不同底色的衬托下,会给人不同的视觉效果,设计时应综合考虑多方面的因素,设计出能产生好的视觉效果、能营造整体氛围的网页。网页设计还有很多方面的知识,教师可以给学生提供一些资料,让学生通过自主学习掌握这些知识,提高学生的自学能力。

6.项目验收。项目验收包括制作演示文稿、向客户展示最终产品并听取客户意见、按要求将所有图文资料进行整理形成完整文档等。实训项目验收可以采取小组汇报、小组评价、教师对项目进行总结评估的形式。通过一个有效的验收过程,学生可以总结项目进行过程中的经验教训,教师可以提高指导水平,达到预期的效果。项目考核评价应主要评价学生是否达到了项目教学的目标,对学生在执行项目中所表现出来的综合运用知识与技能解决实际问题的能力进行考核,并应结合学生自评和小组互评进行综合考核。不能只关注最后的项目成果,要关注学生在完成项目后学习到的知识、技能和提高的职业能力,这样才有利于培养学生的自信心和创新能力。

项目的选择和设计方法将直接影响到教学的最后效果。选择项目时应选择具有一定的实用价值、相对较大、综合性较强的项目,这样涉及的知识和技能就会多些,学生通过项目训练也就能够做出一些高水平的作品,就会有成就感。通过多个项目的训练,会产生一些高水准的、具有实际价值的作品,这对学生将来的就业会有很大的帮助。随着职业教育理论研究与实践的不断深入,高职院校的教师深刻地认识到,职业教育最主要的任务是培养学生获得职业岗位工作所需要的各种能力。项目教学作为一种新型的教学模式,很好地体现了以行动为导向的教学思想,教师应在不断的实践中总结经验,创造出更多、更好的实训项目,更好地培养学生的能力。

[1]赵志群.职业教育工学结合一体化课程开发指南[M].北京:清华大学出版社,2009.

[2]赵子江.平面设计艺术[M].北京:机械工业出版社,2005.

[3]唐守国.创意+Photoshop CS4网页设计配色与特效案例精粹[M].北京:清华大学出版社,2010.

[4]汪治,刘红燕.高职经管类专业综合业务实训课程开发创新研究[J].中国职业技术教育,2010,(11).

[5]赵晓敏.程序设计类课程项目式教学模式的研究与实践[J].计算机时代,2010,(4).

[6]贺平.项目教学法的实践探索[J].中国职业技术教育,2006,(8).

[7](韩)金南全,等.Photoshop完美网页设计[M].北京:中国青年出版社,2004.

G712

A

1672-5727(2011)S0-0114-02

丁晓燕(1956—),女,河北易县人,北京信息职业技术学院副教授,研究方向为计算机多媒体技术。

(本文责任编辑:王恒)

猜你喜欢
图标网页实训
基于HTML5与CSS3的网页设计技术研究
基于CDIO理念的数控实训教学改革与实践
Android手机上那些好看的第三方图标包
基于CSS的网页导航栏的设计
基于HTML5静态网页设计
图标
虚拟情景实训环境三维模拟
电工电子实训教学改革与创新
基于URL和网页类型的网页信息采集研究
中国风图标设计