查看原文
其他

网络平台中的插画创新

嗨!品牌 Hiiibrand 2022-11-10

 原文来自:Judith Carnaby 

 由 Hiiibrand 编译 


网络、短视频和应用程序等的快速发展,为无论是商业传播还是个人创意的叙事插画开辟了令人兴奋的新平台。


插画师创造、分享和体验插画的过程变得即时且广泛,还可以听到新的声音并接触新的观众。与设计师和程序员合作则可以让插画师探索印刷之外的新形式。读者可以以通过即时反馈、自己选择故事走向的方式参与故事。


但是,除了目前流行的数字媒体中的插画使用方式——网站设计插画、应用程序界面或Instagram上的帖子——插画师要如何在这个数字可能性的新海洋中创造创新的叙事插画作品?


下面我们将探讨结合叙事插画的优势和数字平台的系统结构、创新的叙事形式的插画作品。




 / 和微博一同起飞 / 

 Taking flight with Twitter 


德国插画家Christoph Niemann对Twitter的探索将Twitter变成了一种新的现场插画的输出口。多次为《纽约时报》供稿的Niemann创作了吸引人的现场插画。



Twitter的小尺寸文本结构和附带的图片使关注者可以快速阅读(作为插图画家也可以快速创作)。


当观众可以实时跟随时,他们也可以实时参与:在纽约马拉松比赛中画画,Niemann在推特上说他饿了,想要一根香蕉。一位读者读了他的故事后,沿着马拉松路线给他带来了一根香蕉!



在活动的高潮之后,Niemann的推文作为他经历的故事而存在——一系列的图像、印象和想法通过时间链接在一起。


回看过去的推文,你可以看到他展开的故事,即使它可能被解读为一系列的瞬间而不是一个清晰的故事线。Niemann既创造了实时的互动,也创造了一系列有趣的故事,他巧妙地利用了Twitter即作为沟通工具也作为互动存档的双重价值。

 



 / 视差和广告植入 / 

Parallax and Product Placement


Web技术、代码和插图的结合是Bustle设计团队开发的沉浸式数字漫画的关键。Bustle是一家面向女性的新闻和文化网站。他们将网页设计与明亮活泼的图形结合在一起。他们关于个人经历、身体、友谊和情感的故事完美地吸引了以数字为主导的年轻观众。


读者与屏幕的物理交互是Bustle代码团队幕后工作的基础。为了讲述他们的故事,他们对插图使用了多层svg和由滚动触发的视差效果。


当阅读器滚动时,插图的不同浮动层对用户的手势做出响应:背景、前景和中间背景以不同的速度移动,或者随着用户的手指或鼠标移动。



它给人一种与图像亲密接触的体验。在“染发的情感阶段”的一个场景中,随着读者向下滚动页面,主角的头发慢慢变成了新的颜色。


在《Why Pizza is your Real BFF(为什么披萨是你真正的好朋友)》一书中,镜子中女人的倒影比周围梳妆台上的插图移动得更慢,让你觉得你看到的是自己的倒影。



视差在网站设计中可能会有一些噱头,但如果巧妙地使用视差,它可以增强视觉故事的概念和叙事内容,为扁平的数字平面增添趣味,使读者的感官与动作之间紧密联系。这种联系感当然可以用于商业目的,Bustle的漫画为网站整合商业内容提供了一种吸引人的方式。


许多漫画在广告中发挥着重要作用,如 Schwarzkopf 染发剂和由“Smirnoff Spike Sparkling Selzer”赞助的可爱漫画《What To Look For In A Perfect Workout Buddy(完美的锻炼伙伴的必备素质)》。




 / 简单、灵敏 、滚动 / 


Simple



and



Sensitive



Scrolling



在《For Gus: How Far Would You Travel to Say Goodbye(给格斯:你要走多远的路才能说再见?)》(链接:https://thenib.com/for-gus)中,插画家Luke Healy讲述了他祖父去世的故事。他的作品发表在Nib上,以一种敏感的视觉叙事方法,巧妙地设计了一个网页,使其无限滚动。



与使用模板或类似于印刷页面布局的数字漫画不同,滚动漫画实际上是一个“无限的画布”,为插画师提供了发展概念、构图和叙事的机会和探索数字空间的可能。



《For Gus》是一个探索身体和情感距离的亲密故事。当主人公穿越荒野、思考艰难的抉择时,读者的身体动作——向下滚动页面——会增强代入感。



Healy运用了经典的视觉语言技巧——镜头远近的变换、单一但充满回忆感的色彩使用、留白的空间的运用——在视觉上加强了物理和情感距离。


当读者不停往下滚动时,会觉得距离很遥远,停顿也很有分量。读者会感觉到时间流动,紧迫和转瞬即逝。当故事结束的时候,读者会觉得自己已经和主人公一起踏上了失落的旅程,并在他继续前行的时候陪伴着他。

 


 


 / 选择你自己的冒险 / 

Choose Your Own Adventure


环球音乐(Universal Music)的创意机构Creative Labs在Instagram上的创新性账号“ Avicii Begins”为他们带来商业上的成功。他们把Instagram 用作“选择你自己的冒险”视觉故事平台。


Instagram是一个非常受插画家欢迎的社交媒体平台:它的视觉特性意味着它非常适合分享图像作品、迷你漫画、商业插图和动画广告。Creative Lab的创新之处在于他们对Instagram作为一个系统的批判性研究。


Creative Lab利用Instagram的标签功能,带领用户体验他们的“冒险”。大量的个人页面与九宫格插图组成了一个'页面'冒险游戏。查看者可以选择要单击插图中的哪个按钮,从而得到一个将带他们进入故事下一页的标签。最后故事的结局则用Spotify的音乐动画呈现出来。这个设计不仅使读者遵循自己的意志完成冒险,还使Avicii在Spotify上的歌曲获得了更多访问量。




Avicii Begins是瑞典DJ Avicii(最近不幸去世)为宣传新专辑而创建的,并配有瑞典游戏公司Hello There的插图。


这个例子很好地说明当插画家们对一直使用的社交媒体工具采取批判创新的态度时,就会产生无数可能。


 插画师可以重新评估应用程序的固有结构,探索如何以新的方式来讲述他们的故事,并让它以一种展示他们自己创造力的方式发挥作用。




360度全景插图

Sketching in 360- degrees


 Christoph Niemann和《纽约时报》合作的另一个创新项目是《My Trip to the DMZ》,这是Niemann所参观的朝鲜、韩国非军事区的360度全景图。插画家的速写以虚拟现实的方式呈现出来。


它被设计成一个完全沉浸式的体验。美丽的炭笔素描和粒状纹理形成环绕你周围的场景。经典的黑白灰和大胆的红色的运用,非常有效地强调危险和战争的感觉,也加强了南北朝鲜的隔离感。



轻柔的电子音乐在背景中漫不经心地播放着,作者讲述着故事。在第一张开场照片中,Niemann描述了他对非军事区的兴趣,以及他住在前柏林墙附近的经历。


在他讲话的时候,你可以绕过他对柏林莫尔号(Berliner Mauer)残骸的描绘,以及仍将朝鲜和韩国分隔开来的非军事区上的红色缺口。


这次使用让《纽约时报》有创意地从个人视角呈现出一个高度军事化的地方。尼曼谈到了摄影的限制,以及他如何努力记住地下隧道的细节,以便日后能够画出它们。



有了VR和其他数字空间的新方法,插画作为新闻的一种形式变得更有价值,甚至在摄影或视频无法捕捉的情况下成为必要的记录方式。从技术方面来看,这个作品并不是Niemann单独完成的。一同合作的有Podington Bear的music, Frank Auguglario、Linsey Fields、Danny DeBelius和Jeannie Choi的设计制作。该项目使用krpano浏览器,集成到纽约时报网站。


(作品链接:https://www.nytimes.com/interactive/2017/02/17/magazine/christoph-niemann-north-korea-dmz.html)




通过这些数码空间的创新实例,可以发现叙事插画的表达方式有着无数可能。


当然,不是所有的插图画家都能够设计网页,或有一个编码器的支持,但这些例子展示了批判性评估网络平台结构和系统的价值,以及插图画家们如何利用这些系统讲述创新的、鲜活的和引人入胜的视觉故事。




END


© 本文图片&资料源自

Judith Carnaby 及网络

由 Hiiibrand 编译

- 翻译:陈丽丹 -

未经许可,严禁转载

欢迎转发~



相关链接

➤最后两周!投稿截止前你不得不知道的事

截止时间:2019年3月31日

< 点击图片查看详情> 

➤Hii Illustration(第四辑)红色突袭

定价:188元

➤新书推荐 | 第一届小凉帽国际绘本大赛获奖作品集

定价:260元

促销价:198元

(2019.3.15-3.31)



您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存