浅议网页设计课程中UI设计教学的重要性

熊科军 黄 琴 李平平 （湖南文理学院 41500）

一、设计学专业的网页设计课程教学的现状

1.网页课程由实质的制作课程向设计课程转变

早期的网页制作工具比较少，软件讲学构成网页课程的主流，即使涉及设计的部分，大部分也以视觉效果的设计问题讲解居多，各种“设计风格应用说”现象一时盛行，本质是视觉传达设计理论体系在网页设计课程中的生硬移栽，不可否认，视觉效果本身涉及的基础设计理论与视觉传达设计专业的设计基础理论并无二致，网页课程开始从网页制作课程向网页设计课程转变，开始有意识的对网页的视觉效果进行设计。

2.网页设计课程由网页视觉美工向网站界面综合因素设计发展

目前网站功能的同质化现象严重，各种开源网站管理系统因为互联网而被广泛共享，产品功能相同或者相似的情况下，视觉效果在较长时间范围内成为网站设计项目竞争力新的增长点。UI行业兴起以后，开始推动网页UI的设计理论的发展和应用，也直接影响到网页设计行业和课堂上的网页设计课程。UI理论的导入，使网页的设计涵盖范畴由以视觉为重点开始向对网站访问与操作产生影响的诸如视觉、交互与体验、信息架构等领域的设计的扩展。

3.UI设计理论逐渐渗入网页设计课程

网页设计的展示平台是基于网络环境的各种终端使用设备，前期主要以网络终端的微型计算机为主要平台和载体，随着移动技术的进步和移动设备的普及，网站出现了一些新的形态，比如部分原来以网站形式出现的信息集合体也在新的移动网络平台上同样可以以软件的形态出现，缘由网站与软件的社会功能同质化，使网页设计领域有了UI设计理论应用的天然条件。

二、UI设计与网页设计的联系

UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计1。由于UI设计行业发展阶段的无序性，行业内对UI设计的理解各有不同，有的设计机构将用户图形界面设计和UI等同起来，甚至将UI与网页美工的工作内容直接混淆，尽管如此，这无疑证明网页设计行业中，UI设计理论的介入已经产生了较大影响力。

1.UI设计方法推动了网页设计由为视觉而设计发展到为使用而设计

在UI设计方法介入网页设计之前，网页设计课程中关于设计流程的教学，总结为网站策划、设计定位分析与视觉风格设计、软件制作与PS切片、后台功能实现与效果处理等大致分工和顺序流程，实际上混合了网站项目流程管理、网站制作流程和网站设计流程的内容。关于设计方法的教学也只止步于对用户群体的模拟调查等。一般网站设计项目遵循网站信息架构、网站交互设计、网站用户体验与改进以及视觉设计等核心模块的流程开展，更加注重设计中关于用户访问网站时的体验质量，使网页的设计方法更加系统和全面。

2.UI设计理论拓展了设计者对网页的设计认知视野

UI设计的内容包括了用户能通过视觉看的到的部分和视觉之外的关于行为的设计、体验设计的部分等，被视作一个整体。UI设计的宗旨是基于用户模型，核心在于运用一切方法强化网站的可用性与易用性，和之前的网页设计目标相比，UI设计理论对于网页设计实践而言更具指导价值和可操作性，即使是网页设计目标中原有的视觉设计，追求的目标也是用核心的视觉效果去表现核心的交互设计，视觉设计更注重对用户的引导和对网页上的功能的视觉表达。

三、网页设计课程中网页UI设计教学的重要性

1.明确了网页UI设计的设计方法和设计效果的验证方式

设计课程的核心在于启发学生思考设计，实践设计，才会对设计教育有更实际的实践价值产生。UI设计理论体系的核心目标是用户，即研究用户，进而研究设计如何服务用户，将设计教育还原为为人而设计的本来面目。在网页设计教学中，当课堂的参与者把网站项目视作一个互联网产品进行设计训练时，从教学方法到教学目的都更加明确，在设计实践过程中，也更加容易从情感上理解所使用的设计方法的合理性。UI设计中信息架构相关理论的提出，使网页设计中，网站信息的结构设计有了可靠的设计方法，明晰了网站导航系统、检索系统、标识系统和组织系统设计中，设计师所要做的事情以及如何实施的指南，同时，UI中的用户测试的引入，就网页设计方案的使用检验提出了系统的检验和修正的研究方法，针对有代表性的用户来测试方案到最终的可行性的设计，可用性就是最终的目标2。

2.解决了视觉传达设计理论在网页设计实践中的不适性

传统的视觉设计理论研究的对象是纸质媒介等静止媒介的视觉现象和规律，以色彩、形式、图形和文字、版式与视觉流程等基础理论为代表，是基于二维空间的视觉对象，是以视觉感官刺激为基础的信息传递设计。网页设计和传统的视觉传达设计相比，在承载的媒介上有了本质的差别，网络媒介相对于静止的媒介，在形式上有了光影效果的强化、交互行为的主导以及运动现象的参与，基于静止形态的版式与视觉流程原理在网页设计中出现了严重的不适用现象，网页设计涉及触感、听觉、视觉等人类的其他途径的信息获取的感官渠道，用传统的视觉设计理论难以单独指导网页设计的实践活动。

3.使网页设计课程更专注于网页的设计的教学

UI设计理论的教学明确了网页设计课程与网页技术课程的基本边界，使设计师更专注于对设计的思考和实践，而不用发愁于面对程序的困扰，并且由于网页制作工具的日益集成化与人性化，很多复杂的功能在面向设计师对象时，过程变得更加简单。表现模型是介于程序员负责的实现模型和用户心理模型之间的模型，实现模型反映技术的实现面目，而心理模型反映的是用户期望的使用情形，表现模型越接近于用户心理模型，用户操作就更容易使用和理解3，网页设计课程的定位应该是基于网页的表现模型的设计教学，即设计模型的教学。在课程教学中，也有必要让学生了解目前网页制作技术可以实现的效果范畴，以及一些仅基于基础操作的代码，有利于对网页设计课程教学中针对不同条件和资质的学生分配不同层次的训练任务，在教学过程中做到因材施教，同时将课程的主要任务定位于教授设计方法，强调设计任务的驱使和设计实践的参与，使学生明白如何设计而不是停留在如何制作的层面。

注释：

1.张军.关于UI界面设计课程设置的构思与创想[J].艺术与设计（理论），2011（7）：100.

2.黄岩.UI设计的工作流程[J].上海艺术家，2013（2）：89.

3.[美]AlanCooper，RobertReimann，DavidCronin，刘松涛等译.交互设计精髓[M].北京：电子工业出版社，208（11）1：19-20.