浅谈网页制作课程教学中的引导页设计

开篇：润墨网以专业的文秘视角，为您筛选了一篇浅谈网页制作课程教学中的引导页设计范文，如需获取更多写作素材，在线客服老师一对一协助。欢迎您的阅读与分享！

摘 要：《网页设计与制作》是高职学院计算机应用专业开设的一门专业必修课，是一门操作性和实践性很强的职业技术课程。本文通过对引导页的概念与作用入手，将目前的引导页进行分类，并阐述了引导页与网站的关系，使学生深刻理解网站引导页设计的作用，掌握网站设计的全过程，最终能熟练地制作出有专业水准的网站。

关键词：网页制作；教学；引导设计

中图分类号：TP3-4

引导页设计也是网页制作设计的一个重要部分，每个网站都好像是一个美丽绝伦的风景区，网站中的引导式设计，则成为用户们的“引路者”，带领他们探索该网站的迷人诱惑，流连忘返。风景区再怎么美丽标致，任凭你江山如画，若是缺乏路标的指示或者有人在前引导，初来乍到的浏览者虽迷醉于景色，有可能也会陷入迷路的困境中，由此可见引导的重要性。

引导页面设计在网站的产品设计中占据着重要地位，好的引导页设计对于帮助网站把游客变成顾客非常重要。优秀的引导设计，能迅速指点用户，带领用户到想去的地方，实现公司和用户的双赢。而失败的引导设计则会能让用户在网站中迷失方向，不知所以然。网站中的引导是存在于用户与目标之间的一条直线，让用户与目标之间建立有效联系，减少不必要的时间和精力消耗。

1 引导设计概念

一些人初次去陌生城市旅游，有的人会因为省心、对陌生的不熟悉从而选择会报名团的方式来解决出行问题。还有另外一些人会选择自驾游，但也需要先准备好相关攻略，或通过当地亲朋好友的帮助解决出行的问题。殊不知我们在报团或者咨询的方式来增加我们对陌生城市了解，这个过程我们称之为引导。

引导设计在网站的产品设计中的重要程度不言而喻，优秀的引导设计能帮助解决用户实际的问题，使用户尽快完成自己的目标。同时也可以满足公司的商业目标。错误的引导设计能让用户在网站中迷失，网站的跳出率居高不下。本文从生活中说起，在到网络中，最后分析用户的属性与行为，以及对应的解决方案。

引导是存在用户与目标之间的一条线，有了这条线能更有效让用户与目标之间建立联系，广义上来说是指通过用某种手段或方法去带动某事物的发展。

引导页面则是一个专门为在网上实现市场营销活动而单独建立的网页。你买的广告部可以覆盖所有的活动细节，所以需要开发一个引导页面，即（着陆页）链接到你的广告网络。当目标用户点击网络广告，他们会跟随到链接的页面，引导页面是我们要将浏览者转化成我们的客户的关键。

2 引导设计分类

网络的受众范围相当广泛，用户来自于五湖四海，具有不同的属性及特性。根据用户对互联网的了解程度可区分为新手型用户和专家型用户。

新手型用户对互联网的了解程度比较低，理论上引导过程应尽量详细，让其感受到浓厚的人文关怀。一般来说此类用户较为迷茫，不明白自己想要什么，只会关注感兴趣的内容。对于新手引导来说，用户需求是快速、愉悦地学习使用产品。产品目标是将新手用户快速转化为活跃度高、黏着度高的忠实用户。

用户需求和产品目标出发的角度会不一样，有时候会存在着冲突，但并不是不可调和的矛盾，它们之间应该是在满足用户需求的同时也可以达到产品目标的状态。所以新手引导设计就是要平衡处理好用户需求和产品目标，实现双赢的局面。

而专家型用户对互联网了解程度较高，已然不需要过多的引导，只要能传达出网站产品的特色、核心功能即可。此类用户点击网站的目的明确，只会关注自己想找的。

（1）全局式引导。此类型的引导最为常见，也是最不挑受众的一种引导方式。如下图腾讯微博，使输入框浮出界面，其他的按钮暂时不能使用，使用户只能进行眼前的操作――编辑新微博。全局式引导的好处在于可以明确清楚的突出产品，给用户留下深刻印象，也方便用户快速上手操作，接受度得到明显的提高。

（2）局部式引导。也称作备注式引导。 此类型通常会在注册页面或登陆页面出现，例如下面豆瓣的引导框，提示用户新的变化，引导用户点击查看。

（3）向导式引导。也叫做分步骤引导。显而易见，这是将复杂繁琐的操作过程进行分段，告诉用户此项操作共有多少项，此时已进行到哪一步，还剩下多少。人的心理总是倾向于目标明确、结构清晰的对象，让用户能够清晰的见到整个过程，有两个作用：一是引导用户。此种引导方式在淘宝网、支付平台、网银平台或者较为复杂的网络平台时显得尤为重要。用户可能是第一次接触到这个网站，对于如何操作仍是云里雾里。此时能够有一个清晰的导向示意图，让其可以一步一步操作，则是再好不过了。二是给用户心理依赖感和安全感。用户倾向于执行自己知道终点的操作。

引导最好的效果就是在潜移默化中进行，让用户毫不犹豫地接受你的引导。三个引导方式并不是孤立存在的，而是相辅相成、互相衬托的。在不同的情况下应选择不同的方式。不要忘记我们的目标是为了营造更好的用户体验，提升整个网站的品格和质量。

3 引导页设计重点

引导页设计重点是要从展示内容到设计风格再到语言文字都经过细致考究并做到与网站整体气质符合，主要在以下四方面要重点设计。

（1）设计风格，引导页的设计风格要与产品的气质保持一致，如果是一本正经的新闻资讯类应用，那它的引导页风格也是稳重、正统的。而娱乐类的应用可能有更情感化的表现形式，例如漫画形象的应用或者是大幅背景照片的运用。在设计细节上，现在也有越来越多的引导页运用到线描的插画，这样既可以更方便、准确的传达操作方式、使用场景等复杂信息又可以增加亲和力减少说教带来的用户反感，还有局部放大、手绘箭头等也功能介绍时常用的表现手段。

（2）展示内容应当连贯有一定的逻辑关系，所有的内容都按照一定的顺序有机的排列。如先是亮点模块的介绍再是应用整体呈现，或者按照一个主打功能的操作流程介绍，总之做到有主有次，再到最后静静等待用户点击“开始体验”那一刻。

（3）展示内容要简明扼要，只捡最重要的说。如果只是新功能的推荐我们完全可以只告诉用户入口，而不是事无巨细的详细列明每一步的操作，把一个好好的引导页活生生做成一个帮助教程页。如果是新的交互及操作方式，我们也可以只展示最核心、关键的操作，要留给用户探索和发现的余地。

（4）引导页应该美观，干净和优雅。它同时应该是简单易懂，而且有该网站需要传达给访问者的所有信息，并且在设计和使用的颜色方面应该要有吸引力和相关的主题。不必要的图形，颜色和文字不会被添加到引导页面，以保持设计的简洁，提供给游客一个干净的引导页面设计布局和必要的信息。

网页设计随着设备和技术的革新，早已突破了过去单一框架的限制，变得更加灵活。页面风格更多地向平面设计靠近，许多页面设计得极赋海报和杂志的版式感，时尚而富有冲击力，同时flash的广泛应用让引导页的交互动画变得更加生动有趣。

参考文献：

[1]苏艟.网站引导页动画设计初探[D].武汉理工大学，2007.

[2]黄俊操.浅谈“网页制作”之网页版面的教学设计[J].课程教育研究，2013（6）.

[3]朱小川.动态网页制作技术[J].中国科技信息，2005（12）.

[4]熊永春，万浔娟.动态网页制作技术浅析[J].江西广播电视大学学报，2004（04）.

作者简介：马琴（1979.10-），女，重庆江津人，副教授，研究方向：计算机应用。

作者单位：重庆水利电力职业技术学院，重庆永川 402160