海报在iOS系统中的应用探究分析
海报在iOS系统中的应用探究分析
张 建 党 韬 周秦瑶
(四川封面传媒有限责任公司)
【摘 要】海报作为一种新型新闻内容传播形态,其通过将事实报道与UI设计相结合,具有直观可见,社交属性强以及在快节奏生活下能快速抓住受众眼球等特征,大大提升了新闻传播力。本文以封面新闻客户端为例,从传播应用以及海报生成原理做下分析探讨
【关健词】海报 传播形态 原理 传播力
随着互联网科技的不变创新变革,媒体传播形式已经发生了巨大变化。已由早期单一的文本传播变成了如今的图片、视频、图文混合等多形态并存的新形态。自新冠疫情发生以来,主流媒体均充分利用自身资源和优势,借助海报简单明了,信息直达的特征策划了不少战“疫”主题海报。海报这种相较于视频更轻量化的内容传播形态已成为全媒体时代新闻媒体的一种新型宣传报道形式。
1 新闻海报特征
新闻海报继承了传统海报媒介属性,同时其借助直观简洁的文字符号、图片样式设计以及相关信息二维码嵌入,向广大用户提供新闻报道事实,借助扫码跳转等创新行为进行交互,具备主题创意凝练、沉浸式互动体验以及直观视觉冲击特征
1.1 主题创意凝练
新闻海报主题一般比较鲜明,直击要义。能快速抓住受众注意力,同时也能快速让受众通过简单的几行文字或者图文了解到事实真相。其可以充分利用新媒传播碎片化、及时以及不限篇幅等特点共同阐明表述一个主题,比如此次因疫情而产生的战“疫”主题。
1.2沉浸式互动体验
新闻海报数据化、动效化、扫码链接等多种方式可以给用户沉浸式体验,很容易形成强有力的代入感。再加上其易于传播,用户可便捷通过微信、微博等社交媒体账号进行二次转发,参与到情境共建中,达到凝聚共识。
1.3 直观视觉冲击
海报的呈现形式远远比文本来得直接有效,再加上对于海报样式,风格的不同搭配,可以使其变得极具视觉冲击,这样更容易唤起受众对该新闻报道的求知兴趣。同时也能大大提升二次传播力。
2 技术实现
从海报的以上几个特征,咱们可以看出其在当今全媒时代背景下新媒体传播中的强大优势。那么海报在客户端中又是如何生成的呢?下面以封面新闻客户端中海报生成为例,详情介绍下海报生成中遇到的问题以及处理办法。
在了解具体实现之前,先了解下iOS系统中图像绘制的部分知识。下面是图形架构总览图:
iOS提供了两套绘图框架,分别是UIBezierPath和Core Graphics。 UIBezierPath属于UIKit。UIBezierPath是对Core Graphics框架的进一步封装。OpenGL和Core Graphies都是绘图专用的API类族,调用图形处理器(GPU)进行图形的绘制和渲染。在架构上是平级的,相比UIkit更接近底层。
2.1 iOS图像绘制基础概念
2.1.1 CoreGraphies和Quartz 2D
quartz是一个通用的术语,主要用于描述在iOS系统和 MAC OSX中整个媒体层用到的多种技术,包含图形、画、音频、视频。Quart2D是一组二位绘图渲染API,CoreGraphie便是使用该API进行图像绘制。
2.1.2点和像素
iOS系统有自己的坐标系,根据屏幕不同,其坐标系中每个点所拥有的像素是不同的,比如手机屏幕分辨率是640x960,但是咱们实际在绘制时画布尺寸是320x480。相当于坐标系上每个点对应两个像素。
2.1.3 图形上下文
CoewGraphics使用图形上下文进行绘制任务,其作用可以理解成画布。在图形上下文之外是无法进行有效绘制的。
2.2海报生成
海报生成在客户端中由于其应用场景较多,不同场景下海报样式也不同,所以在具体生成方式选择上需进行多方综合考虑。
2.2.1绘图方式选择
iOS系统对于文本绘制或者是图片绘制其实都提供单独一套api,但是比较繁琐,需要提前确定好文本、图片绘制区域范围,这里如果采用手动计算在海报元素比较单一时还行,但是当海报中包含元素较多且海报内容是可变时则不再适用。以封面新闻中海报应用场景为例,大致分为以下几种样式:
以上几张图均来自封面新闻客户端,其中图1是排行榜类海报,图2为新闻类海报,图3为其他海报。
考虑到多场景,多样式。文本绘制的drawAtPoint或者drawInRect并不适用,因为其位置坐标计算会随着海报元素的增加变得无比复杂。最后采用的方法是所有绘制依旧采用交由系统去处理,我们不直接计算元素坐标位置而是直接借助自动布局去摆放元素,具体计算也一并交由系统处理。但是该方法得以实现的前提是需要借助系统提供的截屏功能,并且需要先根据海报元素内容生成一个临时的UI界面,该界面布局方式完全采用自动布局。将其临时添加至window层,拿到截图后再移除。这个截图也就是最后需要的海报图像。
2.2.2布局
在布局这块封面海报经历了两个阶段,由于一开始海报需求比较单一,元素简单。所以采用的是里面元素布局交由自动布局,但是具体海报图片高度以及宽度是人工计算控制的。但是随着后面版本不断更新迭代,海报展示呈多样化发展,海报总体高度人工计算成本越来越高。
这也有来到了第二个阶段,摒弃了第一种方式,我们采用了对海报替身UI截屏的方式。该方式要求我们在对整个海报元素做搭建时必须完整支持高宽自适应。这样海报才能自己根据内容变化动态调整自身高度,也避去了第一种方式中人工计算高度的繁琐。
2.2.3高清二维码生成
上面三张封面新闻客户端海报示例中二维码是根据文章链接生成。二维码生成并不复杂,借助CIFilter再结合上面CoreGraphics即可完成,其中有一点需特别注意,二维码生成时需将其容错率调整至高级别,否则很容易出现所生成二维码无法识别的情况。此外如果二维码中心需嵌入图标,该图标尺寸不能过大,否则依旧无法识别。
3 应用成果
该海报生成技术已成熟落地,完成了对公司旗下20多个项目海报分享支持,大大提升了新闻传播力度。给广大用户提供了优质的海报分享服务。
4 总结与展望
本文针对海报生成提出了一种便捷高效的排版方式,实现了将复杂的人工计算转化为系统自动处理。为海报在客户端中的多形态使用提供了基础。让开发者只需要专注于海报内容以及样式调整上。
未来我们将继续针对图像生成做进一步的探索研究,尝试寻找更高效便捷的海报生成方式。
参考文献:
[1]黄晓辉.新闻海报在新闻报道中的运用.媒体实战,2022.2;上卷
[2]于洋,夏佳志,郑科,陈为,彭群生,基于视频序列的平面海报生成方法,计算机辅助设计与图形学学
报,2009.5;5期:21卷
新闻技联动态
- BIRTV2023 媒体大模型创新和应用技术交流会 邀请函 2023-07-26
- 【邀请函】中国新闻技联2023 年学术年会 2023-07-20
- 新融合与智安全高峰论坛隆重召开! 2023-04-20
- 首个全国性媒体AIGC研究机构在广西成立 2023-04-14
- 【邀请函】“数字中国”下的媒体新机遇 “王选奖”获奖案例分享会暨媒体融合创新发展研讨会 2023-03-23
- [邀请函]"中国新闻技联"市县融媒体分会2023年学术年会 2023-03-15
- 推动知识资源平台合规健康发展 共促数字版权规范化合理化 2023-03-06
- 成功举办中国新闻技术工作者联合会市县融媒体分会年会暨换届大会 2022-12-23
- 中国新闻技联新闻信息标准化分会 2022年年会成功召开 2022-12-01
- 《机器生产内容自动化分级》团体标准 正式发布实施 2022-12-01