多维视觉设计透视全景湖北——湖北日报网视觉传达设计宣传的“底气”和“地气”

孙方生 谌若兰

多维视觉设计透视全景湖北
——湖北日报网视觉传达设计宣传的“底气”和“地气”

孙方生 谌若兰

在各种艺术表现形式相互渗透的今天，湖北日报网作为湖北地方网络媒体，在视觉传达设计上充分利用网络视觉传达设计的交互性、时效性、自由性、超文本、多媒体的综合性等特质，打造出很多贴心接地气的设计，让受众通过多维度的视觉表现形式了解湖北发展的方方面面。

视觉传达设计；网络媒体；宣传

视觉传达设计在网络上的应用与在传统媒体的应用有很大的区别，网络媒体视觉传达设计也被称之为“基于网络环境的视觉传达设计艺术”。随着网络和多媒体技术的飞速发展，视觉传达艺术的设计也在不断向前探索，为取得更大的进步而不断努力。

在多年的探索中，湖北日报网不断结合热点宣传需求，从刚刚开始网页制作、图片处理，到后来不断尝试推出新的新媒体产品，如图说新闻、H5、动词打词、图片交互设计等，使得湖北日报网一直走在网络新闻媒体设计的前列。其设计团队也不断努力探索，从多角度多方法，力求打造新颖的新媒体产品。

本文通过几个简单的样例介绍，总结湖北日报网如何运用接地气的视觉传达设计来反映湖北的发展特色，进而彰显作为主流网络媒体在服务地方社会经济发展中的底气和实力。

一、打造人性化产品，内容贴近生活，设计打动人心

人性化设计，是人们常说的一个关于设计的论题，即便是小到一支笔的设计结构，而往大了说也都渗透着我们生活。而如何在视觉传达设计上做到人性化，则应该更多地从人类的视觉阅读习惯入手。

《图说新闻》现为湖北日报网的栏目之一，一般情况下每周更新一次，在重大新闻事件或有较多新闻热点的情况下会每周多次更新。图说新闻下又分为国际新闻、国内新闻、生活、节日等栏目，方便读者的查找和阅读。《图说新闻》的栏目设计本身就是人性化设计，将纷繁复杂的文字说明，以更直观的表现形式展现在人们眼前，图形化色彩化的表现手法更能对我们产生极大的吸引力。根据心理学测定的结果，进入人类大脑的信息约有85%来自眼睛，可见视觉传达对人类的感官有极大的冲击力，优化设计可以使人类更好地接收到有效的信息，阅读会更加舒适、不易疲劳。武汉地铁四号线刚刚开通，《图说新闻》栏目便推出了名为《坐地铁游江城》的图解，从一号线、二号线和四号线周围的武汉旅游场所为内容，打造了一篇与我们生活息息相关的交通性新闻图解。在设计上运用的大量的地铁元素和武汉旅游景点照片，通俗易懂、简单明了，设计运用了视觉感官最舒服的灰色为底色，使人的注意力可以长时间集中，令更多的视觉感官投入在内容本身。

《图说新闻》作为新媒体传播方式的一种形式，不仅仅注重内容人性化所带来的吸引力，同时将人性化体现在视觉效果设计中：排版轻重缓急，具有节奏性；色彩饱和度始终适应人们的阅读视觉环境；文字字体、大小、颜色和谐中略带差异，有利于主次区分。以人为本的视觉效果设计更易接地气、聚人气。

在专题设计上，注重人类阅读从左至右的浏览习惯，将重点文字图片放在左上方，更易在浏览中抓住重点。网页banner的设计便是重中之重，要把专题主要的内容放在上面，一目了然，放的图片元素也应当与专题标题一致，设计上要定准色调，以一种色调为主，其对比色为辅，两种色调相辅相成，可以给人很强的视觉冲击力。标题的设计要求在简单中添加一些小的修饰，使得设计大气中又暗藏细节，不至于简单古板。以《喜迎党代会荆楚新跨越》专题为例，横幅广告设计上运用的湖北建筑元素、和平鸽、五角星等与主题相关的元素，色调以红、黄为主。字体设计上，应用同一个字体，但是设计上用大小和颜色将词组区分，是的设计充满变化并带有节奏性，五角星的图案穿插在字体中间，做到了字体形态与图案的完美结合。最后在细节上，加入光晕，提亮设计的基调。横幅广告的设计便是整个专题设计的标杆，之后的内容设计可以延续其设计模式进行简化。专题设计从以人为本为出发点，从设计上具有视觉冲击力，从内容上满足人类的阅读习惯，从不同的风格入手，深受浏览者的好评。

人性化的设计也逐渐成为设计深入人心的主流，人性化的设计更容易使受众者有舒服的感觉，更易接受视觉设计给我们带来的信息。

二、趣味化的设计宣传，与动画手工结合，接地气获好评

趣味化设计往往会更易吸引人们的眼球，因为人们更易被具有趣味的东西吸引，小到一个笑话、段子，大到生活的方方面面。因此，具有趣味化、生活化、接地气的设计往往会赢得读者的青睐。趣味化的设计从方式上、形式上吸引眼球，但有些作品在意义上却不同凡响。趣味化的卡通形象设计也是新媒体视觉传达设计打造产品的一种方式。趣味化设计可以使原本枯燥的文案、声明、新闻变得更加活力、吸引眼球。

湖北日报网在“两会”的宣传产品中也多次运用类似的手法。《长江精灵的奇幻漂流》便是其中一个，打造“琪琪”这个具有环保标签的IP，应用有趣的橡皮泥塑造，让“琪琪”在微信朋友圈中游走，同时配上我们想表达的相关内容，用视频的表现形式使得“琪琪”形象更加生动有趣。这个案例的成功点便是打破以往的常规静止的视觉传播形式，以动画动态的卡通表现手法，展现一个以长江治水为背景的新媒体产品，视觉、情节、音效的多方位感官冲击，为湖北日报网的视觉传达设计开拓了一块新的发展领域。

同样极具趣味化的H5还有《粑粑去哪儿》，标题蹭了当时的热点综艺节目《爸爸去哪儿》，而实际上描述的却是粪便如何处理的发展史，用接地气的选题、不一样的视角来向我们讲述湖北的粪便处理的发展史。题目就十分有意思，设计上采用动漫的表达方式，添加生动有趣的语言描述，节奏感轻快喜感的音乐，在与手机页面的互动中，一边欣赏一边又可以从不同的角度了解我们所生活的城市。这个H5不仅仅在选题上具有趣味化，在设计上也多运用了可爱有趣的效果图片，动效上也尽量采用动感活泼的形式，使得整个设计更易突出主题，将趣味最大化地展现。

趣味化的设计不仅仅可以增添生活乐趣，也可以给别人带来热点与话题，也成为打造很多艺术作品的表现手法。在视觉设计上，设计师可以在设计上用多重的表现形式，用趣味的表现形式吸引观众，内容本质可以做到更有深意，可以使整个设计的层次上一个台阶。

三、高参与性的设计产品，交互感、趣味感强的同时达到有效地宣传效果

网络媒体和传统媒体设计最大的区别就是网络媒体具有互动性，网络媒体可以通过交互设计建立与人的联系，达到一个具有互动感的使用效果。所谓交互设计指的是传播者与接受者双方具有控制能力，可以实时参与和修改媒介环境的形式与内容，以满足彼此不同的传播需求。传播者和接受者之间可以形成信息互换。

在网络环境下，人们不再被动地接收信息，而是可以主动选择自己想接收的信息，同时也可以参与产品的交互当中，与产品形成良好的互动。

《小诸葛带你抢红包》的H5便实现了很多很有意思的交互效果，主人公小诸葛回老家襄阳过年，吃牛肉面、喝酒、贴福字、打麻将、扯胡须、拍全家福等一系列的游戏交互效果，使人们仿佛身临其境，不仅仅参与H5之中，同时通过H5了解了当地的襄阳文化。设计色调清晰、结构简明活泼，最后的抢红包效果更是引起了不少人的关注。整个设计的亮点除了交互效果还有音效，在每一个效果过后都有令人忍不住发笑的有趣音效，如吃牛肉面的声音、打麻将糊了的音乐效果都极为有趣，也成为H5的亮点之一。最后添加的抢红包的环节，使得整个设计更加具有参与积极性，让人们在投身游戏的过程中，襄阳文化得到了一定程度的宣传。

《大大来巡堤》也是极具交互效果的H5之一，在H5的第二页便是交互性效果的小游戏，将不同的巡堤的工具放进包里面开启接下来的页面，分别从“眼到”“脚到”“耳到”“手到”等方面来阐述巡堤的注意事项，配上新颖的音乐效果，让人不仅仅在视觉也在听觉上有极强的冲击力。这个H5让观众有很好的参与性，在参与游戏和一起欣赏音乐的同时，又能科普关于抗洪救灾的知识。是一个非常不错的案例。

四、多感官新媒体产品设计，多方位打造感官冲击

人类是多感官动物，具有视觉、听觉、嗅觉等感官属性，我们在做新媒体视觉设计的时候除了可以尽量满足人们的视觉要求的同时，也可以尽力满足其他的需求，如听觉。所以很多网页和产品设计上都运用了有效的配乐配音，使人在视觉感知冲击的同时，也满足听觉的需求，最高效地给人强烈的代入感。

网络媒体同时也具有多媒体的综合特性，我们从交互和视觉、听觉入手制作《武汉版三生三世十里桃花上映了，约么？》的新媒体产品。该产品蹭了当下的电视剧《三生三世十里桃花》的热度，从武汉赏花的角度来解读，分别介绍了桃花、樱花、郁金香等不同种类的花在武汉的赏花地点，并配上了诗歌朗读，从听觉效果来触动欣赏者，打造多方位的感官冲击。将电视剧与设计结合，内容与生活紧密联系，让产品更贴近我们的生活，更接地气。

网页设计《武当五行拳》便是一个很好地结合视觉、听觉、交互感的案例，这个设计贴合文案主题，以打拳为主要的视觉效果，让人物游走在竹林之间，给人一种古朴传统动感的视觉效果，竹叶飘动在页面之间，仿佛是悬在页面之上，给人一种强烈的视觉差的效果感受，冲击力极强。交互上，采用鼠标滚轴滑动滚动页面的交互模式，让人在轻松滚动轮轴的时候页面也随之滚动。在听觉上，配上悠扬的古典音乐，与整个视觉效果融合一体，给人极强的身临其境的全方位体验。另一个《武当五行拳》H5的设计，则应用了重力感应的交互设计，新颖、体验感强、也深受观众的好评。

五、结语

当前，网络和多媒体技术飞速发展，成为新生产力的代表，深刻影响着人们的生活，也引领着多门学科的深刻变化，视觉传达便是其中一类。新设计、新观念、新技术的涌现，未来的设计也在不断进步之中。在这个大环境之中，湖北日报网也在不断探索新的表现模式，从视觉设计的人性化、趣味化、参与化、多感官化的性质入手，以多维的视觉表达方式，不断打造出多个具有湖北特色的新媒体产品，全景展现湖北构建中部崛起重要战略支点的发展气象。

[作 者]孙方生、谌若兰，湖北日报网。