时间：2023-07-31 17:25:00
开篇：写作不仅是一种记录，更是一种创造，它让我们能够捕捉那些稍纵即逝的灵感，将它们永久地定格在纸上。下面是小编精心整理的12篇网页设计方案，希望这些内容能成为您创作过程中的良师益友，陪伴您不断探索和进步。
所谓原型，可以理解为外化的心智活动的实践模式。本研究认为，网页设计心智技能的形成同样要经历上述3个阶段。而“原型”作为贯穿心智技能形成的核心，其建构意义重大。本文的先期研究在对已经具备了网页设计心智技能的熟手问卷调查基础上，利用“心理模拟法”创拟了“网页设计活动原型”，本研究将讨论如何利用该原型展开三阶段的培养。对学生而言，网页设计活动的原型定向往往需要教师的示范和讲解，那么教师首先应该使学生明确网页设计活动原型的结构、各个环节的操作原则及必要性并利用脚手架支持的问题来驱动启发学生的主动性和自觉性；然后按照原型正确示范和讲解完成某一网站建设任务的完整过程。这里需要强调的是，教师需要将原型中每一个心智动作详细展开。原型定向阶段的教学，只是网页设计活动心智技能教学的开端，要使学生真正形成心智技能，还需要 进行实际操作。学生利用上述在定向阶段形成的原型，亲自从事某一网页设计活动，将在头脑中建立起来的活动程序计划以外显的方式付诸执行。
在这个阶段，应该借助脚手架支持问题来驱动学生利用原型，把构成这一活动的所有动作系列，依照一定的顺序作出不能遗漏和缺失，教师可以提出以下要求：①要根据“原型“严格遵循动作序列逐一执行，及时检查和矫正动作的执行情况；②学生在实践模式的每个环节提交一些阶段性材料或者记录一些完成过程来保证是按照实践模式的步骤完成任务的；③建议学生将动作执行和言语相结合，边说边做。网页设计心智技能的原型内化阶段是将上述实践模式向头脑内部转化的过程，表现为学生从事网站建设任务时可以离开实践模式，借助语言指导来完成。学生只有在多种不同的实践条件下反复进行网站建设的具体活动，才能不断从原型中抽取本质的东西，最后形成普遍适用于不同实践条件的原型（心智技能），只有到这一步心智技能才算真正形成。
二、一个充分体现心智技能三阶段理论的PBLEs设计
在网页心智技能培养三阶段理论的指导下，学习环境设计比较合理的安排是：首先依托一个充分体现原型的范例讲解和操作，完成活动原型中蕴含的相关知识和操作流程的讲解，初步形成“原型定向”。这一阶段教师应该关注脚手架支持的问题设计。然后，实施基于项目的学习，指导学生利用课后时间自主完成几项网站建设的综合任务，将原型进行操作和内化，最终使学生具备网页设计心智技能。下面就从“原型定向”阶段PBLEs设计最关注的脚手架支持问题展开叙述。在“原型定向”阶段，教师需要提取“网页设计活动基本原型”中的4个核心环节，然后把这4个核心环节中蕴含的相关知识和操作流程设计成脚手架支持的问题，继而通过教师逐步示范和讲解一系列问题的解决过程，完成网页设计活动的定向。
例如，附件网页设计活动原型定向阶段PBLEs设计方案中，对应“网站方案设计环节”的学习内容，将其转化成9个具体的脚手架问题。它们分别对应网站建设过程中“需求分析”、“系统分析”、“风格设计”、“UI版面初步布局”、“色彩定位”及“网站建设日程规划”等重要学习内容。这些脚手架支持的问题是以完成“网站方案设计”这一环节为驱动力而提出的，将引发和维持学生在该学习阶段中的学习兴趣和动机，引导他们带着明确的问题与目标，模仿教师的示范行为，开展真实的问题解决过程。在脚手架支持的问题设计方面，教师需要依据学生能力临近发展水平，问题难度要居于该临近发展区内，这样学生就可以调动己有的网页设计基础知识及操作技能等认知经验来解决当前面临的脚手架问题。
网页设计活动是一个渐进过程，脚手架支持的问题是依照这个渐进过程的发展顺序提出的，难度一般是逐级升高。因此，在设计这些脚手架支持的问题时，还需要注意合理安排难点和重点、考虑子任务的大小、所需知识技能含量、相关影响因素等多个方面。根据问题的难度，我们提供了支持指导、相关案例、辅助资料等，并创设必要的实践条件，使问题解决具有操作性。这一阶段，还要求教师关注各个问题解决的策略选择和转换的讲解、示范及独立、协作及竞争等组织策略的合理运用。而学生则以教师演示的优秀范例为榜样，利用大量的相关案例、信息资源、认知工具、协作工具及境脉等展开原型的定向学习。事实上，教师演示如何根据客户要求完成网站建设任务的过程就充分体现了网页设计活动原型的范例，这将给予学生解决问题的逻辑结构和方法过程，它包含了一种内在的逻辑，为学生提供了支架，通过对范例的学习，学生可以模仿其中的路径和方法，从而完成原型的定向。
在原型的操作阶段，比较适合采用基于项目的学习方式，即教师布置几个不同的网站建设任务，以完成作品为驱动，通过一系列脚手架支持的问题来引导学生利用上一阶段获得的网页设计活动原型完成网站建设。这一阶段要求学生依照一定的顺序，不能遗漏和缺失地作出原型定向中的所有动作系列。该阶段的重点在于任务的设计，我们设计了以“个人网站”、“品牌推广网站”及“公司企业网站”为主题的具体项目。这3个项目的难度逐级升高，有一定的挑战性。教师还需要提供支持指导和辅助材料，并创设必要的实践条件，使任务具有可操作性，这样，学习者就能够在实践中掌握问题解决技能和方法。在原型内化阶段，学生所从事的网站建设任务是可以离开实践模式的。教师需要为学生提供在多种不同的实践条件下反复进行网站建设活动的机会。例如，我们设计了以“小组为团队”，为本学院设计制作一个学院网站这一具体任务，期望学生通过不同的实践过程，不断的从操作原型中抽取更本质的东西，最后形成普遍适用于不同实践条件的心智技能。案例：网页设计活动原型定向阶段的脚手架支持问题设计。
客户要求：XX化妆品公司预借助互联网塑造良好的企业和产品形象，提高品牌知名度、美誉度和特色度。针对这这次品牌推广，我公司公开竞标，请有合作意向的设计团队于本月底之前提交设计方案及网站一稿，我方将从提交的方案和初稿中挑选出最满意的设计，并与其设计团队正式签约，预付30％的定金。同时，我们将提供企业LOGO、广告语、企业品牌发展历史、品牌产品的图片，推广活动视频等资料。学习目的：学生通过观察、模仿学习教师是如何根据客户要求完成网站建设任务的完整过程。脚手架支持的问题设计：
（1）网站方案设计环节的学习。脚手架支持的问题：①接到企业网站建设任务后，作为网页设计师的我们首先要作什么？②如何与客户沟通，提取与网站任务相关的关键词，解读网站主题，分析市场前景？③从哪些方面分析目标用户群体特征？④如何结合网站主题、目标用户群体特征、企业机构已有VI色彩特征、客户提供的原始素材等确定网站的主色？⑤鉴于主色，如何依据色彩设计原则（互补色，分裂互补三色组，类似色搭配原则等），确定网站整体的色彩定位？⑥如何根据网站主题和信息量大小，结合布局特征，选择适用的UI版面布局？⑦结合客户的要求及公司或机构的性质，如何对网站的功能模块进行规划设计，绘制出网站层次结构图，描述各功能模块及作用？⑧如何展开网站的风格设计？你了解常用的网站风格设计原则吗？⑨结合上述分析，如何撰写网站设计方案？
（2）主要页面效果的设计与制作环节的学习。脚手架支持的问题：①根据网站设计方案中确定的页面尺寸，色彩定位，UI版面布局设计，风格设计，功能模块设计等信息，利用“PhotoShop”完成页面效果图设计的步骤和方法是什么？②利用“Firework”制作网页切片的技巧和原则是什么？
（3）基于Htnl＋CSS技术的网页基本制作环节的学习。脚手架支持的问题：专家熟手利用html＋CSS技术制作网页有什么技巧？在制作过程可能遇到什么样的难题，该如何应对？
（4）网页动画效果设计与制作环节的学习。脚手架支持的问题：①如何利用JavaScript或Flash技术炫动你的网页？给页面添加动画的时候有什么需要注意的地方？②完整的较为准确的三维动画建模创作流程是怎样的？③三维动画建模活动中，“创意构思”、“模型设计”及“模型制作”这3个关键环节的目的、过程及阶段性成果分别是什么？任务活动：结合自己的建模经验说明三维动画建模活动的完整流程，然后小组交流。问题思考：①如何进行创意构思？②如何进行模型设计？③如何进行模型制作？任务活动：①仔细聆听教师的范例讲解，然后借助因特网资料展开品牌场景的创意构思、设计与制作的活动，创建场景模型形成阶段性成果和建模作品；②交流和评价其他人的作品，通过竞争选出3个最优秀的场景模型。范例讲解：展示了完成企业品牌场景任务的建模过程（审题、构思、设计、制作）。
三、结语
关键词 网页设计 UI界面设计 教学分析
Abstract In the current higher education in the process of multimedia web design is a very important part， but also the required course of professional web design， with the help of a very important role in improving students' ability of web design. In the teaching process of modern web design courses， improve the teaching effect of the course is to promote the further development of web design， students' ability， should be UI interface design teaching， thus to cultivate students' ability to design better. This paper analyzes the UI interface design teaching in multimedia web design course teaching.
Keywords web design； UI interface design； teaching analysis
随着现代网络技术不断发展，社会上对网页设计人才也有着越来越大的需求，因此在高校教育过程中加强网页设计课程教学，对网页设计专业人才进行培养具有十分重要的作用及意义。就当前网页设计课程教学实际情况而言，UI界面设计教学已经成为十分重要的一项内容，可在很大程度上提高学生设计能力，促进网页设计教学进一步发展。作为网页设计课程教师，应当充分认识UI界面设计教学的重要性，并且要通过有效方法及策略加强UI界面设计教学，使其得到理想效果。
1 网页设计课程中UI界面设计教学的重要性分析
首先，UI设计教学使网页设计实践中视觉传达设计理论的不适性得以有效解决。对于传统视觉设计理论而言，其研究对象主要为静止媒介中相关视觉现象及规律，其代表主要就是形式、色彩以及图形与文字等一些基础理论课程，其视觉对象大部分都属于二维空间，其基础为视觉感官刺激，是一种信息传递设计。相比于传统视觉传达设计而言，网页设计的承载媒介与其存在本质差异，与静止媒介相比较而言，网络媒介在形式上具备光影效果强化，同时还具备运动现象参与以及交互行为主导，在网页设计过程中以静止形态为基础的版式和视觉流程原理两者之间有严重不适情况出现，网页设计涉及到听觉、视觉及触觉等多种感觉渠道，因此在网页设计实践过程中单独利用传统视觉设计理论很难对其进行指导，而UI设计理念的应用能够使这一情况得以很好解决。
其次，UI设计教学使网页设计方法及设计效果具有更加明确的验证方式。对于设计类课程而言，其核心内容就是通^对学生进行启发，使其对设计进行思考及实践，这样才能够使设计教育产生更加实际的价值。在UI设计理论体系中，其核心目标为用户，也就是对用户进行研究，从而对设计更好服务于用户进行研究，在学生将网站项目作为互联网产品实行设计训练情况下，课堂教学中的各个方面均将会更加明确，并且在实行设计实践过程中，也就能够在情感上对所选择设计方法合理性更加容易理解。在UI设计过程中提出信息架构有关理论，这一理论使网站信息结构设计具有更加可靠方法，并且在设计网站导航系统、标识系统以及检索系统与组织系统过程中，可使设计人员责任及实施方法更加明晰。另外，在UI设计中引入用户测试，在检验网页设计方案使用方面具有更加系统的方法，根据具有较强代表性的客户对方案的最终可行性设计进行测试，也就是对其最终目标进行测试。
第三，UI设计教学能够使网页设计课程更好应用于网页设计教学。对于UI设计理论教学而言，其对网页技术课程和网页技术课程两者之间界定进行明确，可使设计人员对设计更加专注地进行思考及实践，而不必对程序进行考虑，同时随着当前网页制作工具逐渐向集成化及人性化发展，在面对设计对象中，通过复杂功能可使设计过程更加简单化。在课堂实际教学过程中，应当使学生对当前网页制作技术能够达到的效果有所了解，并且要了解一些基础操作代码，这在实际教学过程中对不同层次学生分配不同任务十分有利，可使因材施教得以真正实现，并且对于课程中的主要任务，可将其定位于教学设计方法，可对设计任务的驱动性及设计实践参与进一步强调，可使学生了解设计并非仅仅为简单制作。①②
2 当前网页设计课程中UI设计教学现状分析
就当前实际情况而言，UI设计课程仍属于前沿学科，由于当前UI设计专业就业形势比较良好，很多高校均开设UI设计专业课程，从而使UI设计课程教学得到良好发展。然而，当前我国UI设计产业仍不够完善，当前很多人对UI设计认识仍处于较浅层次，因而当前高校内UI设计教学仍缺乏完善系统，其具体体现主要表现在以下方面：
第一，UI设计课程与网页设计课程结合程度比较低。对于UI设计课程而言，其中包含很多网页设计方面的相关知识点，然而很多高校在对UI设计课程进行设计时与其它课程之间出现脱节情况，其所导致结果就是学生无法对该课程知识较好地进行系统性学习。
第二，UI设计课程设置缺乏实践性。对于UI设计课程而言，其实践性比较强，然而当前很多院校在实际教学过程中往往存在定位不清楚情况，其所造成结果及时学生未能够对相关专业知识进行较系统学习，导致其在今后社会就业过程中缺乏应有技能。
第三，教师素质比较低。在UI设计教学过程中，教师素质会对其产生直接影响，然而在当前高校UI设计教学过程中，很多教师都缺乏专业素质，学历比较低，并且实践能力比较差，未能够较好把握课程教学，导致实际教学效果不理想。②③
3 网页设计教学过程中UI设计教学的有效策略分析
3.1 进一步完善课程教学大纲
在当前网页设计教学过程中，UI设计课程教学已经成为必须内容，其与其它课程之间具有十分密切的联系，所以在设置课程方面应当对课程教学大纲进一步进行完善。
首先，应当对当前教学目标明确。对于UI界面设计课程教学目标而言，一方面是要求学生将各种相关网页设计实践操作方法掌握，并且对各种网页设计规范及标准熟知；另一方面而言，就是要使学生将网页设计相关流程掌握，对于用户设计理念应当准确领悟，并且应当对相关流程熟知。
其次，对课时行合理分配。由于UI设计课程内容具有较强连贯性，该课程开始应当安排在二年级或者三年级开设，从而使学生能够将必要基础知识掌握，之所以对课时进行这样的设计，主要目的就是使学生先对相关系统理论知识进行一年时间学习，使其能够将相关基础理论知识掌握，在此基础上对该课程进行深入进一步学习。另外，还能够为学生今后就业划分提供能力进行学习，可使学生依据今后就业岗位对相关学习能力进行锻炼。
第三，对设置课程原则明确。在对课程进行具体设置过程中，应当注意遵循相关原则，主要包括人性化原则、反馈原则以及灵活性原则，此外还包括安全性原则与易用性原则。
3.2 明确培养人才方案
人才培养方案能够对教学活动进行指导，同时也是教学活动得以开展的依据，人才培养方案对具体教学内容及具体课程设置结构进行规定，在制定人才培养方面为不断进行变化的，人才培养的制定应当以深入社会调研为基础，同时应当与学生实际特点相结合。
通过调查UI设计专业人员实际就业情况及社会对学生能力要求，其结果显示当前学生就业能力，尤其学生实践能力仍有一定缺陷。因此，在当前实际教学过程中应当对人才培养方案进行积极探讨，从而将明确人才培养方案制定出来，以便能够对人才培养方向进行合理定位。对于UI设计课程而言，其是以地区产业升级需求为基础，为社会培养实用型高素质人才的一门课程，所以其课程定位应当为确定一体化项目课程。所以，通过进行课程学习，所培养的学生应当具备的技能主要包括以下方面：
其一，应当具备牢固理论基础。对于UI界面设计而言，其理论性比较强，若缺乏牢固理论基础，则在今后结业过程中学生也就无法对相关知识点进行熟练运用，所以学生对该课程进行学习的前提就是应当将相关理论知识掌握。
其二，应当具备较强的实践操作能力。学生在毕业之后都是要直接进入就业岗位的，所以学生必须要具备较强就业实践能力。
其三，应当具备较高综合素质。随着当前社会就业压力越来越大，人才竞争也越来越激烈，学生为能够使自身竞争力得以有效提高，必须要具淞己萌宋乃刂始爸耙档赖拢同时还应当具备较高的思想政治素质。
3.3 积极创新课堂教学手段
首先，应当积极丰富课堂教学方法，进一步激发学生学习热情。传统灌输式教学模式会对学生学习热情及创新思维产生抑制，所以，教师应当改变传统单一教学方法。在实际教学过程中，教师可选择多种方法相结合的教学方式，可使学生通过课堂融入社会，然后再回归课堂，并且可在课堂对自身所设计优秀作品进行展示，使学生在多样化训练过程中能够积极参与。
其次，在课堂教学过程中可引入设计竞赛，从而使学生社会实践能力得以增强。在提高学生实践能力方面，设计竞赛属于十分重要的一种途径，所以在UI设计教学过程中可适当引入设计竞赛内容，从而使理论性及实践性实现有效结合，进而有效提高学生学习积极性。
第三，可开展作品展示，加强学生之间学习交流。在实际课堂教学过程中，教师可选择课堂展览方式，可邀请同一专业学生共同进行欣赏，使学生能够在参观展览过程中加强交流讨论，从而使学生综合素养能够得以有效提高，促进学生进一步发展。③④
4 结语
在当前多媒体网页设计实际教学过程中，UI设计教学是十分重要的一项内容，对网页设计教学进一步发展具有很大促进作用。因此，在实际教学过程中，教师应当充分认识UI设计教学重要性，并且应用了解当前教学现状，从而通过进一步完善课程教学大纲，明确培养人才方案，积极创新课堂教学手段等方式加强UI设计教学，从而使实际教学效果得以提升。
注释
① 张军.网页设计课程中关于UI设计教学的探索体会[J].湖北美术学院学报，2009（4）.
② 张延玲，喻芸.网页设计课程中融入UI设计理念的教学探索[J].电脑知识与技术，2015（34）.
【关键词】网页设计与制作 一体化
根据一体化教学的要求，在《网页设计与制作》教学中实施一体化教学，要做好以下几个环节设计：
一、课程标准
专业知识目标。熟悉和掌握网页设计与制作的基本知识，了解和熟悉HTML语言，掌握静态网页设计与制作的知识，掌握网页中动态效果的设计与实现方法，掌握网页中图片设计和处理、动画设计的知识，掌握网站检查与的知识。
职业能力目标。具备收集、处理、准备、加工的能力；具备网页设计及网页中图形设计、动画设计的基本能力，能独立设计一个内容完整、图文并茂、技术运用得当的网站；具备初步的网站开发、维护和管理能力；具备独立撰写网站制作说明等简单科技文件的基本能力。
职业素质目标。按时守信的诚实作风；乐观向上的敬业精神；沟通协作的团队意识；知识获取和应用的自主学习能力；探索实践的创新能力。
二、课程设计
围绕“将工作任务转化为任务引领、并以任务驱动进行教学的课程”的思路进行课程设计。
工作任务分析。具备Internet、网页设计与制作、后台数据库设计和建立、网站规划与建设、通讯及网络技术等技术方面的专业知识。具备网站规划，静态网页设计，建立动态网站，进行网站的上传、更新、维护的能力，同时必须具备一定的平面设计基础。
工作任务设计。在《网页设计与制作》学习领域中贯穿两个平行的工作任务：一个是模仿型总任务：《XX学院网页》网站设计与制作；一个是开放型总任务：个人网站设计与制作；以模仿型总任务作为教学载体，教学的基本要求和完成实际工作所要求的基本知识、技能都融入在该任务中。根据网页设计和网站建设的实际工作流程，将该任务切分为若干子任务，学生依据任务样本，在教室的示范引导下通过模仿逐个子任务，最后完成总任务，获取学习成果。
学习领域设计。本课程学习中每个情境对应一个子任务，设计方案如下：
三、实施建议
（1）教学模式。本课程采用“理实一体、任务驱动”的教学模式。课程教学全部在多媒体机房进行，“教、学、做”完全融合，整个教学过程分为“总任务导入逐个完成由模仿型总任务分解而成的子任务，与此同步逐个完成开放型总任务最后完成两个总任务（获取学习成果）”的过程。
（2）教学方法：任务驱动，讲练结合：采用任务驱动教学，以完成模仿型任务作为教学载体，以完成开放型任务作为教学拓展。教师以任务引领，实施以学生为中心的教学，融“教、学、做”为一体。学生通过完成任务的过程实习对所学知识的构建；案例引入，创设情境：引入颇具代表性的各类网站，一一展示给学生，并和他们一起就网站特点、内容、结构、技术逐一进行分析和讨论；讨论交流，启发引导：在完成工作任务时，怎么做，按照什么步骤做都由学生参与讨论；边学边做完成任务过程中引导教师与学生、学生与学生之间的多向交流；适时进行典型作品的欣赏点评，同时引导学生参与自评和互评。教学过程中注重传授学生一种思想，一种解决问题的方法，引导学生从多个方面去解决问题，用多种方法解决同一问题。
《网页设计与制作》一体化教学是一个系统工程，在一体化教学中要注意计算机教室、教学计划、教材、教案、学案、及教法、师资等的设计，只有这样，才能符合一体化教学的要求，才能组织好一体化教学。相信在不久的将来，为适应职业技术教育的发展要求，逐步实现一体化教学，为职业技术教育培养出更多更好的实用型、技能型人才。
参考文献：
论文关键词：平面设计软件；实训课程；项目设计；实训项目；成果评价；职业能力
平面设计软件实训是配合《平面设计软件》课程开设的为时2周的实训课，是培养学生职业能力的一个重要环节。以往的实训课通常是通过让学生做一些课业进行的，教师给出一个课题，学生在指定时间按教师的要求完成作品，整个过程在教师的辅导下完成。在这样的教学过程中，学生的职业能力难以得到很好的训练，团队精神难以得到有效的培养。所以，在实训课上进行项目教学是很有必要的，因为项目教学法的核心是在教师的指导下，由学生去探寻得到最终结果的途径，学习的重点在学习过程而非学习结果，这对学生能力的培养是很有帮助的。在2周的时间里，如何设计项目才能使学生真实地体验一个项目的完整制作过程，是需要教师研讨的问题。
实训项目设计分析
实训课的教学不同于理论课。由于学生已经初步具备了该课程的知识和技能基础，实训课要在理论课的基础上重点训练学生的专业技能和职业能力。所以，项目的设计要求更能体现实际工作环境的特点，学生通过项目能更好地应用学过的知识解决实际问题，锻炼自己的实际工作能力。
设计理念平面设计是近十几年逐步发展起来的一个复合性职业，涉及面非常广泛，涵盖的职业范畴包括商业展示设计、商业广告设计、商业环境艺术设计、书籍装帧设计、包装结构与装潢设计、服装设计、工业产品设计、商业插画设计、标志设计、企业ci设计、网页设计等等。针对目前平面设计行业及社会其他相关岗位对人才的需求和对教学内容及教学方法的研讨，实训项目设计应该围绕着专业方向和培养目标进行设计；围绕着用完整的实际工作流程训练学生综合设计制作能力的目标进行项目开发，即按照实际工作“调研策划创意设计制作提交审核”的流程进行教学设计；以项目小组的形式开展教学活动；通过实训项目训练，培养学生的创新精神和团队精神，使学生能够综合运用美学思想、平面艺术设计的基本原理和设计规律及计算机图形图像设计软件，完成符合实际要求的平面设计作品，实现平面设计专业的教学目标。项目的设计理念应当是以培养学生完成实际工作任务的职业能力为目标，但设计的项目不一定非要来源于企业，因为本课程的学生是“广告设计与制作”专业的一年级新生，还没有学过平面设计方面的专业课，用2周的时间完成一个真实的企业项目有一定的难度。为了顺利实现《平面设计软件》实训课程的教学目标，可采取将虚拟项目按照真实项目完成的形式进行教学设计。
设计思路平面设计专业的能力目标是使学生能够根据平面艺术设计的基本原理和设计规律，针对不同的用户要求进行各种平面作品的设计与制作。所以，“网站页面设计制作”项目、“pop广告设计制作”项目、“商业插画设计制作”等项目都可以用来作为《平面设计软件》实训课程的实训项目。产品类广告设计可以重点培养学生市场调研、策划、创意等能力；文化类广告设计可以培养学生掌握完整的设计制作流程；“网站页面设计制作”可以通过图形、色彩、文字等设计元素的运用培养学生综合的平面设计能力。下面以“某集团房地产网站页面设计制作”项目为例，分析实训项目的设计方案。
实训项目设计方案
项目背景随着互联网的飞速发展，网络已经成为人们生活中不可缺少的一部分，利用网络查找各种所需要的信息已经是人们习以为常的手段。在这种形势下，很多企业、个人都需要拥有自己的网站和网页。某房地产企业为了更好地宣传企业形象和推介企业产品，需要制作一个引人注目的精美网站展示自己。
【关键词】网页设计；图形设计；运用价值；运用要点
前言
科学技术的不断进步，促进了计算机技术以及互联网的迅速发展，在各个国家基本实现了全覆盖。随着信息时代的到来，人们对于信息的利用更加频繁，对网页的关注度逐渐升温，好的计算机网页设计会给企业以及浏览者带来更大的价值，要想成功吸引更多的人们注意网页，就需要将图形设计完美的融入其中，以达到想要的效果。
1网页设计与图形设计概述
网页设计，是为传递信息而进行页面设计的工作，其主要是依据企业的需求，利用计算机为媒介，将信息展示在浏览者面前。作为一种宣传媒介，网页设计的精美程度决定了浏览者对其的关注度，更绝对了其利用价值的大小。网页设计包含以下种类：功能型网页设计、形象型网页设计和信息型网页设计，其主要利用颜色、字体、图片、样式进行美化设计，根据用户要求策划和设计出满意的网页，高级的网页设计甚至会考虑到通过声光、交互等来实现更好的试听感受。网页设计最为常用的工具包含PS、FL、AL、DW等[1]。图形设计，是网页设计技术中的重要组成部分，影响着网页设计的效果，对提升网页的设计感和感染力具有重要作用。图形设计重在图形，它是传达信息的图像符号，通过不同的表现形式，将作品中要表达的意境表现出来[2]，其重在创意上。图形设计拥有众多优势，有直观性、审美性、指示性、象征性等，这些都能够提升计算机网页的设计效果。
2图形设计在网页设计中运用的价值
2.1提升计算机网页设计的艺术效果
图形设计的创新性，可以在计算机网页设计的策划中与众不同，更能够提升计算机网页设计的艺术效果，将网页的别具一格的设计展现在用户面前，让更多的浏览者关注网页，激发用户群体的浏览兴趣，起到更好的传递信息的效果。在计算机网页设计中，利用图形设计中的完整的表达力，为用户打造信息传递的视觉盛宴，保证计算机网页设计的质量。据相关调查显示，最受关注的网页，往往是利用图形设计相结合的。
2.2增添计算机网页设计色彩，向多元化发展
图形设计的形式多种多样，更可以说是资源丰富多彩，其利用音频、图像以及艺术文字的形式进行计算机网页的设计，大大的增添了艺术色彩和愉悦的氛围，并使得传统的单一网页形式向多元化方向发展。传统的计算机网页只是通过简单的元素将信息传递给浏览者，在表达上基本上就是文字配以简单的图片，在信息的检索上更是以文字为主[3]，将现代的图形设计加入到计算机网页设计后，用户可以通过音频以及图片进行搜索，这种表现形式的变化图形设计所起的作用功不可没。
2.3加强了视觉冲击力与感染力，更加人性化
计算机网页设计主要是通过文字和图像相结合向使用者展示信息，图像设计是将文字与图像再加工，利用其独特的处理技术，将文字与图像的表现形式更具有视觉冲击力与感染力，能够较深浏览者的印象，提升浏览效率。图形设计能够将文字与图像互相转换，满足浏览者的需求，并给人以简洁美观的效果，更能够体现设计者的理念，使计算机网页设计更加人性化。
3图形设计在网页设计中运用的要点
3.1图片格式设置要符合
在图形设计中，设计工作者一定要注意计算机网页设计中对图片格式的要求，只有符合的才能够实现其利用价值，才能够达到设计方案中的实际效果。我们在浏览网页中，经常会出现图片、音频打不开的现象，使得我们需要的信息没有很好的读取。因此，在计算机网页设计中，一定要合理的处理图像以及连接图片，使其格式满足网页设计的要求，为用户展现良好的视觉效果。
3.2图像大小要控制在要求范围内
在计算机网页设计中，对图像大小的要求非常严格，如果在利用图形设计中不控制好图像的大小，就会严重影响图像在浏览者面前呈现的效果。计算机网页设计本身就收资源空间大小的限制，只有控制好图像的质量与范围，才能够提升网页设计质量。例如，我们在浏览网页时会经常看见一些失真、或者比例失调的图片，不仅影响了我们浏览效果，还严重影响了我们继续浏览下去的兴趣。
3.3图片颜色配置要科学
不同的色彩表现形式有所不同，同一的色彩会显得单调，多种色彩搭配会显得凌乱，在计算机网页设计中使用图形设计时，无论哪种颜色都要优化配置好，并要有一定的科学性。在图形设计中，可以通过PS实际软件对图片进行颜色调整，使其适合计算机网页设计整体色调，为浏览者展示良好的画面感。
4结束语
计算机网页设计本身就具有一定的难度，图形设计的加入使之更加的繁琐，设计人员在运用过程中一定要加以注意，更具网页设计的实际要求进行图形的选择与处理，才能够增强图形设计在计算机网页设计中的视觉效果，实现其使用价值。
参考文献
[1]王正红.探讨网页设计中图形的应用[J].现代装饰（理论），2014，11：86.
[2]温雪，毕军涛，孙授卿.试析计算机图形图像设计以及视觉传达设计[J].通讯世界，2015，17：221.
关键词 网页设计 发展趋势 教学设计
中图分类号：G642 文献标识码：A
Improve Web Design Curriculum Teaching of Art
Professional with the Development Trend
XIE Tao
(Graduate Department, Hubei Academy of Fine Arts, Wuhan, Hubei 430060)
AbstractAs a digital media arts and visual communication in one aesthetic, as an integrated interdisciplinary curriculum, "Web Design" is developed as the core curriculum by many professional art and design colleges and universities. With the rapid technological development, professional web design courses for the Art features need continuously to improve teaching methods, enrich the teaching content in order to enable students to master the most practical web design techniques, to train highly qualified personnel for the different needs.
Key wordsweb design; development trend; teaching design
随着计算机技术的发展和Internet互联网普及化程度越来越高，网页设计与制作已经成为当代视觉设计师必备的专业技能之一。就网页设计课程教学而言，不仅要求学生掌握相关的计算机技术，更要具有专业的美工基础和艺术素养。培养能适应时展与市场需求的网页设计师，艺术专业网页设计课程就必须紧随技术更新步伐进行教学改革，以便适应时展需求。
1 设计软件与开发技术的发展与更新
网页设计软件众多，业界广泛使用Adobe公司的Dreamweaver，高校网页设计课程也基本以此作为软件教学内容。经过数年发展，最新版的Dreamweaver CS 5推出了许多新功能，因此课程的软件操作教学内容也需围绕新版本展开讲授。
早期的网页设计师在设计流程中主要追求良好的美学效果，不太关注语义化和可用性方面的问题。随着技术的发展进步，遵循网页标准（Web标准）进行网页设计和网站开发，已经成为当代网页设计师必备的技能之一。用Div+CSS布局来替代传统的table布局，使内容与表现相分离，页面信息结构更清晰，有利于内容的重用。网页标准还使网站开发与维护更简易，与未来浏览器也完美兼容，使访问者获得更好的浏览体验。
Flash曾经作为网页设计中的视觉元素之一，现在已经发展成能够开发整套网站的强大工具，提供了大量的远远超过 Html 所能够实现的视觉表现效果，Flash 使创建复杂的、互动性强并且拥有动画元素的网站成为可能。Flash流媒体技术的广泛使用也是网页设计的一个新趋势，页面元素不再是静态的文字和图片，也不再局限于二维的Flas效果，结合音频和视频技术的Flv流媒体技术由于不需要安装插件，有着优秀的兼容性及交互性，在网页设计中的应用达到一个新的高度。
3D技术是当前视觉艺术的一个热点，基于Internet具有交互性的虚拟现实建模语言Web 3D技术，使二维的网页向三维发展提供了很好的支持，代表了三维网页的发展方向。同时，更多的浏览器开始完美支持和表现新一代Web 语言、互联网标准Html5，视频播放、动画、3D交互图像、Web视频聊天及会议、音频的采样和混合都将是Html5的重要优点和应用趋势，并将引领下一代 Web 实现类似桌面的应用体验。
随着技术的进步，网页设计越来越重于表现多媒体的特性，这就需要网页设计师不仅要掌握基本的专业技能，还需拓展其他相关领域的专业知识，才能提高职场竞争实力。
2 审美的提高促进网页设计新思维
一个极具艺术感染力的网页设计作品会得到众多来访者的倾心，提高网站的亲和力与回访率。特别是在信息高速发展的今天，人们审美意识的提高，客观上将网页设计推向了更高层次的表现境界，网页设计风格个性化、技术多元化将成为必然的发展趋势。
网页的设计与制作，除了要表现动态效果及强大的交互功能，还应着力提高设计美感和艺术氛围，界面设计同样要符合视觉艺术的形式美法则。
（1）布局合理、排版简洁。结合优秀的版式设计，对页面元素及内容进行归档分类与优化，做到信息的主次分明。
（2）风格统一、整体性好。网站的整体性是通过好的界面设计风格体现出来的，色彩搭配要协调，图像图形的制作要精致，突显网站主题与格调。
（3）创新性的视觉特色。善于做创新性的视觉设计，让页面设计在同类网站中脱颖而出，带给用户愉悦的视觉感受和浏览体验。
（4）易用性。网页最终会于用户终端显示，简洁易用也是非常重要的设计原则，让美的页面建立在易用的基础上，在整个设计过程中都要始终贯穿这种思想。
网页设计师根据网站定位的需求，重视用户体验，并将独特的设计思维融合到网页设计中去才能做出最优异的网页设计。艺术专业的学生应充分发挥自己的设计优势，将技术与艺术紧密结合，使设计制作出来的网页达到实用性和审美性的高度统一。
3 根据市场的需求充实网页设计课程教学内容
艺术设计专业培养的网页设计师主要涉及网页前端架构，如网站的整体风格规划及版式设计、界面设计等，这些都属于网站开发流程中视觉设计的范畴。作为整个开发团队的一员，网页设计师不仅要胜任前端设计，还要与站点开发人员合作密切，熟悉网站后台的管理；不仅要精通静态Html（Xhtml）语言与CSS，还要了解各种动态网站架构语言如ASP、PHP、JSP、CGI等；除了能胜任网站的规划与设计，还要掌握网站建设相关方面的知识如服务器与虚拟主机的管理与维护、域名的注册与解析、网站备案、SEO搜索引擎优化等。除此以外，网页设计师还能借助各类CMS(网站内容管理系统)构建各种功能性的网站、论坛及博客系统。
竞争所需使越来越多的公司和企业开始开拓网络市场，树立其在互联网上的良好形象。市场的多元化发展趋势也对网页设计师的素质提出了更高的要求，不仅要精通专业技能，还要眼光敏锐及时把握网页设计相关领域的最新动向。这就要求网页设计课程教学在讲授理论知识与操作技能的同时，还需重视实践教学的重要性，从多方面拓宽学生的知识层面。
4 根据教学目标及内容调整教学方法
在传统网页设计教学中，一般沿用以教材为中心，教师课堂理论陈述及操作演示的教学模式，缺乏实践性，无法达到课程教学目标。因此，要充分利用多媒体教学环境，发挥教师在教学中的主导作用和学生在学习过程中的主体作用，采用适当的教学方法激发学生学习兴趣。
4.1 改进实践教学，锻炼学生独立创作的能力
在实践教学中，根据教学目的和教学内容选用典型案例，通过对网页设计案例的分析讲授其中所应用到的理论知识，在学生理解基本理论知识的基础上再演示案例，使学生进一步熟悉相关理论知识的应用及实际操作，有助于培养学生分析问题、解决问题的能力。同时，教师可以从威客网上搜集一些商业设计项目作为实训内容，让教学目标更加贴近市场的真实需求，提高学生学习的主动性和积极性。另外，还可以定期举办网页设计大赛，组织学生和专业教师进行评选，并将优秀参赛作品放在网站上作为教学成果展示，这些活动不仅能调动学生的学习兴趣，也极大地丰富了学生的学习生活。
4.2 借助网络技术实现教学互动，完善教学手段
在实际教学中，不是所有学生都能及时掌握教师课堂上所讲的内容，还需在课后对相关知识点进行复习巩固，网页设计课程本身的特点也决定了可以充分发挥网络资源的巨大优势。教师可以开设个人教学网站，将课件及相应的学习资料放到网站上供学生访问下载，同步与更新各种学习相关信息，学生也能通过在线留言板和学习论坛与同学或老师相互讨论，解决问题，教师则可以根据反馈信息及时调整教学内容。
4.3 理论与操作相结合，综合全面评价学生
考核是检测教与学的重要手段，也是教学中一个重要环节。一个好的考核方式不仅能全面真实地反映学生的学习水平，还能反映出教学中存在的问题。除了必要的理论知识考核，可以布置一个项目设计任务作为课程实践部分的考核内容，比如让学生设计制作自己的个人网站。先对个人网站的设计做总体规划，列出设计方案，由教师审阅并给予修改建议后再完善方案并实施，在设计过程中教师要关注进度并及时指出设计中的不足之处让学生解决。这种考核方式既强调了实践性教学，又培养了学生自己独立完成网站设计和制作的能力。
互联网作为一种新兴的数字媒体发展迅速，网页设计也成为视觉设计师最为关注的新领域之一。艺术专业的网页设计课程教学不仅要体现时代性，还要富于创造性，具备前瞻性。教师必须紧密关注网页发展动向，随市场和时代的发展趋势改进教学内容和教学方法，才能培养出适应市场需求的高素质设计人才。
参考文献
[1]张伟娜.《网页设计与制作》课程教学的探讨与实践[J].中国教育信息化・高教职教,2008(2).
[2]张丽香.高校《网页设计》课程教学探讨[J].大众科技,2008(5):104-150.
关键词： 高职教育 动态网页设计 教学改革
作为一个重要组件，有较强的实用性，在现阶段的众多高职院校课程教学过程中发挥着非常重要的作用。然而对于这样一种具有较强抽象性与技术性的专业课程而言，若仍然沿用传统的灌输式教学模式，很难达到预期的教学效果。在学习该门课程过程中，大多数学生只掌握了一些基本的语句与片段，还没有形成一个完整的知识体系。因此，为了提升与增强该门课的教学质量与教学效果，应加强教学改革，强化对学生实践环节的重视，以最终提升学生的综合专业技能。
1.高职动态网页设计传统教学过程中存在的问题
对于传统的教学方法而言，注重学生的专业理论知识学习，根据教学内容与课程安排，由浅入深地对知识点进行讲解。在学生掌握了一定的理论知识后，再引导学生进行相对应的项目联系。但这种模式化的教学模式很容易感受到学习过程的枯燥乏味，并且从初期学习阶段就没有建立起与课程学习相适应的思维方式，从而导致学生学习效率低下，更谈不上理论知识与实践操作的有效结合。
对于大部分高职学生而言，原本就对编程设计的兴趣不大，而在传统的教学过程中多将和数据库的交互部分的内容放在了最后环节，很多学生在学到该部分重点内容时几乎完全失去了学习兴趣，对该部分的掌握情况也较差，这在很大程度上影响到了学生的整体专业技能。同时，对于部分高职院校而言，对动态网页设计的实训环节不够重视，并且没有形成一套完善的实训体系，在实训阶段大多是要求学生按照指定的题目来分阶段完成任务，并且将实训重点放在了注册、登录，以及数据库操作等功能，对项目的分析讨论、实施，以及总结等环节却很少设计，在很大程度上抑制了学生对专业技能的系统性掌握，并且给学生综合分析能力的提升造成了一定困难。
动态网页设计教学改革措施
2.1对教学内容进行改革
对于高职教育而言，其目的是为社会培养符合岗位需求的应用型技术人才。为此，在具体的职业教学过程中，应充分尊重学生毕业后的岗位需求，以提升教学工作的针对性与科学合理性。对于《动态网页设计》课程而言，其目的是引导学生掌握基本的网页设计基础知识，并能独立完成动态网站的制作。同时，随着计算机技术的不断发展，网页制作技术也在发生变化，新方法与新技术不断引入。为此，在教学内容的选择过程中，因根据岗位需求、学生自身需求，以及新技术特点及应用等因素，对教学内容进行不断完善与创新，增加新的知识点，调整教材内容顺序，选择一种更利于学生接受的课程设置方式，并定期召开网络交流会与研讨会，对学生在学习过程中遇到的困惑与问题及时解决。
2.2对教学方式进行改革
上文已经提到，《动态网页设计》是一门实践性较强的学科，学生有良好的动手能力，学生应掌握如CGI、ASP、、PHP、JSP等变成语言。在具体的教学过程中，教师还可根据具体授课内容进行实例教学，让学生自己动手在网上查找一些相关范例，在教师的现场指导下进行讲解，以调动起学生的学习积极性。同时，教师应摆脱各种客观条件的限制，注重实践环节的教学工作，既对学生的理论知识掌握情况进行检查，又促进学生理论知识与实践操作的有机结合，从而提升教学质量与教学效率。
为了提升学生的动态网页设计综合专业技能，在具体的教学工作过程中可引入项目驱动、课堂讨论等教学方式。在理论教学环节，学生已经对动态网页设计有了一定的认识，因此教师在课堂上要引导学生按照题目要求，发挥他们的主观能动性，对在学习过程中遇到的难点进行重点讨论与分析，从而引导学生掌握动态网页设计的重点内容。之后，教师可引入学生已经掌握的知识点，为学生布置一定的设计任务，以强化学生对所学知识的认知与理解。如可以引导学生根据他们自己的理解来分析一个登录界面都包含哪些控件，在实现界面之后，应连接到具体的数据库sql语句。之后，教师可根据学生的思路提出相应的意见，并根据讨论得出的思路与方法逐步设计实现。在完成这些基本的功能之后，还可引导学生对基本功能进行拓展，以使设计界面更加人性化。
3.注重实训环节，提升学生的综合专业技能
为了提升学生毕业后的岗位适应能力与综合专业技能，必须加强对实训环节的重视。在实训开始阶段应要求学生提出整体设计方案与思路，并在经过小组讨论之后获得统一的目标。在此过程中，应注意对项目进行模块划分，确定模式的时间完成顺序，以确保设计工作的有效性。
因每个学生学习能力与实践能力的不同，在实际的实训环节应根据学生的个体差异进行分组搭配。同时，对于不同的实训项目而言，应针对小组综合实力的差异选择难度不同的实训题目。对于基础相对较差的学生而言，应要求他们实现对注册、登录，以及数据库管理等工作，切实掌握与数据库之间的交互。而对于综合能力相对较强的学生而言，除了要求他们实现后台管理之外，还应完成对前台界面的管理，并初步完成简单的网页设计。在此过程中，应对每一个学生都严格要求，对每一个细节操作的要求都做到细致入微，以提高学生设计操作的准确度与实际操作技能。
4.结语
在现阶段的高职动态网页设计教学过程中，应加强教学改革，提升学生的动手实践与分析问题、解决问题的能力，为提升学生毕业后的岗位适应能力打下坚实的基础。为了提升教学质量，还应加强学生实践操作与教学改革的结合，针对学生自身需求，灵活选择教学方式与内容，以切实提升学生的动态网页设计技能。
参考文献：
1．综合性
传统艺术设计活动仅围绕着社会文明、文化等方面，设计题材内容相对单一，这限制了现代化艺术领域创作的变革趋势。新时期艺术思想强调了题材的广泛性，提出艺术设计也是一门综合性极强的学科，可以从多个方面开展相关的设计活动。数字时代艺术设计更具综合性特点，它涉及到社会、文化、经济、市场、科技等诸多方面的因素，其审美标准也随着这诸多因素的变化而改变。
2．主观性
艺术是被创造的，设计师是艺术的创造者，坚持主观思想表达是数字时代艺术设计的基本要求。数字技术是艺术设计的辅助工具，设计者才是新艺术的缔造者，艺术设计贵在创造活动与实践，是设计者自身综合素质的体现，如：表现能力、感知能力、想象能力。设计师可以结合有关的艺术题材，从背景文化、地理、历史、人文知识等方面，结合个人主体思想或艺术理念展开设计。
3．创造性
随着时代的变化与发展，艺术设计更是呈现了多元化趋势，“创新”是艺术领域永恒的主题，只有创新改革才能塑造出更多的作品。从创造性思维角度出发，数字艺术设计是对生活方式的一种创造性的改造，不论是在商业活动中的信息传达里的应用，还是日常生活的行为方式中的应用，数字艺术根本目标就是让人类获得各种更有价值，这也是数字时代艺术设计的新思想。
4．科学性
艺术是一门内涵深刻的学科，并不是所有创作设计都能称之为艺术，科学理念也是影响艺术设计的新思想。一个好的产品不是的设计者的纯自我的表达，是有严谨的科学精神在里面的，是一个合理统筹的一个有目的的活动。面对数字化发展时代，艺术设计的科学性要求更高，除了从专业领域展开设计外，还要把自己的观点和观念通过科学的调查、合理的流程归划一步步的完善出来的。
5．技术性
数字时代本质上是科技变换时代，依赖于科学技术才能创造更多的艺术作品，科学理论应用于艺术设计也是不可缺少的思想认识。各种材料的研究、电脑技术的应用、数据的整理、工业化的生产以及产品的销售等等，都是艺术设计不能绕开的问题，这类设计活动与人们社会实践是密切相关的。合理应用高端科技辅助艺术设计思想，才能实现数字时代的科技化价值，塑造出更加独特的艺术作品。
二、数字艺术设计思想的应用形式
数字时代开辟了艺术设计领域的新时代，数字技术融入传统艺术设计是必然的发展趋势，这些都依赖于新型设计思想的综合应用。数字艺术设计方案中常常会涉及到多方面内容，无论是设计师或者技术人员都要注重新思想的应用，把最先进的艺术理论、题材、内容等融合起来，创建更加符合现代化的艺术设计体系。本次结合常见艺术设计内容，对艺术设计新思想应用情况进行阐述。主要应用形式包括：
1．广告设计
内容包括广告策划与创意，文案、广告经营、媒体研究、摄像与摄影、 广告设计、市场调查等课程。广告设计是数字化艺术的主要内容，主要适用于新闻媒体、广告公司、市场调查、信息咨询等行业，对艺术设计的数字化水平较高。因而，数字艺术设计阶段要采用高端科技辅助广告设计，利用三维模型技术体现出广告创作效果，将设计方案借助模型体现出最终的效果，这是数字时代艺术的新概念。
2．室内设计
内容包括室内空间设计、室内陈设设计，可用数字技术为室内空间进行详细地规划，自动筛选出最佳室内布局方案。设计师借助数字媒体展示，事先规划出某个空间设计方案，从数字艺术角度编排建筑物结构，全面系统地认识、理解室内设计的特征和规律。此外，数字艺术对室内设计的多个设计环节和表现形式和创意，能够具备较完备的多角度施工效果图的绘制及模型制作能力。
3．网页设计
网页艺术设计包含着主观和客观两方面的因素，在确立了网页主题之后，首先要明确和熟悉设计的对象和构成的要素。网页艺术设计涉及的具体内容很多，可以概括为视听元素和版式设计两个方面，两者都不开数字技术的综合应用。一般来说，网页设计主要服务于商业化运作，利用互联网科技辅助网页制作与编策，从视觉、听觉等方面提升了网页的吸引力，这是艺术设计创造性的主要表现。
4．环境设计
物质生活水平不断提升，人们对生活环境质量要求越来越高，利用数字技术辅助环境设计也是一种科技化方式。在中国，所谓的“环境艺术设计”就是指景观园林设计、室内设计、建筑装饰设计和装饰装潢等。计算机动态展示是环境设计的先进科技，按照设计者要求选用动态模拟器，为设计师提供方案预演过程，对建筑环境、园林环境等提出更多可行的意见，进一步提升了艺术设计成效。
5．版式设计
是指书籍正文的全部格式设计，与艺术设计也存在着密切的关联，强化了书籍版面的视觉效果。数字版面设计体现了综合思想的应用价值，对整个书籍相关内容均展开一系列的设计活动，除封面、环衬和扉页之外，前言也包括在其中。另外，数字软件可取代人工编辑操作，对书籍的版心、天头、地脚、内口、外口等要素，按照标准比例进行自动化边坡，从而提高了书籍整体的编排质量。
三、未来艺术设计师的新要求
艺术设计是不断创作的过程，任何一类艺术设计都要经过详细的编排，融合先进艺术设计思想及题材，才能创造出更加优越的艺术作品。数字时代是艺术领域的必然趋势，数字艺术设计必将打破传统艺术设计思路，改变过去艺术创作领域的不足之处。另一方面。新时代艺术设计在广告、室内、网页、环境等方面的应用更加广泛，其对设计师的创作要求也在提升。
1．勇于革新
艺术创作的流程是从无到有，从一张空白的画布上开始，艺术家将自己的观点或感受表达在作品创作上。数字时代是艺术创作的新领域，革新思想是艺术设计不可少的，这要求设计师具有革新精神，不能满足于现有的艺术设计成就。例如，充分利用数字技术平台进行创作，提高艺术思想带来的不同风格，把创新性与主观性思想综合起来应用，用创新实现艺术方案的最优化。
2．符合大众
艺术设计目的是准确的向受众传递信息，设计师的作品不仅仅在于视觉享受，更需要让作品中所传达的信息准确的被受众所理解和接受。社会群众是艺术设计的“欣赏者、使用者”，一切艺术设计均是服务于社会大众。无论是传统时代或数字时代，艺术设计思想都要满足大众的审美要求，与群众审美艺术观念相结合，这是现代艺术设计最基本的理念要求。
3．持续创作
一个艺术家通常都是具有天赋的，艺术天赋应当长时间应用于设计实践。对于设计师来说，从最开始的时候，艺术家都要经历学习绘画，不断创作来发展自己的艺术特长。对于当前数字化时代，设计师要坚持探索之路，从不同题材实施艺术创作活动。采用最新技术辅助艺术设计活动，体现出数字时代艺术设计新思想的创新价值，把数字产品与艺术理论紧密地联系起来。
四、结论
1卡通元素为何被应用经平面广告设计中
卡通虽然起源于欧洲，但得以发展却是在美国。卡通形象是简洁设计理念的具体表现，设计者用简约的外形对动物或人物形象进行概括，或直观，或幽默，或亲和、可爱。卡通由于其有别于以往的设计理念，在当前信息时代迅速受到人们的青睐和追捧。设计者从自然环境和人文环境中提取原始素材，不断更新人们的审美趣味，以满足人们欣赏性需求。同时这也推动了平面广告设计中对卡通元素的应用，在现实生活中，从70后到00后都有喜爱的卡通形象，这些现实中存在的现象，也使其商业价值日益彰显出来。因此，为了商品在营销中获得更好的效益，在平面广告设计中增加该商品的附加值，使得所推广促销的商品能吸引更多消费者，就需要将卡通元素应用于平面广告设计中。
2卡通元素的应用手法
2.1抽象化和拟人手法的应用
将卡通元素运用于平面设计其设计手法和设计定位，取决于其题材与内容，并以抽象化和拟人化为主要设计手法。抽象化设计手法，主要是从繁复的信息中提取其重要特征进行简化，用抽象的手法抓住其外形特征，并赋予其典型意义作为符号性特征，这样的设计有助于人们迅速对其进行识别。而拟人化设计手法，则是达到和观赏者共情的设计要求，以传递设计者希望达到的效果。例如，表情设计中，一个夸张的笑口大开的设计，就能迅速将开心的情绪传递给观赏者。因此，可以说在平面广告设计中，通过将动物拟人化设计，来赢得受众喜爱，能够取得较好的广告设计效应。
2.2夸张的表现手法
个性化设计作为平面广告设计中的创新技巧，是伴随时展而产生的。具有创新型特色的个性设计，能够体现时代感和社会性，比较能够突出设计者的创作构思和表现力。往往在设计卡通形象时，将夸张的手法融入卡通元素中，能够直接抓住广告的重点，并巧妙地表现主题。通过将夸张的个性化设计，融入平面广告设计当中，能够符合大众追求新颖、突出的效果，并且满足了受众对广告的心理和情感预期。在设计中用夸张的个性化设计来表现商品的品位和时尚趣味，能更好地诠释所推广商品的品牌价值。
3卡通元素在平面广告设计中的应用
由于卡通元素在视觉传达中的亲和力，当其应用于平面广告设计中时，能够为观赏者提供轻松的交流方式，这也有利于所推广的商品吸引消费群体。而在当前信息快速更新的时代，如何从各种信息和广告中脱颖而出，尽量用简洁直观的设计方案，赢得消费者的青睐，以达到客户推广、宣传商品的目的，就需要在卡通元素中融入各种表达技巧。
3.1卡通元素中的情感表达
情感在人们生活中起到纽带作用，在卡通元素中融入情感表达，能迅速拉近商品和受众之间的关系，让受众得到精神上的共振效应。平面广告设计中，突出卡通元素的感染力，能增进消费者对所推广的商品产生好感，从而激发其购买和收藏的兴趣。
3.2卡通元素中的时尚化
在平面广告设计中各种时尚元素的延伸，促进了人们之间的交流，同时也在时尚设计中赋予了所处时代的特征。在现实生活中，时尚的触角不仅触及了媒体、艺术，还触及到了社会的方方面面。随着信息化时代的推动，人们对时尚的追求也不断在更新。因此，在平面广告设计中，突出卡通元素的时尚化特点，以契合消费者的审美趣味，进而影响受众的消费观念，有利于促进商品的推广。
3.3突出卡通元素趣味化特点
源于人们对事物的好奇心，以及对新奇事物的探究心理，在卡通元素中融入趣味化特点，能使得所推广、宣传的商品趣味性和新奇性得到较好的彰显从而刺激消费。这样的设计方案能让受众得到轻松惬意的视觉满足，从而收到广告推广希望达到的效果。在满足受众视觉感受和心理愉悦的同时，也拉近了商品和消费者之间的距离。
3.4在设计中体现同构思维
格式塔心理学派的鲁道夫•阿恩海姆曾说过，当对象的力结构与人的感知力结构一致时，其审美感受和审美经验便能得到激发。所谓同构思维就是：两种或超过两种事物的性质和形状，以及其赋予的意义能在特定指向下，做关联性思考，从而诱发新观念和事物的思维方式。在平面广告设计中，运用同构思维能突显设计者的创造性思维，使得设计方案的生命力得到彰显。
4卡通元素的实际应用
在设计中加入卡通元素，能够让其所推广商品更加吸引消费者的注意力。由于喜欢卡通形象受众的不断增加，各年龄段都有特定的卡通形象标识，这使得卡通元素实际应用范围被较大的拓展了。从视听媒体，如电视、电影，到听觉媒体，广播和电话铃声等，都增加了卡通元素的实际运用，并且收到了较好的经济效益和广告推广效应。这也使得平面广告设计中，卡通元素也被广泛地应用了。例如，报纸、杂志和户外橱窗布置，以及交通等实物广告当中，卡通元素被广泛应用，并且获得审美和推广方面的双效益。
5卡通元素被应用于网页设计中
关键词：网页；网站；网页制作；个人网站；商业网站
中图分类号：G718文献标识码：B文章编号：1672-1578（2017）05-0004-01
计算机网络已深入到人类生活的各个方面，已经成为人们生活中不可或缺的部分，并促进了科学、技术、文化、教育和经济的不断向前发展，影响着我们的生活和工作方式，当全球信息网在世界盛行之际，用户是不是都有着自己制作网页、开发网站的想法呢？
这里提到了网站、网页两个概念，首先我们需要了解一下网站、网页和主页之间关系，网站是所有网页的集合，类似一幢楼。而网页是每一幢楼里面的房间，主页是用户看到的第一个网页，可以理解为庭院。具体关系是：主页是网站最重要的网页，主页和网页构成了整个网站，网站包含主页和网页（内页）。
如果要建一幢楼，那么有没有应该注意的问题呢？答案当然是肯定的，其实制作网站和建楼房是一样的道理。下面笔者结合在这几年从事职业院校计算机专业《网页设计与制作》课程教学过程中总结出的一些小心得，以设计个人网站为例，谈谈在网页设计与制作中的几点应用体会。
1.文件目录巧设置
我们在制作网页的时候需要将做好的文件保存到硬盘上，许多人往往随意建立目录，这样虽然不影响浏览，可是会给以后自己更新主页带来许多不必要的麻烦，而且如果你的是好几个人共同维护，那么将会严重影响你们的合作，这时规划网站文件的目录就显得越发重要了。在建立目录的时候可以按照以下几点来操作：
①每个栏目尽量使用一个子目录，将不同栏目的文件分开保存，这样如果要撤销一个栏目，只要删除对应的目录即可。在每一个目录中都建立一个"images"子目录，将每个栏目的图片分开保存。如果网页中使用了模版，那么这些图片可以放到主页根目录中的"images"文件夹中，当然你也可以使用"picture"等英文单词或拼音命名，且目录名不能过长，这样既不便于记忆又容易出错，当然也可以根据各栏目的意思来给目录命名，建议用英文意思命名，切忌不要使用中文作为目录的名字。②目录的层次不要太深，尽量保持在三层以内，如果一个访问者要经过几次点击才能找到他想要的东西，那么就很难吸引他再来了。③将每个页面共有的元素保存到一个文件夹中，既节省了页面下载的速度又不会因为删除一个页面而导致其余页面出错。
2.网页字体用缺省
经常会有学生问我这样的问题，他在自己的电脑上浏览时都非常漂亮，可为什么用其他电脑访问时，那些漂亮的文字就变得普普通通了，这是因为你的网页中加入了一些非系统默认的字体，这时如果其他电脑上没有那种字体的话，它会自动用宋体来代替，所以漂亮的字体不仅变普通了，页面的排版也会因字体的改动而变得"惨不忍睹"。其实在网页中9磅（pt）和11磅的宋体都是比较漂亮的，你可以自己选择使用。如果你非要使用非系统字体，可以使用图像处理软件将这些文字转化为图片格式后再插入到网页中。
3.免费代码适当用
现在许多网站都提供如邮件列表、新闻代码和调查引擎等，其实它只是提供了一小段代码，当你将这些代码加入到网页中后，如果有人访问你的网站，那么浏览器就会根据那段代码从提供服务网站的服务器中调用程序。这样不但严重影响页面的下载，而且这些华而不实的东西也没有什么用处。
4.主题内容小而精
主题小而精是指题材的定位要精、要小，因为对于一般的制作者来说没有也不可能有足够的时间和精力去制作一个应有尽有的站点。虽然在做网站的时候很想把所有认为精彩的东西都放上去，但往往这样反而没了特色，给人的感觉是没有主题，好像什么都有却都很肤浅。主题小但并不是内容少，它所涉及本方面的信息要全，一般来说，专题类网站要比大而全的网站更受欢迎。
5.网站特色需注重
网络给我们带来了通讯便捷和资源共享的好处，如何才能让自己的网站吸引来访者目光，使其驻足，首先原创是必不可少的，当然你也可以加一些他人的创作，借鉴别人的创作思路方法等，其次要根据自己的实际情况加入一些有特色的属于自己的东西。最好挑选自己擅长或者感兴趣的内容，主题最好是自己最擅长并且最有兴趣的东西，其中兴趣特别重要的，只有感兴趣才能创造出灵感，特别是对于个人网站，其最大的动力就是对这方面是否特别感兴趣。对于个人网站的内容设计可以从自己的专业或兴趣爱好方面多做考虑，如自己在计算机、书法、绘画等方面有独到的工夫，就可以将此专题作为网站的内容。
看了以上内容是不是觉得制作一个网站非常麻烦，还需要注意这些那些，但如果把我们制作的网站看作是商品，浏览者即是顾客，要想让顾客买东西，当然顾客是上帝，那么我们的宗旨即是：一切为顾客着想。
参考文献：
[1]刘涛.网页设计经典应用网页制作综合案例高等教育出版社2008.
关键词： Java； 程序设计； 网页； 水面特效； 图像
中图分类号：TP301.6；311.11 文献标志码：A 文章编号：1006-8228（2014）10-54-02
Water special effects on Webpage using Java
Wang Zhida
（Ningbo Polytechnic， Ningbo， Zhejiang 315800， China）
Abstract： The implementing project of making water special effects on webpage using Java is introduced. The related technique method and programming are discussed in detail， with some applied issues. The core technology is casting image on waving water. The waves are regarded as sine curves. The frame's phase angle and amplitude are calculated. The amplitude is used as frame vertical deviant to draw each line of the frame. Meanwhile， double buffer technology is utilized to process the image on buffer area and display it on the window.
Key words： Java； programing； webpage； water special effects； image
0 引言
使用Applet程序可以方便地进行图像处理，再融合动画技术，可在网页上制作出各种特殊效果。本文介绍水面特效的制作，将图像映在波动的水中，如图1所示，运行时水面是运动的。
图1 水面特效
1 实现方案
1.1 总体设计
采用双缓冲技术，先在图像缓冲区中处理图像，完成后再显示到窗体上。为此需要设置图像缓冲区，并将缓冲区逻辑划分为左、右两部分。总体制作过程为：缓冲区左半部显示图像，右半部绘制倒影，左半部制作动画帧（覆盖图像），窗体显示图像和动画帧。如图2所示。
图2 总体制作过程
1.2 绘制倒影
倒影的绘制采用逐线移动的处理方法，如图3所示。
图3 绘制倒影
图3中h是缓冲区高度，i是线号，在程序中可以作为循环变量。按照上图的设计，向下移动是正向，开始的移动量是正的，但随着i的不断增加，移动量将逐渐变为负值，表示向上移动。
1.3 绘制动画帧
本例设计12个动画帧，帧号0～11，存于num，帧数越多图像越精细，但动画循环中的延时时间需要相应缩短。水波为正弦波，不同的帧相位角angle不同，用如下公式计算：
angle=num?2?л/12
仍然采用逐线移动的方法绘制动画帧，动画帧中的图像线可以理解为是倒影中相应图像线偏离原先位置形成的。假设向上偏移，偏移量用变量wave存储，当wave为负时则表示向下偏移，如图4所示。
图4 绘制动画帧
2 程序设计
程序整体框架如下：
import java.awt.*；
import java.applet.*；
public class MyJavaApplet extends Applet
{ Image img； //图像
Image imgBuff； //图像缓冲区
Graphics ibg； //缓冲区画笔
int w，h； //图像宽高
int num=0； //帧号
double angle； //相位角
int wave； //偏移量
public void init（）
{ //加载图像、追踪、获取图像宽高
//创建缓冲区及其画笔
//在缓冲区的左半部显示图像
//在缓冲区的右半部绘制倒影
}
public void paint（Graphics g）
{ //计算当前帧的相位角
//在缓冲区的左半部绘制动画帧
//产生下一帧的帧号
//在Applet窗体上部显示图像
//在Applet窗体下部显示动画帧
//休眠50毫秒
repaint（）；
}
public void update（Graphics g）
{ paint（g）；
}
}
由于设计在paint方法中完成循环，在paint方法的最后，使用repaint方法再调用paint。程序使用了update方法，且在其中使用参数g调用paint方法，其作用是取消每次循环的清屏操作，避免动画出现闪烁[5]。
在init方法的最后，按照设计方案，使用循环，用逐线移动的方法，在缓冲区的右半部绘制倒影，代码[2]为：
for（int i=0；i
{ ibg.copyArea（0，i，w，1，w，（h-1）-2*i）；
}
循环变量i即线号；copyArea方法前4个参数指定了一个区域的左上角坐标（0，i），和宽（w）高（1），即一根图像线，后2个参数说明向右移动w和向下移动（h-1）-2*i，即移动到缓冲区右半部形成倒影的位置，向下的移动量在设计方案中已经分析过；循环执行结束后，倒影也绘制完成。
在paint方法中，绘制动画帧也是在循环中采用逐线移动的方法，代码如下[3]：
for（int i=0；i
{ wave=（int）（（i/12.0+1）*Math.sin（h/12.0*（h-i）/（i+1）+angle））；
ibg.copyArea（w，i+wave，w，1，-w，-wave）；
}
循环变量i即线号，循环中先计算倒影图像中相应的图像线偏离原先位置的偏移量wave，然后使用copyArea方法移动，偏移量wave在设计方案中已经分析过。copyArea方法的前4个参数指定了一个区域的左上角坐标（w，i+wave），和宽（w）高（1），即显示在缓冲区右半部的倒影图像上水平方向的一根图像线；后2个参数说明向左移动w和向上移动wave，即移动到缓冲区左半部形成动画帧的位置。循环执行结束后，一个动画帧也就绘制完成[4]。
3 应用要点
实际应用中，展示水面特效的Applet窗体尺寸是由网页设计规划确定的，可通过标记传送，程序用getParameter方法接收[1]。 标记应在和标记之间，无论什么类型的数据，都是以字符串的形式传送的，格式为：
getParameter方法原型为：
String getParameter（"参数名"）
返回值是字符串类型的，需要时可在程序中将其转换为原始类型。
参考文献：
[1] 陈杰华.JavaScript Web开发技术（第2版）[M].清华大学出版社，
2013.
[2] 于波.Java程序设计与工程实践[M].清华大学出版社，2013.
[3] 孙燮华.Java程序设计与应用开发[M].机械工业出版社，2013.
【关键词】Web设计 CSS层叠样式表 应用思考
CSS层叠样式表单（Cascading Style Sheets）属于标记性语言，应用其进行网页制作，可以有效降低作业量，提高作业效率。在网页设计过程中应用CSS技术，不仅可以对代码的重复使用效率进行有效提升，对HTML语言的繁琐标记进行全面简化，对网页布局进行精确控制，还可以强化网页的传输效率，为网页的维护与更新升级奠定了良好的技术基础。本文重点阐述了CSS层叠样式表单在网页设计过程中的应用思考，以期可以为网页设计人员提供一定的参考，提高其CSS技术的应用水平，促使网页设计实现全面创新与发展。
1 CSS层叠样式表单
CSS属于标记性语言，将其与HTML语言有机结合，可以为网页的外观进行精准控制。上世纪90年代末，CSS技术诞生，不过由于浏览器支持力度较小，人们并没有对其给予高度重视。而随着科学技术的快速发展，浏览器普遍实现了CSS技术支撑，应用CSS技术，可以在HTML文档中添加大小、颜色以及类型等字体样式，对于网页设计者而言，该技术可以有效分离网页的外观控制与内容，具有较强的实用性。CSS层叠样式表单在网页设计中的应用具有较强的灵活性，不仅可以定义在行内，也可以在特定的页面位置进行定义，除此之外，它也可以扮演外部样式文件，支持网页调用。而CSS的主要制订、颁布机构为W3C组织，CSS自颁发以来，共经历了四个版本，分别为1.0、2.0、2.1、3.0，现阶段，仍被人们广泛应用的版本为2.1和3.0。W3C属于民间性技术组织，因此，在颁布CSS技术时，并没有使用规范进行强制要求，因此，浏览器基于各自的差异，在CSS支持方面具有较大的差异性，这在很大程度上扩大了开发者工作的难度系数。不过，现阶段，CSS已成为Firefox、IE等主流浏览器的事实技术规范，这在很大程度上提高了CSS的浏览器支持率。
2 CSS层叠样式表单在Web设计中的具体应用
2.1 背景控制
在设计网页时，设计者要对色彩的应用给予高度重视，网站色彩是用户的第一感官，因此，对于网站设计而言，页面背景控制具有十分关键的重要性以及必要性。在背景控制方面结合CSS技术，不仅可以应用纯色背景，还可以利用背景图像构设具有较强复杂性的效果图。采取纯色背景需要涉及background-color这一属性，相关属性值有三个，分别为颜色英文关键词、16进制的颜色值以及RGB颜色分量。这一属性除了可以对背景颜色进行设置，还可以设定HTML背景色，以此为基础便可以对页面进行分块处理。而WEB代码中常见的background-color：#0000FF所表示的便是蓝色的网页背景。
创建背景图像会涉及background-im-age这一属性，其属性值仅有一个，即url（）。在设计网页的过程中，设计者普遍在images文件内存放图片，因此，用户若在网页中见到background：url（images/bg・gif）语句，其中的url表示便是相对路径，bg.gif表示的则是背景图片，images则表示图片储存的文件夹。用户使用网页时，会发现背景具有渐变的现象，这是在设计过程中结合了Photoshop软件与Dream weaver软件，择取CSS技术设计渐变背景。首先，通过Photoshop构设图片文件，以5CACFE为前景色，以FFFFFF为背景色；结合渐变工具，对其进行上下拉动，对图片文件进行颜色填充。其次，通过单列选择工具选择页面，确保其像素为1×700，然后以bg.gif格式对其进行另存处理；最后，构设网页文件，并针对其页面的内嵌样式表进行声明设计。将body属性加设于CSS技术中，多次反复显示原定的图片水平方向，确保页面背景色与图片底色相同后，将其加设于属性中，便可以实现背景渐变。
2.2 链接控制
在设计Web的过程中，不仅可以在当前网页文件中应用CSS层叠样式表单，而且对其所实施的链接控制相对比而言具有较强的广泛性。在HTML页面中应用CSS层叠样式表单，常见性连接方式为外部链接。利用外部链接法，首先，要构建外部文件用于储存CSS层叠样式表单代码；其次，通过HTML语言所包含的LINK元素对CSS代码进行有效调用；最后，通过修改CSS文件，便可以获取一个全新的、页面繁多的站点。由此可见，应用外部链接方法，不仅可以提高网页改版效率，还能促使网站文件实现最优配置。具体做法如下：将输入HTML语言所包含的head标签，然后通过LINK元素对CSS代码进行调用即可。
2.3 页面布局
传统的Web设计方案以表格页面布局为主，随着科学技术的不断创新与完善，表格页面布局技术所含有的弊端逐渐显露，例如，网速较慢、后台代码繁多以及代码冗余等，DIV+CSS技术营运而生。利用该技术对Web进行页面布局设计，通过DIV对象，可以对页面进行区域划分，并将所需信息进行标注，CSS便可以对这些信息进行样式表现。DIV+CSS结构示意图如图1所示。
利用标记将网页划分为3个区域：一是，头部区域，代码为#header；二是内容区域，代码为#main；三是底部区域，代码为#footer，其中，内容区域共有两个部分：一是右侧部分，代码为#right；二是左侧部分，代码为#left，这便为页面布局的整体结构。应用CSS层叠样式表单不仅可以添加并定位这些区域的样式，还可以将相应的内容，例如，图片、文字等，添加到区域内部。由于CSS、HTML处于彼此分离状态，且HTML可以对CSS进行有效调用，因此，要相对HTML内容进行革新，只需对CSS进行更改即可，这在很大程度上提高了网站升级、维护工作的便捷性。DIV+CSS结构的具体代码如下所示：
3 Web设计过程中应用CSS常见性问题
（1）在书写过程中，要严格遵循相应的规范标准命名CSS的各个部分，并对其代码进行最大程度的缩写，这样不仅可以提高代码书写效率，还能缩减文件内存占有量。除此之外，设计者要对class所具备的多重定义给予高度重视，并准确把握各个浏览器属性的默认值，基于浏览器所具备的兼容性质，设计者可以将CSS・padding与CSS・margin元素设为0，应用相同样式套用不同元素时，设计者要对样式的类别明进行有效定义。
（2）在校验时，常见性问题为W3C校验合格，但CSS2.0校验不合格。主要原因是W3C的字体定义，如果在设计完成后，结束语不是类别字体，而是单独字体，便会导致系统在操作过程中遗漏相关定义。
（3）兼容问题。IE浏览器可以对“*”进行有效识别，而其他浏览器则不具备这项功能，因此，设计者在书写代码过程中，要对浏览器类别进行有效识别，这样才能有效表面CSS出现兼容问题。
4 结语
本文主要对CSS层叠样式表单在Web设计中的页面布局、链接控制以及背景控制方面的应用进行了思考，并阐述了具体注意事项。不过，CSS层叠样式表单的应用范围是十分广泛的，对于网页设计者而言，CSS技术具有较强的灵活性，不仅可以有效融入HTML语言，强化其属性控制能效，还可以有机结合DIV，从而提高Web页面布局的合理性与美观性，这些还需Web设计者深入研讨具体应用技巧。
参考文献
[1]何勇.WEB设计中CSS技术的应用研究[J].数字技术与应用，2013（01）.
[2]李君.Web设计中CSS层叠样式表的应用研究[J].电脑开发与应用，2013（10）.
[3]张俊兰，何婧媛，叶倩.DIV+CSS技术在诚欣电子商城系统中的应用研究[J].电子设计工程，2012（05）.
