邓祖龙

【摘    要】网页设计是指将一系列信息，如文字、图片、音视频、图标符号、表格等进行设计排版，通过互联网传输，最终以图形用户界面的形式被用户所浏览，从中获取信息。网页设计诞生于互联网时代，发展至今已经非常成熟。如今移动互联网高速发展，串联起各类智能设备与平台，用户获得信息的渠道和方式越来越多样化。网页设计如何适应新媒体时代下的发展，数媒专业核心课程怎么设置，网页设计在新媒体课程建设中的重要性以及人才培养等问题，都是值得讨论的主题。

【关键词】网页设计  移动互联网  新媒体  学习过程  课程建设

中图分类号：G4      文献标识码：A DOI：10.3969/j.issn.1672-0407.2020.16.170

一、网页设计

（一）网页设计

网页设计是指将一系列信息，如文字、图片、音视频、图标符号、表格等信息进行设计排版，通过互联网传输，最终以图形用户界面的形式被用户所浏览，从中获取信息。网页设计可分为网页界面设计和交互设计两大模块，面向数媒专业其核心课程为网页界面设计，而交互设计属于辅助性课程。因此，我们这里讨论的网页设计，更多是从美术设计角度出发，重视觉方向。网页的发布平台一般为电脑屏幕，在新媒体时代下，网页设计如何适配新型媒体终端，是直接迁移还是重构设计？为适配多类型平台，UI设计在传统网页设计基础上进行重构设计与优化，但设计思路依然遵循网页设计的基本规律。

（二）网页设计的流程

随着互联网和移动互联网的快速发展，企业推广不再局限于传统的宣传形式，如宣传手册和视频广告等。更多的企业通过网站、小程序或手機APP呈现产品、服务、理念与文化，或向受众提供功能服务。因此，网站建设是非常有必要的，由于智能手机的高速发展，其形式也呈现出多样化发展，如小程序和手机APP，就是网页设计在手机终端上的表现形式。

网页设计、小程序及手机APP设计，需要经历以下几个阶段：

1.产品需求分析。简要分析产品的类型与方向，定义产品的用户群体及特征，绘制原型需求。

2.用户体验研究与分析。深度剖析已定义的目标用户群体，包括年龄，性别、情感需求、行为习惯及心理特征等。针对产品构想出初步的色系搭配及元素控件设计方案。

3.初稿设计。将原型需求与用户体验研究分析相结合，设计页面初稿。包括大概的色系搭配、框架布局、元素控件、图标ICON等设计。

4.视觉规范设计及细节优化设计。视觉规范设计就是对整个产品的颜色、字体、字号、元素控件、图标ICON、间距及交互效果做统一的规范，同时进行细节优化设计。

5.协同前端实现交互效果。设计稿完成后，我们需要协同前端工程师更准确地还原我们的设计效果，实现最佳的交互式体验。

6.产品体验与持续用户体验优化。对整个产品做一个线上体验、界面体验、交互体验。遇到体验不好的问题，我们可以和产品经理、前端工程师共同协商来解决这些问题。产品正式上线后，收集用户体验数据，持续优化界面设计与交互设计，完善用户体验。

二、网页设计学习过程

网页设计需要大量的素材资源，各类主题与风格千变万化，因此，要学好网页设计，学生需要大量的阅读和练习。整个学习过程可以总结为以下几个阶段：模拟项目、案例采集与分析、项目临摹、项目实战。

1.模拟项目。学习初期，采用模拟项目的训练方式，在设计过程中去发现问题、解决问题。以模拟某品牌网站为命题，结合品牌形象、品牌定位、产品信息、图片素材等资源，自行设计一套该品牌形象网站的主页面效果图。主要会出现的问题包括：设计风格与品牌定位出现偏差、网页布局单一缺乏变化、排版问题、字体应用问题、色彩搭配纷繁复杂等问题。

2.案例采集与分析。品牌网站建设是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径。通过收集和整理各个行业的企业网站或品牌网站，了解掌握多样的设计风格和主题表现形式，分析总结各类型网站设计的特点，包括布局样式、版式设计、图片处理、图文编排、色彩构成、多媒体及交互设计等细节表现。学设计一定要多看多想，学习优秀的设计理念和表现手法，规范设计流程，强化细节表现，从而提高自身的设计水平。

3.项目临摹。选择符合最新设计趋势的优秀案例进行临摹，每一个元素都参照原作进行重绘，图片素材则需要重新匹配。在重绘过程中，深度对比学习布局与比例、板块切割、对象对齐、字体字号、字距与行距、图形符号、色彩对比等具体参数，量化参考数据，强化自身对设计规范和参数标准的认识，有利于今后设计的规范化和标准化。

4.项目实战。参与实际商业项目制作，协同公司设计师完成项目的主页面和二级页面设计。通过与商务策划人员讨论提案，与设计师交流设计方案，配合前端后端落实修改客户反馈意见，在真实的项目建设中得到更多的锻炼。

三、网页设计与课程建设

随着互联网及移动互联网的高速发展，计算机和智能终端的普及，传统的平面设计已经不能满足新媒体时代对视觉信息传播的需求，动态的、交互的体验式视觉传播方式正在广泛流行。越来越多的企业需要通过网站、小程序或手机APP展现产品、宣传企业理念与文化、与客户交流互动、提供线上线下服务。因此，市场对于设计人才的需求发生了巨大的变化，单纯的平面设计师已无法实现企业对视觉设计的所有需求。未来，越来越多的行业需要UI设计人才，主流的设计方向会是高端网页设计和移动终端界面设计。因此，UI设计师将是中国新媒体设计产业中最为抢手的人才之一。

网页设计作为新媒体视觉传播的必要方式，它所涵盖的设计面非常广，包括图片处理、广告设计、色彩构成、版式设计、图标设计、字体设计与应用、交互设计等。纵观整个数字多媒体课程体系，网页设计课程的位置和作用都是至关重要的，很好地衔接了前期基础课程和后续专业课程，起到了承前启后的作用。前置课程包括二维软件学习、三大构成、版式设计等，其学习成果都能在网页设计中得到很好的展现，体现了基础课程的重要性。后置课程图标设计、UI设计则是在网页设计基础上的扩展，图标设计与UI设计多应用于手机、平板等智能终端，载体虽然发生了改变，但设计流程却和网页设计基本一致。基本延续功能布局、图文排版、元素控件、图标ICON、颜色搭配等核心设计元素不变，改变的是交互方式、设计规范及参数。因此，我们可以看出网页设计在整个课程体系建设中的地位是非常重要的，是专业核心课程，为后续的UI设计课程提供了良好的基础支撑。

四、结语

网页设计在新媒体课程体系建设中有着重要的地位，起着承前启后的作用。既能体现前期课程的学习效果，又能为后续的专业课程拟定方向，打好基础。学好UI设计的前提是学好网页设计，学好网页设计是需要大量阅读和练习的，其学习的过程与方法需要教师去提炼总结，改进教学方法，才能使学生更好地学习一门课程与技能。