网站设计教学的临摹思考

摘要：临摹是艺术设计专业网站设计课程学习过程中重要的方法之一。网站设计课程教学主要从网页界面设计和针对浏览器端的程序开发两个方向讲解。从界面设计角度来分析，应该注意临摹的深度和方法；从前台开发技术的角度来讲，临摹是从基础学习到实践应用中必要的行为。分析网站设计教学中临摹的意义与作用，并针对如何临摹进行一些思考。

关键词：网站设计；临摹；直觉设计

在传统艺术学习中临摹，是一种重要的方法，而艺术院校在设计教学过程中一般以启发为主，不提倡临摹，比较重视训练学生的创意思维。不过创造性思维方式不是凭空出现的，除了要求学生有开阔的眼界，深厚的基本功之外，还需要研究大量的作品。在普通艺术高校中，学生基础相对薄弱，对专业的理解和研究程度都较低，过于强调创意，对大部分学生来讲起不到理想的作用。偶尔有好创意的时候，在实现具体设计图时很难达到理想的效果，并且会逐渐打磨掉学生的学习热情。

一、网站设计教学现状分析

“网站设计”学习中创意与技法缺一不可。目前，普通高校艺术专业的学生，创意和设计能力普遍是“眼低手低”。从教学结果来看，大部分学生对课程内容的理解不够深刻，完成的作品从基础表现到创意都不理想。教育讲究因材施教，对于这类学生，应重点培养学生的设计技巧并逐渐提高学生的学习兴趣与创意。国内“网站设计”课程主要以界面设计教学为主，这一部分教学内容与版式设计、书籍设计有很多相似的地方，容易让学生觉得没有新鲜感从而丧失学习兴趣。而网站程序开发技术受到师资等多方面原因影响很难详细讲解相关内容。网站界面设计教学一般包括页面版式、图标、色彩搭配、创意等。在教学过程中，教师一般不允许学生临摹，需要对图标和版式等根据学生所选主题有一定的原创性，并且有较强的艺术性。但是从作业的完成情况来看，真正脱离临摹的学生作业的视觉效果和艺术性都较差，而且大部分不符合网站设计规范。学生普遍不知道从何入手或者单纯地把作业当成版式设计内容在制作，哪怕完成了作业，学生对网站设计规范和设计原理的理解也处于入门阶段。艺术院校的网站程序开发教学主要是网站前端开发技术，包括HTML、CSS等内容。这一部分教学主要是对标签语言的理解、熟练过程。目的是让学生掌握网站界面设计的前端开发，并且理解网站技术对于界面设计的影响。这一部分的教学属于跨学科的教学内容，相对较难。但是，笔者在十年的网站教学过程中发现，这一部分的教学结果普遍比界面设计教学效果要好。笔者认为主要有三点原因：第一，HTML、CSS基础学习不需要有深厚的计算机、艺术基础；第二，HTML、CSS属于标签语言，就像英语单词含义比较固定，只需要理解就能很快入门，而且只需要掌握20个左右的标签就可以做一些基础的网站，相对简单；第三，学生基础学习的过程中不需要过多原创，仅仅需要对常用界面代码的掌握和理解，个别学生掌握较快，能较好地举一反三，部分学生当熟练到一定程度后也会尝试探索一些不同的创意[1]。

二、临摹的意义与作用

徐悲鸿先生说：“临摹，在绘画过程中有着不可替代的作用。”在设计领域里，临摹同样有着重要的作用。临摹是设计学习过程中重要的方法，无论是基础课还是专业课，教师不应该对其避而不谈。让学生进行正确的临摹训练，能直观、迅速地锻炼学生的综合设计能力。例如，字体的临摹能让学生快速掌握宋体、黑体等字的特点；插画的临摹能够让学生深刻理解优秀作品的表达方式……

（一）临摹能提高学生观察能力和审美观

目前，普通高校艺术学生面临的问题是审美和技法都比较弱，需要提高的地方非常多，而审美和创意又是靠丰富的生活经验和大量阅读堆积出来的。目前，学生阅读量和观察能力都比较薄弱，在与学生沟通作业的过程中，笔者发现很多学生对于优秀的作品都没有见过，而且不能正确地指出优秀在哪里，虽然审美因人而异，但是很多设计作品都有其独特并且值得借鉴的亮点。临摹能让学生仔细、认真地观察这些亮点，并且能够在大量临摹过程中，分析各种类型的设计作品，逐渐提高自己的眼界和观察能力。

（二）为更好地发挥学生的创造力而临摹

对于大部分的学生来说，其作品很难表现出理想的艺术效果和实用性。如何规范设计，以及如何将创作意图归纳为视觉元素进行展现等，仅仅靠课堂演示和一些图片欣赏很容易走弯路。如果教师能对临摹教学有正确的认识并给予正确的指导，会发现此种方法不仅会迅速提升学生的专业技能，更有助于他们顺利地表达自己的创作意图。

（三）临摹能让学生快而深刻地掌握优秀作品的细节和创作技巧

学生在搜集资料的过程中很难全面地了解设计作品的各种创作技巧和细节表达。临摹能够帮助学生详细观察作品的结构、字体、色彩等之间的关系。例如，网站设计中，学生需要详细地体验作品中各个不同板块之间的比例、对齐方式、字体大小、颜色运用、图标的造型和风格等具体内容[2]。

（四）临摹能提高学生的直觉设计

临摹的过程需要让学生意识到对于优秀设计作品应该看什么，怎么看，并逐渐培养学生自我设计意识和设计方法。直觉体验的获得有很多渠道，生活体验是最直接、有效的方法之一。临摹的经验越丰富，直觉体验越可靠。设计者在搜集资料和临摹中视野越开阔、思维越活跃，对设计中遇到的问题和现象的分析就越全面，产生的直觉也越有效。向设计大师学习，向相关的艺术设计学习，同样可以帮助学生获得体验。设计感悟积累越多、设计类别越广，就越能增加设计师的知识广度和思维的活性，利于设计直觉的培养[3]。

三、网站设计中如何临摹

教师应该尽可能根据学生的基础和能力，指导学生正确的临摹方法。这种能力不仅是训练学生的技巧，也需要学生搜集素材、分析素材，并且分析所选主题和素材的关系。在给基础薄弱的学生指引一个详细方法临摹的时候尽可能指引学生形成深刻的认识，在学习中理解网站设计的核心教学内容。虽然通过一两次临摹可能效果并不明显，但是可以给基础薄弱、创意比较匮乏的学生提供一条便捷的道路，增强学习的成就感，循序渐进地让学生深入理解网站设计是什么。笔者结合几年来的教学实践和思考，对如何实施“网站设计”课程临摹教学，做一些初步探索，借以抛砖引玉。

（一）以借鉴为主进行临摹

临摹网站可以是完整临摹，也可以是局部临摹，后者对于设计专业的学生来讲属于一种折中的方法，既能起到锻炼作用，也能避免完全的抄袭。教师需要让学生认识到不同作品的优缺点。俗话说“天下文章一大抄”，这里的抄应该是借鉴的含义。希望学生有一定的依据和目的接触优秀的设计作品，这样能比较快地提高学习和创作能力。

（二）临摹网站作品应该学会分析、解构

如何解构一个网站，简单理解就是把网站作品去掉表面的装饰元素，简化后根据网站的结构进行分类。例如，把网站的内容结构、界面版式结构、图标、色彩搭配等各个组成部分归纳总结，然后根据需要进行研究、学习。培养学生能够把多幅作品“打散重构”成一幅全新作品的能力。当学生看到优秀的设计作品时建议保留素材并花费一定的时间思考这个作品为什么要这样做，这样的思考过程对设计能力的提高是很有帮助的。

（三）临摹应该讲究方式方法

“网站设计”教学中界面设计能力的培养作为重点教学内容，程序开发技术教学则作为辅助教学。网站界面设计不仅是艺术层面的研究，它受到功能需求及网站开发技术的限制。在临摹的过程中，首先应该分析网站的实用性与艺术性。初学者最好从整体布局开始，然后逐渐推进细节，这种方法就像传统绘画的过程，从构图出发逐渐深入。当然，如果学生能够理解和熟练地进行界面设计，那么方法则可因人而异。网站前台程序学习应该尽可能完整地临摹整个界面的HTML、CSS程序，就像软件学习一样，以掌握和熟练为主。在临摹程序的过程中，分析该程序语言的规则和技巧，同样的界面效果，很可能程序书写是不同的，但是程序不是只要实现界面效果就是正确的，还包括是否存在明显的Bug、代码的优化、扩展性、专业性等。这一部分的学习只有在学生熟练掌握基础语言，并且深入学习后才能实现[4]。借鉴性质的临摹是设计过程中很难完全摆脱的一种行为，很多优秀的设计作品已经存在于设计师的头脑中，在创作过程中，无论是有意识还是无意识行为都会有其他设计的影子，这种类似临摹的直觉设计是通过大量的学习及设计经验养成的。很多知名设计师在进行创作的时候，都需要参考一些别人的优秀作品，这一作品可能是早期的经典案例，也可能是当前的优秀设计作品。其目的是给自己提供更直观的灵感。由此可见，从学习过程到实践过程都需要临摹的参与。在学习过程中，临摹让学生掌握理论和基础技法；在实践过程中，借鉴能让学生快速掌握项目的创意。学生应该临摹其核心规律，而不是仅仅描摹其表面。总之，临摹是设计教学中一种必要的手段，网站设计教学过程中根据学生实际情况，不能过分强调创意，也不能过分强调临摹。创意以技法和经验为基础，技法通过临摹来掌握。在教学过程中教师应该引导学生观察、分析作品的设计规律，并且根据规律进行有目的的临摹掌握其技法，增加经验。

参考文献：

[1]郭恒川，李方方.网站设计课程教学方法改革创新[J].黑龙江教育：高教研究与评估，2014，（5）.

[2]蒋婧.临摹在设计教学中的重要性及应用[J].科教导刊：中旬刊，2012，（9）.

[3]杨国新，万桂香.艺术设计教育中直觉思维产生基础探析[J].艺术教育，2015，（10）.

[4]刘硕.中文字体设计中临摹的必要性[J].大众文艺，2013，（19）.

作者:丛林 单位:哈尔滨理工大学