前言：寻找写作灵感？中文期刊网用心挑选的城市形象互动广告设计研究，希望能为您的阅读和创作带来灵感，欢迎大家阅读并分享。
摘要：信息化时代的到来，新型的广告形式层出不穷，在这其中iH5互动广告深受追捧，文章旨在研究iH5的互动广告在义乌城市形象传播设计中的方案和设计思路。通过对iH5互动广告在义乌城市形象的应用优势进行分析和研究。结合义乌总结出其视听体验、情感调动、视觉设计等要素的创新设计策略和方案。义乌城市形象传播结合iH5互动广告形式是非常适合的，其中抓住城市的特色、正确定位受众群体、找到适合的广告互动方式尤为重要。
关键词：iH5;互动广告;义乌城市形象;交互体验;情感调动;广告感染力
引言
信息化时代的到来，铺天盖地、各种各样的广告进入我们的视野，使得传统的广告形式越来越难吸引当代受众。与此同时，新型的广告形式也在悄悄崛起。在这其中，H5的互动广告形式扮演者举足轻重的角色，iH5互动大师平台的零代码、模块化、易上手的优点就使得其成为了设计师们常用的H5互动工具之一。再加上新颖的创意、丰富的感官和行为体验、更能让受众主动参与并进行自发传播，让其成为了广告设计中炙手可热的香饽饽。义乌作为惊艳全世界的国际化小商品之都，传统的广告形式已不满足其形象传播需求，而运用iH5互动广告形式可以让受众在有趣的交互过程中了解义乌、爱上义乌。
一、iH5互动广告设计的发展现状
“围住神经猫”的这款H5小游戏自2014年7月在微信朋友圈传播开来，3天就突破了上亿点击量[1]。H5正在快速地进入大众的视野、融入我们的生活。与此同时，像iH5这样的无代码制作工具渐渐变成了主流，原因很简单，H5越来越商业化，H5互动广告是H5的第一应用场景，iH5平台提供无代码的功能服务，也很适合零基础想进入H5行业的人学习。iH5互动广告的功能也越来越丰富和多样化，比如全景、一镜到底、时间轴动画、数据库做抽奖、砍价、多人互动、各类小游戏等。它的开发，能提供更快、更简便的服务，代码可高度重用，服务也很方便。在城市形象偿还博中经常会用到的大屏幕广告片或是大屏幕交互，而传统的大屏幕交互，是需要安装庞大的软件系统去管理和运营的，因此更新和维护就很不方便，而使用iH5来实现，既可以实时更新，又可以提高更新频率，因此，iH5互动广告市场发展前景甚好。
二、义乌城市形象iH5互动广告的受众群体分析
（一）受众定位
对于iH5这样的互动广告平台来说，受众群体数量还是比较庞大的，毕竟只要有一部手机，扫描二维码、或者打开链接等方式就可以方便地看到广告内容了，而且还可以进行互动。义乌，是国际化小商品之都，是享誉内外的东方奇迹。对于义乌这样的城市来说，其实它不仅仅是人们印象当中的小商品城市，更是一座富有商贸文化历史的都市。义乌的城市形象传播目的主要是为了吸引年轻人前来创业和就业；吸引更多的国内外旅游爱好者来这里旅游，进而拉动旅游业的发展；还有吸引追求品质生活的消费者前来购物和洽谈生意、进行商贸交易等。由此可见，互动广告受众群体的定位就很清晰了：大学生群体、年轻人群体、国内外旅游爱好者、追求品质生活的消费者人群。接下来针对这些受众人群进行心理和行为上的分析。
（二）受众心理和行为分析
1.首先是大学生群体，大学生的特点是文化素质较高、兴趣广泛、喜爱新鲜事物、爱挑战、勇敢无畏等，义乌有着很多的机遇和挑战等大学生们去发掘和探索，美丽的风景、怡人的气候、深厚的文化底蕴和环境会满足大学生发现新奇、探索未知的好奇心。2.其次是年轻的创业就业群体，义乌以富有特色的开放、包容、多元化的就业、创业环境吸引有理想、有志向的青年才俊们，优厚的鼓励政策、良好的创业氛围，使每一位前来义乌发展的年轻人都可以有自己的一片天地。3.再次是国内外的旅游爱好者，这个群体的特点是喜欢各地的风土人情情、好山好水、美丽的城市等，在去这个目的地之前一般会看当地的旅游攻略，也会了解一些当地的交通路线等信息，就需要有介绍搭配地图路线等服务的综合性互动广告，使得他们的旅行更加方便、体验更加舒适。4.最后，追求消费品质是当今社会的消费趋势。现在，很多消费者追求的是消费的品质，而不是量，买到自己喜欢的，特别是买到符合自己身份和个性的商品，是当代追求品质的消费者的主要观念。信息化的发展使得很多人的时间变得碎片化了，这就要求我们在短时间之内拥有便捷、高效的购物体验。生活节奏加快，高负荷的精神和生活压力，让消费者不断寻找在购物中的认知和认同感，这就孕育出了消费者的丰富购物需求。义乌的商品可谓是琳琅满目、应有尽有，无疑是这类消费群体的购物天堂，义乌便捷而发达的物流业更是为其锦上添花。
三、义乌城市形象iH5互动广告的优势
（一）富有文化特色的视听效果，可以增强广告的感染力
丰富的视听效果，可以调动受众情感，加深用户印象。义乌的城市文化非常丰富，特别是自20世纪80年代开始，从一针一线的货郎贸易到“海陆空”全面商贸道路的开通，是义乌人民的努力拼搏造就了今天的义乌。在经济腾飞的今天，义乌特有的孝义文化、兵文化、拨浪鼓文化等浓郁鲜明的城市形象；义乌人杰地灵，古今人才辈出：一代文宗骆宾王、《共产党宣言》中文首译者陈望道、近代明史大家吴晗、革命先辈冯雪峰等各时代风云人物，他们种下了文明的种子，诠释了“勤耕好学、刚正勇为、诚信包容”的义乌精神，为义乌的年轻人做了优秀的榜样。义乌文化是其城市形象的一大亮点，是吸引大学生群体、国内外旅游爱好者、追求品质生活的消费者、青年创业者的重要条件之一，这些义乌的文化内容，都值得植入互动广告作品中，让受众更加立体、全方位的了解义乌，让大家对这座城市含有崇尚之情，从而喜欢义乌、爱上义乌，可以吸引更多的人到义乌创业、就业。传统的广告形式有：平面广告、广播广告、电视电影广告等，其特点是无法让受众身临其境的与广告进行交互，使得广告效果会受到时段、地点、文化等的诸多影响[3]。而且这样的广告让受众毫无参与感，往往会造成受众视觉听觉疲劳等现象。然而，互动式的广告就可以很好地解决这个问题，听一听“鸡毛换糖”的叫卖声、见识“元宵舞龙灯、观花灯、百家宴、清湖门市场”的盛景、富有地域民族特色的背景音乐结合各种传统文化画面、还有现代义乌科技与文化的发展内容等的呈现，这些富有感染力的视听体验，可以让交互更加富有趣味性，也可以让受众有身临其境的体验，增强H5互动广告的感染力[2]。虽然语言有国界，但是情感无国界，对于国内外旅游爱好者来说，这是非常好的互动方式，让他们更加了解和喜爱义乌。
（二）通过多元化的互动形式，增强受众的互动体验感
H5互动广告其实是基于HTML5技术而实现的移动端网页广告。在众多的工具中，iH5强大的兼容性可以显著地降低开发与运营成本，而且对于新手来说特别友好，容易上手、简单易学、还有系统的教程教学，模块化的操作界面使制作更加的高效。义乌的文化历史悠久，迄今已有两千两百多年。风景秀美、物华天宝、文化教育昌盛，“鸡毛换糖”的叫卖声开启了义乌商业的历史篇章。义乌市场从上世纪70年代走街串巷、走南闯北的“鸡毛换糖”起步，进而开办专业市场，渐渐发展成了国际商贸城。走出了一条“无中生有”、“点石成金”的独特成功道路。义乌市场的发展历程，其实是中国改革开放发展的生动缩影，它的繁荣和美丽需要被更多的人认知、了解。长页面的交互形式是再合适不过的了。运用“容器”、“滑动时间轴”等工具来搭建，长页面中的内容就像讲故事一样讲述了义乌的变化。作品的一开始就是“鸡毛换糖”的画面，一位母亲带着孩子来到商贩这里用家里的鸡毛来换取红糖，点击他们可以看到关于鸡毛换糖的简介，还会出现当时小商贩的叫卖声、宝宝的笑声。一直往右滑动陆续会出现很多具有时代代表性的内容，最后一部分是现代义乌的内容，比如机场、国际商贸城、高铁、立交桥、义乌港口等。沿着历史的长河，用户可以选择性地观看自己想看的部分，也可以按照从左到右的顺序进行灵活的互动操作。iH5互动广告是不会受到时间和地点的限制，只要有网络，也不会耗费多少流量就可以看到的广告形式，而且不仅仅可以看，还可以听、玩、传播等。投入的成本也会比较低，而且传播率很高，确实是不错的广告形式。义乌除了是小商品的海洋、购物者的天堂之外，铁路口岸还是浙江省“一带一路”的战略支点，义乌历史文化悠久、义乌文明光彩夺目，这些都需要多样化的交互体验来吸引受众。比如通过“滑动”翻阅长长的义乌发展历史画卷和放风筝、通过“点击”想了解的义乌民间传统文化和活动、“长按”屏幕指定位置可以让飞驰的火车和港口的轮船鸣笛、“摇晃”手机来和广告中的人物进行问答式互动或是模拟某些动作等的交互方式，让受众乐在其中。具体来讲，比如“滑动”的交互方式在放风筝这部分里的应用是非常有趣的，用户通过滑动手机屏幕可以左右控制风筝的方向，让风筝稳稳地飞翔在天空中，天空中是不是会有飞鸟经过，需要控制风筝的位置来躲避飞鸟，以免风筝降落或受损。这样“放风筝”的互动活动就可以让用户拥有有趣的体验。再比如左右“滑动”屏幕，拉动二胡的弦，与广告中的人物合奏义乌著名而古老的说唱艺术“道情”，让用户的手、脑、眼、耳都有了丰富多彩的体验，同时增加成就感，引导用户想更进一步了解“道情”这个国家级非物质文化遗产的民间艺术。因此，iH5互动广告是非常适合义乌这样的城市的形象传播设计的，不但效果好、而且经济实惠。城市形象宣传广告目的是为了刷新大众对国际化义乌商贸文化的印象，提升义乌高品质城市影响力、知名度和美誉度，推广义乌这个城市所独有的商贸文化，增强其在大众心目中的品牌识别性。给大众讲述义乌的商贸文化，让大家形成认同感；吸引青年创业与就业人才来到义乌、建设义乌。iH5平台中比如3D世界、地图、全景容器，以及为义乌设计的移动端电商平台等，这些新的技术可以很好地方便受众深入了解义乌。比如用户可以在互动广告中通过“地图”的功能找到自己感兴趣的具体地点，还可以找到最佳的交通路线；再比如用户可以使用3D世界和全景容器更加身临其境般的体验义乌的城市繁华景象与人文情怀，只要拿着手机，随时随地都可以进行互动体验。iH5新推出的ivx可以进一步将前端深化，把义乌的网店接入城市形象的互动端口，让消费者们可以方便地购物。
四、义乌城市形象iH5互动广告的视觉设计
视觉设计符合义乌城市形象特色，iH5互动广告的视觉设计这部分一直都是重中之重，一个成功的互动广告作品首先要做到的就是吸引受众的眼球。但是并不仅仅所谓的“好看”就可以解决问题了，符合义乌城市形象特色的视觉设计才是最适合的互动广告作品。
（一）原画绘制
义乌是一座非常美丽的城市，这座城市的建筑、花草树木、人文活动、一砖一瓦、天空、河流都运用国画的湿介质画笔进行绘制和晕染。运用年画的画风来绘制它的风景是非常合适的。所有的画面全部运用电脑手绘完成，先去查询资料，包括场景、人物、道具、物品等，将需要表现的内容进行筛选，以这些为原型进行草稿的绘制，再在绘画软件和数位板的配合下进行进一步绘画，富有民族特色。可以运用PS或SAI软件进行绘制。义乌铁路口岸是浙江省“一带一路”的战略支点，义乌国际陆港城市多式联运的新起点和铁路国际集装运输的重要节点，全球最长的铁路“义新欧”中欧班列从这里出发，贯穿欧洲经济圈，如图1所示。加入一些动效，可以引导用户点击或者拖动来进行交互。动效图都是运用了gif格式的动图来模拟移动的船舶、放飞的风筝、河流中跳跃的鱼儿、飞驰的高铁动车、起飞的飞机、人潮涌动的商业区、立交桥上的汽车等内容，用来丰富画面、增加真实感、也增加了趣味性。广告的城市画面与人物的配色，可以适当运用明度高、纯度低的颜色居多，冷暖色调的搭配让画面协调感十足；背景大面积使用了高明度的冷色调，不会让人有视觉疲劳之感；同时也是符合义乌这座城市的主色调的，晴朗的天空、湛蓝的海平面，非常美丽的风景。人物使用到了中性色、暖色调较多，比较显眼、也比较美观[4]。纵向的空间感体现在色彩的近实远虚，近景的色彩搭配比较鲜明，远景的色彩纯度偏低、明度偏低、饱和度偏低、色相也会比较接近一些。用户进入广告内首先看到的会是加载页面，加载页面的存在是因为有时网络需要缓冲的时候，用户需要等候几秒的时间，这个时间内用户的内心或是焦急的、或是放空，这个“门面”的画面和动效一定要做到位。运用几张画有义乌著名的小物件组成的邮票合集的不断切换来表现，下面“走进义乌”四个字逐字出现，让用户在等待过程中可以对义乌有着初步的了解。这里使用到的是gif动态图的形式，如图2、3、4、5所示。
（二）UI界面设计
界面包括：开始界面、若干介绍分界面、结束界面。考虑到用户会在电脑或手机上进行交互和观看，而且是国内外的用户都会看到，那么风格不要太花哨，简约为主[5]。毕竟我们要打造义乌国际化大都市的形象，因此，无论是所用的字体还是界面的小元素都需要简单、干净、整洁，还需要易于识别，在保留艺术性的同时也要保证实用性。界面的设计首先就需要遵从用户的阅读习惯和方式[6]。最精彩的、最重要的信息最好放在比较靠屏幕中心的位置，比如义乌的城市风景线、风土民情的画面都是吸引人的地方。其次是在手机这样的小屏幕里，要保证文字可以看清楚，文字排版需要清晰、文字大小要适合、使用笔画均匀的字体——比如微软雅黑字体；标题与正文的字体大小、粗细、色彩可以有一定的区分。界面的排版设计风格比较简洁，有梳有密，适当留白；小元素的绘制运用了传统民间窗花等的设计。特别是一些简介弹框界面、对话框界面、按钮等设计，大量运用了义乌的民间文化视觉元素进行点缀。其中按钮的设计要符合人体手指的大小，不能太小不好点，也不能太大影响画面美观。1.开始界面的设计。开始界面是用户进入广告中第一眼可以看到的内容，无论是配色还是排版都是需要抓住人眼球的，作为城市形象广告式的互动设计作品，开始界面需要传达的信息有义乌的最美的风景、主题文字、提示操作按钮等内容。截取原画中的一部分进行处理然后作为背景图，字体的设计采用硬朗的广告体，与背景配色有一定区别来凸显主题文字。右下角是提示用户操作的按钮，尺寸是符合人类手指点击的。色彩也与背景区别开来。2.介绍分界面的设计。这部分界面指的是地名、文化元素、人物等的介绍界面，通过手指的点击来打开，搭配旁白和音效的讲解，声情并茂，与背景的色彩区别较大，采用白色的底色来呈现，文字部分运用黑色，与背景形成鲜明对比，方便用户观看。界面的边框设计采用当地具有代表性的窗户雕花的样式作为元素，富有地域特色。同时，界面的设计风格配合了背景原画的年画的画风，鼠标与手绘板绘制结合的设计方法。界面位置在手机屏幕中央，并没有占用所有的屏幕，而是采用局部显示的方法。避免太大太满用户看了以后视觉疲劳，如图7所示。3.结束界面的设计。这个界面是最后的结尾页的部分，内容包括了“再玩一次”、“分享给好友”、“去义乌看看”三个按钮。“再玩一次”是可以让用户再次进入开始的界面重新进入互动作品中；“分享给好友”是有一个白色的小小的箭头指引，让用户可以点击右上角的按钮进行分享这个广告，但是由于小箭头面积很小，如果对整个界面不进行降低明度的处理，小箭头会凸显不出来，所以，运用一个黑色的半透明矩形色块将屏幕明度降低，突出分享小箭头，再加一点动效，让其更加醒目；“去义乌看看”按钮则是链接了义乌市的官网，或是让用户长按义乌的二维码进一步了解这座城市的点点滴滴。
五、结语
在这个信息化的大时代背景下，数字媒体艺术和技术已是主流，iH5互动广告作为方便开发和制作新型广告形式，正在受广大用户的喜爱，其有趣的交互体验、较低的媒介成本、传播的便捷性等特性都展示着它强大的竞争力。对于城市形象的互动设计和一般品牌企业的互动广告设计还是有所区别的，本身这是一个庞大的综合体系设计目标，包含的内容很多，需要在这之中提取、凝练广告精华是非常重要的[7]。成功的作品是能带给用户多元化的互动方式、调动起用户的情感、震撼的视听感受的。相信未来会有更多的、更好玩、更富有艺术和商业价值的iH5互动广告被设计出来。
参考文献
[1]张耿，项洋.移动端游戏互动式H5广告设计研究[J].设计，2020（03）：131-133.
[2]姜霄，王艳敏，王以华.城市智慧出行求助服务设计中用户控制感研究——以杭州为例[J].设计，2019（24）：118-120.
[3]马广韬，方钦朴.交互设计要素情感研究[J].设计，2020（09）：103-105.
[4]赵晓玲，王瑾.平面广告中的互动性设计研究[J].设计，2020（07）：110-111.
[5]耿阳，赵炜浓.融合参与观察的用户界面设计方法研究[J].设计，2020（09）：44-46.
[6]刘浩然.人机交互界面的平面视觉图像色彩增强系统设计[J].现代电子技术，2019（08）：77-81.
[7]孙雅君.H5技术支持下“魅力威海”文化创意的设计与呈现研究[J].通讯世界，2020（01）：277-278.
作者:郗彩莲 王浩莹 单位:广东培正学院