网络媒体环境下的视觉传达设计研究

摘要：在网络媒体下，视觉传达设计元素主要包括页面布局、图像处理、色彩搭配、视觉流程等。在设计工作中，Photoshop技术应用非常普遍，该技术以Adobe PhotoShop为核心软件系统，在网页设计中的应用非常广泛。在Adobe PhotoShop系统的支持下，计算机图像处理技术可分为二维制作方式、三维图像设计、PHP图像处理函数等三种处理方式，这三种方式各有特色。本文将简单分析网络媒体环境下的视觉传达设计，希望能为设计工作提供借鉴。

关键词：网络媒体环境;视觉传达设计;计算机图像处理技术

视觉传达设计属于当代新型信息表达方式，其作品是将艺术设计与信息传播相结合，为人们提供一定的感官刺激，让人们更加了解作品内涵与特征。在视觉传达设计工作中，运用 Photoshop技术便于搜寻图像数据，做好图像设计处理工作，设计完整的网页。本文将简单分析网络媒体环境下的视觉传达设计特征，并综合探讨计算机图像处理技术在视觉传达设计中的应用。

一、网络媒体环境下的视觉传达设计特征

（一）服务性

基于网络媒体环境下，视觉传达设计非常重视体现服务性，不仅注重优化作品外在视觉效果，而且会进行深入分析，体现作品的独特之处，让作品能吸引人们的目光，满足人们的更多需求。例如当代网购平台中的图案设计不仅可以带给用户一定的感官享受，能够满足广大用户对该商品的浏览需求与信息查阅需求，具有综合服务性。

（二）时效性

网络媒体下的视觉传达设计作品有一大优势——在几秒钟的时间将信息传达给广大观众，具有显著的时效性，无须像纸媒那样经过编辑、排版和印刷，更新速度和传播速度非常快。其次，视觉传达设计过程中，各元素的分配很注重主次关系，能够有序串联，组成完整的有机体，设计师会将主题设置在作品画面中最显著的位置，这样可以迅速吸引人们的目光，同时，在画面的右端简单介绍重要信息，让观者迅速了解作品内容。

（三）自由性

网络媒体环境下的视觉传达设计作品具有自由性特征，网络信息资源有广泛性和多维性，因此，网络用户可以借助导航点击实现不同网页之间的跳转，自由选择所喜欢的网页和所需要浏览的信息，满足个人喜好与需求。

（四）交互性

网络平台一直具有交互性，在网络媒体环境下，视觉传达设计工作也具备交互性。广大用户在接收信息的同时也可以留言，提出个人见解，对信息进行再次加工处理与发布，而不只作为信息接收者。

二、计算机图像处理技术在视觉传达设计中的应用

（一）计算机图像处理技术应用范围

在 Photoshop技术应用中，二维图像制作方式一般是借助Adobe Photoshop对图像进行初次制作与处理，三维图像加工则能够完成网络文字编辑、图形图像美工处理和各种视音频的精细加工作业，从而构成完整的网页，同时，按照实际需求设计静态文字和动态文字，编辑简洁明了的介绍性信息。目前，以Adobe Photoshop为核心软件的计算机图像处理技术在网页设计工作中的应用主要包括六项基本工作：其一，对图像进行数字化处理，然后，完成网页图像设计的调节和分割作业。其二，做好网页图像的平移和旋转处理工作。其三，设计网页图像的造型。其四，结合相关要求对图像进行明暗处理。其五，图像内部曲线，并做好曲线调整工作。其六，做好图像色彩设计工作，使不同颜色与冷暖色调能得以合理搭配。

Photoshop技术能够做好网页图像的合成编辑作业，对某一图像各部分的颜色与色调进行调整，提升校色效果，进一步提高网页图像的视觉美。通常，在设计网页图片时，可以借助 Photosho技术做好图片的美化处理作业。同时，运用Adobe Photoshop软件系统做好图像合成的工作，严格依据某一种标准的层次效果使几种图像能够完美合成一起，从而有效提高图像的视觉美。必须注意的是，网页设计师在运用Adobe Photoshop软件系统开展图像合成工作的过程中，必须先做好网页图像设计作业，也就是在开展图像合称工作之前，应正确运用Adobe Photoshop软件系统中的绘图工具对图像进行相应的组合以及拆分，这样方能确保图像在最终能完美合称在一起。其次，在网页设计图像选材过程中，设计师必须充分利用Adobe PhotoShop软件系统对自然景物、植物、动物、动态视频等图像素材进行精确获取，可以整理和运用素材光盘，借助网络技术搜集图像，然后，结合网页设计审美需要，做好图像素材的加工整理工作，对所有图像的精度与大小尺寸进行精确调整。与此同时，应注意运用Adobe Photoshop软件系统对网页上的图形与图像进行调色，处理好图像明暗度的关系，使图像的冷暖色调能够呈现出和谐美。在视觉传达设计中，设计师通常会立足于色彩对比视觉，处理好主色彩和其他色彩的关系。再次，应做好图像的特殊处理作业，例如为网页图像加入美工特效（像滤镜、磨砂、石膏画、复古、绿色等处理），也可以将网页文字制作成特效字，从而使网页设计更加完美。据调查了解，在现代网页设计作品中融合传统美学观念，充分运用传统文化元素有助于拓宽网页设计空间，丰富网页设计作品独特的文化内涵，使网页设计作品内容更有底蕴和内在美，增加网页设计作品的新意。从文化溯源的角度来讲，传统美学元素起源于中华民族优秀传统文化，而网页设计艺术属于现代文化，将中华民族传统美学观念与文化元素和现代网页设计作品相融合能够营造古今合璧的效果，进一步提高网页设计作品的审美价值，增强作品的文化底蕴，为中国网页设计作品注入鲜活的生命力。中华民族一直非常重视继承、弘扬、创新和发展本民族优秀传统文化，传统美学观念凝聚着民族文化精髓，体现了独特的民族文化审美内涵和美好的寓意。在现代网页设计作品中充分融合传统美学观念和民族文化元素是对古为今用方案的完美实现，可以有效提高网页设计作品的美学价值，同时有利于弘扬与创新民族优秀传统文化，实现古今合璧，优秀传统文化以网页设计作品的形式呈现给广大公众。而且，中国传统美学观念文化内涵丰厚，审美效果极佳，是中华文化博大精深的象征，将传统美学观念深度融入到现代网页设计作品中，有助于提升作品的视角美，体现网页设计作品的中国文化风格，创造出独特的中国网页设计文化品牌。在当代网页设计中，书法美学元素的应用颇为常见，许多设计师会引入小篆、隶书、行书、草书和楷书等字样，文化内涵独特，情感意義鲜明。其次，在现代网页设计图案中，中国传统绘画元素非常显著。平面设计师们会从中国水墨画、山水画、花鸟画以及“气韵生动”“虚实结合”等美学观念中汲取创作理念，寻找灵感，使网页设计作品更具诗情画意而有神韵。举例而言，在《舌尖上的中国》栏目设计中，设计师汲取中国山水画创作元素给予图案中的一双筷子以动态神韵，将红色腊肉设计成了远山形态，白色的肥肉被幻化成一片湖泊，营造出了传统山水画的独特审美意境。此外，提高现代网页设计作品的视觉审美效果，理应着重挖掘传统色彩文化元素，从颜色美的角度出发，合理配置现代网页设计作品中的色彩，突显主题色彩，并搭配视觉效果良好的辅助色彩，从而使网页设计作品图案美观。除此之外，在网页设计中，设计师应正确利用Adobe PhotoShop软件系统来改善图像的线性处理效果，在图层“混合”窗口减淡线性痕迹，以此改善线性审美效果。

（二）应用PHP图像处理函数

目前，有不少网页为了避免用户利用机器人完成自动化注册与登录作业，防止信息泄露，禁止非法访问，均设置了验证码，也就是用随机生成的一串数字或者字符自动生成一幅图片，同时，在图片里加入部分干扰像素与直线等，让用户通过识别和输入验证码信息来登录和使用某一项功能。在PHP中提供了大量的图像处理函数，可以使用这些函数直接创建并输出验证码图片。PHP的图像处理函数通常是被封装在一个专业的函数库中——GD库，该函数库被默认存放于PHP安装目录的ext子目录下，其命名是php_gd2.dll。通常，在PHP7中，php_gd2.dll被默认为自动载入，因此不需要专门配置。PHP提供的图像处理函数有100多个，主要函数如下：

1、imagecreatetruecolor（）函数。这种函数作用是创建一幅真彩色图像。格式：imagecreatetruecolor（int w_size，int h_size）。说明：imagecreatetrue color（）函数返回一个图像标识符，代表了一幅宽为w_size、高为h_size的黑色图像。例如imagecreatetruecolor（100，50）表示创建一幅100px，高50px的图像，图像的背景默认为黑色。

2、Imagecreate（）函数。其作用是新建一个基于调色板的图像。格式：Imagecreate（int w_size，int h_size）。说明Imagecreate（）返回一个图像标识符，代表了一幅宽为w_size、高为h_size的空白图像。

3、Imagecolorallocate（）函数。其作用是为一幅图像分配颜色。格式Imagecolorallocate（image，int red，int green，int blue）。参数说明：参数image表示使用Imagecreate（）函数或者Imagecolorallocate（）函数创建返回的图像标识符。参数red、green和blue分别代表红绿蓝三原色分量值，取值范围为十进制0-255的数字或者十六进制0x00-0xFF的数值。该函数返回一个标识符，代表了由给定的红绿蓝颜色分量组成的颜色。当Imagecolorallocate（）函数多次出现时，除了创建指定的颜色之外，还要将该颜色设置为图片的背景色，之后可随意设置要用于文本或者图形元素的颜色。例如Swhite=imagecolorallocate（$imgl，255，255，255）表示为图像$imgl创建的网页颜色为白色，并且使用变量Swhite表示。

4、Imagefill（）函数。其作用是使用指定的的颜色来填充网页上所指定的区域。格式：Imagefill（resource image，int x，int y，int color）。说明：Imagefill（）在指定图像的坐标x，y（图像左上角坐标0，0）处用color颜色填充区域。例如Imagefill（$ing1，0，0，$white）表示使用白色填充$ing1的整个区域。

5、Imagesetpixel（）函数。其作用是设置一个单一像素的颜色。格式：Imagesetpixel（resouece image，int x，int y，int color）。说明Imagesetpixel（）在image图像中用color颜色设置x，y坐标位置指定的像素。例如Imagesetpixel（$imgl，2，3，$black）把图像$imgl中坐标（2，3）位置上的像素设置为黑色，$black是实现使用Imagecolorallocate（）函数创建的黑色标识符。

6、Imageline（）函数。其作用是在网页上画一条线段。格式Imageline（resouece image，int x1，int y1，int x2，int y2，int color）。说明Imageline（）用color颜色在图像image中从坐标（x1，y1）到（x2，y2）画一条线段。例如Imageline（resouece image，1，1，15，18，$black）在图像$imgl中坐标（1，1）坐标到（15，18）坐标处画一条黑色直线。

在网页设计中的图像处理工作中，应结合实际需要和具体情况正确运用以上函数，以便于生成最完善的图像，提高网页设计质量。

结束语

综上所述，基于网络媒体环境下，优化视觉传达设计方案，提升作品美观性，理应做好文字元素、图画元素、色彩元素、视频和音频的加工作业，充分发挥图像处理技术的作用，着重体现作品的综合服务性、时效性、自由性和交互性。

参考文献

[1]苟春艳.网络媒体的视觉传达设计研究[J].文艺生活·文海艺苑，2017（4）：173.

[2]張应华.网络媒体下广告的视觉传达探讨[J].课程教育研究：新教师教学，2016（15）：279.

[3]关学忠，孙占文.网页设计中计算机图像处理技术应用解析[J].数码世界，2019（3）：147.

[4]杨明.计算机图像处理技术在网页设计中的应用研究[J].河北水利电力学院学报，2019（1）：56-59.

作者简介

姓名：常思孛（2000.10.24出生）;性别：女，民族：汉，籍贯：河南省武陟县人，学历：本科四年级;专业：视觉传达设计;就读大学：河南工程学院国际教育学院。