基于互联网与信息技术环境的平面设计研究

牟云环

摘 要： 在互联网与信息技术的影响下，平面设计更加倾向于体验方式和多感官化、参与性与互动性内容丰富、更具新奇感的三维交互式设计发展，其应用则以界面设计、APP软件设计与虚拟现实设计为主。文章以虚拟用户界面模型设计为例，对借助互联网与信息技术的平面设计思路与内容进行研究，并认为今后的平面设计将会在屏读与信息碎片化时代施展更大的拳脚。

关键词： 互联网; 信息技术; 平面设计

中图分类号： J511

文献标志码： A

文章编号：1007-757X（2019）06-0053-03

Abstract： Under the influence of of the Iinternet and information technology， the development direction of graphic design is three-dimensional design， i. Its applications are mainly interfacial design， APP software design and virtual reality design. The paper makes takes virtual user interface model as an example， and researches the idea and content of graphic design by the means of internet the Internet and information technology. At last， it believes that graphic design can make an important contribution in screening and information fragmentation era in the future.

Key words： The Internet;  information Information technology; graphic Graphic design

0 引言

传统印刷媒体时期，平面设计出现在媒体领域中多采用的是二维印刷的方式，这种方式的专业性较强，技术也较为成熟。借助丰富的图形、色彩、空间以及文本语言的视觉结构，平面设计可有效传达情感与信息。作为一种设计艺术，平面设计包含很多学科，可采用不同形式的媒介传播与推广。近年来，互联网与信息技术发展迅猛，平面设计也在一定程度上受到影响，它更加倾向于三维交互式设计[1]，必须根据互联网与信息技术的发展特征对其应用与发展进行研究。加强平面设计同互联网与信息技术的融合，才可为平面设计与网络与信息艺术产业的发展开辟更广阔的空间，同时创造出更具深度的平面作品。

1 平面设计的三维交互式设计特征

1.1 体验方式多感官化

传统平面设计只是利用视觉感官刺激进行信息的传达，在互联网与信息技术的发展下，平面中的虚拟设计元素可同三维空间中的真实元素进行融合，信息的传达便具有了更加全方位、多角度的优势。通过添加传统平面设计中并未涉及的听觉、触觉甚至味觉等感官上的体验，设计师可真正地做到对平面设计真实感与吸引力的增强，以此设计出更具创意，更能引导受众进行多角度与多感官体验的平面作品。

1.2 参与性与互动性内容丰富

平面设计的受众并非被动接受信息与消极接受刺激的客体，他们是对信息进行处理的主体，可与自身兴趣及需求相结合主动选择并加工各类信息。传统平面设计提供给受众的只是“旁观者”的角色，受众无法参与与影响作品。而借助互联网与信息技术，设计师可采用突破二维空间限制的设计方法与表现形式，在作品中增加互动性与参与性的内容，受众可参与其中进行作品的解答，以此完整传达信息。例如情景互动广告的设计，设计师将平面广告画面外的物体添加到广告的整体构思与设计当中，生成二维与三维互依共存、相互融合的广告意向。

1.3 更具新奇感

互联网与信息技术帮助平面设计更好地向三维空间拓展，由于这一设计形式较为罕见，可为受众带来一定的新奇感[2]，所以容易引起关注。可提高受众注意力、引起强烈感觉刺激的信息必然容易被记忆，例如户外广告是平面设计的一项重要内容，具有向三维空间拓展的趋势。

国外某品牌口香糖户外广告中，“清洁工”正在为广告牌中的平面模特清洁牙齿，该表现手法容易让路人以为是真人在进行广告牌的刷洗，若定睛细看，便会对其创意点赞，如图1所示。

在互联网与信息技术的应用下，平面设计可由平面且模拟的空间形态向立体而又真实的空间形态延伸，增加设计的虚实对比性，此即新奇感产生的源泉。

2 互联网与信息技术环境下平面设计的应用

2.1 界面设计

界面设计包括版式设计、字体设计、图形设计等内容，是传统平面设计的核心，又对传统平面设计提出了新要求。不同于传统版式设计，界面设计对计算机技术、人机工程学、数据结构、C语言程序设计等学科进行交叉，表示为人与机器交流的媒介。界面设计亦称为UI设计，属于从整体层面进行的人机交互、逻辑思维转换及美观版面的设计，界面设计举例，如图2所示。

一个优秀的界面设计既要求有精美的版面與个性化的表现，还要求逻辑化进程足够清晰，在竖状结构的设计中确保操作的简洁性与逻辑的清晰性，让用户更加舒适、便捷与自由地同机器进行沟通。界面设计对很多传统平面设计的应用予以涵盖，通过整合与再创造，转化传统标志设计为图标设计、字体设计，使阅读更加轻松。应用版式设计，界面会更具层次性，逻辑性也更加清晰，最终达到人与机器的共鸣。计算机技术有两个属性：（1） 输入指令;（2） 输出指令。界面设计简便化与直观化了输入与输出，对一串串程序字符进行转换，使其成为精美画面，人与机器的距离由此而被拉近。界面设计应对合理、有效与安全的原则予以遵循，合理性指保证界面设计的全面、系统、美观与协调;有效性指保证设计的全部进阶指令均是真实有效、高效率与高灵活度的;安全性指保证设计过程中数据、指令与内容等的安全，及时报告并纠错输入输出数据。

2.2 APP软件设计

APP软件的成败与设计师的素质有密切的关系。APP软件设计属于平面设计的范畴。首先，平面设计工作要求设计师有扎实的美术功底，可排列组合图形、文字与色彩，合理运用点、线、面，经美化，APP软件可轻松化与愉悦化用户的使用;其次，APP软件的平面设计工作应具有大局观，设计或画线框图工作应在流程图之后开始，保证APP的导航结构是合乎逻辑的;再次，设计师的沟通能力要足够强，APP软件为人与移动终端提供沟通桥梁，设计师逻辑思维的混乱与沟通能力的薄弱会制约人与移动终端的沟通;最后，设计师的归纳与简化能力要强，APP软件设计用到的设计元素与内容有很多，设计师应去繁求简，总结归纳，在用户面前展现清晰的软件程序，保证用户对软件操作的熟练性。在互联网与信息技术迅猛发展的背景下，产品的更新换代速度非常快，进行简约清新、科技感十足的APP软件的设计十分重要。

2.3 虚拟现实设计

虚拟现实设计又称VR设计，是借助虚拟世界的创新对真实世界进行表达的一种仿真系统设计，它采用计算机电子技术创设三维立体空间，以三维动画的形式让体验者沉浸于虚拟空间中[3]。VR设计是仿真技术、计算机技术、互联网技术以及信息技术等的融合运用，如图3所示。

它由计算机进行虚拟三维动画的创作，利用虚拟现实设备（虚拟现实头盔、眼睛等）与传感设备向用户传达触觉、听觉、视觉与力觉，让用户同虚拟世界产生真实感的沟通，同时，对用户与虚拟空间的事物做出回应，向用户发出反馈。

3 互联网与信息技术环境下的平面设计举例——虚拟用户界面模型设计

3.1 设计思路

本应用拟利用互联网与信息技术设计一个以人机交互界面为主的虚拟现实交互系统。即以公交站点为现实环境，进行半透明的触控式用户界面的构建，用户可点击导航按钮进行公交车当前所处地理位置、线路方向、距离目的地的大致时间等的查找。

3.2 具体设计

（1） 设计图形用户界面

主要运用Photo Shop、Illustrator 等软件进行公交站牌图形用户界面的设计，从整体层面上把握用户界面的信息架构、视觉风格以及效果。具体地，要进行用户类型的研究、目标用户的定位以及对目标用户详细信息的收集与归纳，以此得到用户界面的基本框架。其主要框架图，如图4所示。

（2） 设计虚拟用户界面模型

此项设计大体分为两个部分：设计虚拟用户角色模型与设计虚拟现实环境模型。在创建三维模型之前，需首先结合设计方案进行用户角色身体姿态、比例特征、虚拟现实环境范围等细节的设计，然后，根据确定方案制作模型。本研究用户角色模型主要在虚拟现实场景中对人、机、环境之间的交互情境进行表达，制作无需太多细节。虚拟现实环境模型主要为公交车站、道路交通以及景观设施等虚拟化的环境，复杂程度较高，故选用三维软件3dx Max执行数字化建模任务，并赋予模型相应的材质，确保效果的真实性与直观性。

首先，创建三维模型。用3ds Max进行三维模型的建立，该工作复杂且细致，可为整个设计方案虚拟化的实现奠定基础。建模过程中，要按结构随时切换视图，以完成多角度的观察与创建任务，同时，通过对三视图中线框图的对比对模型结构进行检查。用3ds Max软件进行虚拟模型创建之时要尽可能地减少模型面片数与材质的设置。模型越精致，数据量会越大，诸多的多边形与曲线、曲面以及复杂的材质贴图等会降低运算速度，尽管在3ds Max环境下渲染所消耗的时间也会非常长。为确保虚拟模型在虚拟场景中的交互操作具有实时渲染性，文章人物角色模型用最小的面数对形体姿态进行渲染如图5所示。而虚拟现实环境模型主要对3ds Max中的多边形建模方法加以运用。

其次，为建好的模型贴上材质贴图。根据设计方案中的材质进行相关纹理贴图的设计，并赋予模型各个部分对应的材质。在此过程中，需对采用虚拟现实系统制作软件可接受的贴图方式与格式加以注意，尽可能用GIF或JPEG格式，以控制文件大小，降低系统运算量。

最后，导出设置用户界面模型。在利用3ds Max软件导出模型文件时，需先进行3ds Max Exporter输出插件的安装，其功能在于将3ds Max软件创建的内容输出为可供Virtools使用的“.nmo”格式文件，以此达到发布设置与渲染输出虚拟模型的目的。

（3） 设计交互功能

该模块包括用户界面主次关系的交互设计、用户界面与用户角色交互的设计以及用户界面同虚拟现实环境的交互设计3部分内容，实践中可利用Virtools技术完成设计任务，具体按以下步骤进行：将设计好的模型导入到Virtools软件中;添加交互模块实现基本交互功能（参考张璐[4]）。由于本部分内容并非平面设计的内容，篇幅所限，不再赘述。

4 互联网与信息技术环境下平面设计的广阔表达空间

4.1 屏读时代平面设计工作重心的改变

当前，屏读时代已然来临，人们通过阅读屏幕来获取并传输信息，这为平面设计洞开了一个全新的广阔天地[5]。在屏读时代下，巨幅广告屏幕、愈发夸张的智能电视尺寸與手机阅读以及可视化的穿戴设备等阅读方式对传统视觉尺度进行分化，使其存在于极大与极小的两个维度中，在此环节，平面设计已与以往的印刷品上的图案与造型有了本质上的不同，它们想要提高信息的识别决不能仅仅依靠拉近距离的方式来实现。一些有着巨大识别需求的设计对象（如品牌标志、企业形象等）必须同时在极大与极小两个极端空间内将作用完全地发挥出来，这必然增加了平面设计的难度，例如在进行标志的设计之时，不仅要保证标志的每一个细节，确保其在放大到巨幅屏幕上之时依旧美观，还要保证其在仅几十毫米的屏幕上同样能够清晰且明确的得到识别。在互联网与信息技术迅猛发展的背景下，平面设计对企业及商品系统化的识别需求与个性表现予以放大，并弱化了传统设计环节单个图形的极致优化，故而不再对静态与定格化的动画标志有严重依赖，此外，它还舍弃了单一的形态特征，开始寻找在一系列变化过程中形成的整体印象的动态标志，这些都是互联网与信息技术环境下平面设计工作中心的转变。

5 总结

碎片式信息的产生与网络相伴随，人们被看到、被认同、被需要的本性在互联网时代得到了释放的途径。在互联网与信息技术时代，所有人都会满具热情地将自己的微小创造通过碎片的方式传至网络中，让其在网络中自由碰撞与交融。信息并非网络的主体，网络存在的本质在于对这些碎片化的信息进行连接，并在连接中完成飞跃。平面设计的存在类似于互联网，其本质亦是一种连接行为，例如在一张平整的白纸上，可采用图形、色彩与文字的形式连接信息与人，采用抽象、隐喻与借喻的收发连接图像与情感，同时，以某种观点连接思想与生活。在互联网与信息技术的世界中，平面设计借助传播的实时性与表现形式的多样性，与自身长期演化而来的纯粹的信息表达方式，可对信息连接的功能性作用予以加速，加快碎片化信息的传播，拓宽传播路径。

参考文献

[1] 姚田.互联网时代平面设计如何与新媒体融合[J].新闻战线，2017（4）：134-135.

[2] 黄婷.平面设计向三维空间拓展研究[J].包装工程，2011（10）：18-21.

[3] 刘一丁.论互联网+背景下的平面设计[D].郑州：河南大学，2016.

[4] 张璐.基于虚拟现实技术的用户界面[D].上海：华东大学，2013.

[5] 王宇.互联网时代的平面设计与新媒体融合研究[D].哈尔滨：哈尔滨师范大学，2016.

（收稿日期： 2018.12.21）