首页 » 数字杂志设计最佳实践

数字杂志设计最佳实践

在这里,Dialogue 的内部专家分享数字杂志设计建议和示例,以帮助您轻松有效地从页面到屏幕的转变。

在我们日益数字化的世界里,人们对杂志数字化的呼声很高。

有必要明确阐述一下“数

字杂志”的含义。它不仅仅是将印刷品重新制作成 PDF 或类似格式。

印刷杂志创造了一种独特的体验,并以 瑞典 whatsapp 数据 此为设计 数字杂志设计 理念——一系列不同长度的内容,经过精心混合和平衡,精心挑选的纸张和饰面形成多感官体验。而数字杂志同样复杂,不仅仅是一组以数字形式存储的故事供读者浏览。

数字杂志应寻求印刷品的吸引力,利用现有技术使其具有互动性、媒体丰富性、个性化(如果可能)、可衡量性和充分响应性。了解如何创建数字杂志。

当然,创建有效的数字杂志的一个重要部分是设计。Dialogue 的艺术总监 Rich Berry 和数字总监 Mark Ovens 在这里分享了他们数字杂志设计的最佳实践知识。

数字杂志设计:不要抛弃基本的设计原则

仅仅因为它在屏幕上而不是在页面上,并不 们现在约占在线用户的 意味着你所知道的关于良好设计的一切都会消失。人们仍然以类似的方式阅读和浏览页面,因此你的数字杂志绝对应该有标题、图片、说明文字和副标题。

首先,你需要记住你或你的客户的品牌。一致性会带来认可,并最终带来忠诚度,因此你的数字杂志设计需要反映这一点。

其次,不要害怕使用大图像。人类大脑处理图像的速度比处理文本快 60,000 倍,这使得大图像成为在嘈杂的数字环境中吸引读者注意力的绝佳方式。

然而数字化并不意味着你

应该放弃质量。在 Dialogue,我们 开曼群岛商业指南 精心制作具体而清晰的摄影简介,以确保我们获得所需的图像,无论格式如何,因为质量会让读者回头。

“在数字平台上使用低分辨率的照片是没问题的,因为在印刷版上这些照片占不了整页,”Rich 解释道。“在印刷版杂志上使用高质量的照片看起来很棒,但在数字平台上看起来会更好,因为人们已经习惯了看到糟糕的数码照片。我们当中有多少人的 Facebook 动态里全是不会拍照的人?我们已经习惯了看到这些低质量的图像,所以由专业人士拍摄的图像——构图和光线都正确——会让人们停下脚步。”

第三使用网格系统

这是印刷品中的常用术语,但同样适用于数字杂志布局。它是一种使用水平和垂直线显示内容的结构化方式,是一种吸引读者的视觉设计标准。

最后,不要害怕在数字杂志设计中使用多种字体,就像在印刷品中一样。无衬线字体在屏幕上表现更好,因为它们在视觉上不太复杂,而且大脑处理所需的时间也更少,这有助于扫描屏幕。无衬线字体当然应该用于数字杂志设计的正文。然而,衬线字体会在页面上引起读者的兴趣,就像印刷品一样,只要它们与页面上使用的任何其他字体相得益彰,它们就可以用作引人入胜且视觉上吸引人的设计的一部分。

数字杂志格式
数字杂志不应该仅仅是屏幕上的印刷版本:简单地在线复制和粘贴印刷文章是不够的。

数字杂志的优点之一是只需点击几下鼠标即可浏览出版物。交互式目录和图片缩略图等设计功能让读者更容易找到他们想要的内容。

这种互动性不仅具有实用性

还使其变得有趣,而且可以通过让观众参与测验、民意调查、嵌入式视频和动画来进一步推动互动性。互动内容有助于将转化率提高 40-50%,并提高可共享性,可共享性可提高 28%。

“数字杂志设计软件中内置了许多互动元素,如幻灯片、弹出功能等。”Rich 说道。“在我们使用的软件中,您可以创建 A 层和 B 层,其中 A 层是浮动的可滚动层,而 B 层是静 数字杂志设计 态背景。我们屏蔽了 B 层,这样您就会看到一张图片,文本会在 A 层上滚动并填满整个屏幕,而 B 层会变为另一张图片,因此当读者完成滚动时,就会显示一张新图片。

“例如,我们经常会有一篇很长的文章,这意味着用户需要滚动几天才能看到。相反,我们可能会将文章分成三个水平窗格,以一张大图片开始,滚动浏览文案,最后可能以一张大图片和一句引言结束。”

不过要提醒的是

“数字化并不意味着无限。虽然我确信大多数平台可以开发任何你想要的东西,但它们给你的工具是积木,就像乐高套件一样。你可以用你拥有的积木建造任何你想要的东西,但你可能需要为某些东西购买更多的乐高套件。”

一个很好的数字杂志设计示例是Bauer Media 的 Empire 应用程序。印刷版中的所有文章都可以通过该应用程序访问数字版,但还增加了上面提到的嵌入式视频和交互式动画。

此外,除了可以访问独家的图片库和视频外,还有内置搜索功能,读者可以在《帝国》内容档案中搜索自己喜欢的电影、演员或导演,还可以通过杂志应用程序轻松访问随附的播客,进一步加强与品牌的互动。

数字杂志设计的其他考虑因素

当然,在设计数字杂志布局时,您需要牢记一些技术注意事项。

数字杂志的一个关键设计方法是简洁,如果您正在考虑交互式内容,这一点尤其重要,您需要确保元素分散,以便读者不会意外选择他们不想要的内容。

网站可以展示展示广告和弹出窗口,而好的数字杂志设计应该利用空白空间,就像印刷品一样。这让读者真正专注于重要的内容。

关注内容至关重要。我们已经建议使用多种字体,但请确保字体大小具有响应性,以确保在各种屏幕尺寸(台式机、移动设备、平板电脑 – 以及后两者的垂直或水平模式)上都清晰易读。事实上,无论读者使用哪种设备,整个设计都应该具有响应性,以适应读者。

“需要考虑的设备、屏幕尺寸和浏览器数量非常多——BrowserStack 提供超过 2,000 种真实设备的测试——因此确保内容可访问至关重要,”马克解释道。

“确保杂志环境具有响应性,无论是在应用程序中还是基于 Web。编码需要灵活流畅,具有适当的断点、排版等,以适应所有屏幕尺寸。通常,数字杂志是为较小的屏幕设计的(使用移动优先设计原则),然后在较大的屏幕上测试设计和行为。对于基于 Web 的应用程序,托管要求是容纳潜在的流量和视图,确保有足够的带宽来管理任何流量激增,并确保所有资产都得到充分优化,同时利用缓存功能来降低成本。”

Rich 继续说道:“使用设备时

可以纵向或横向查看,而如果你正在看杂志设计,则需要双页布局,因此你有更多的机会将图片放大或让设备在页面上流动。对于文本,在页面上,你可以从左到右阅读,并且可以将文本放在列中,而在设备上,你不能有两列文本,因为你要求读者读到底部,然后一直滚动到顶部阅读第二列,因此在页面布局和结构方面受到很大限制。在 iPad 或 Android 平板电脑上工作非常方便,因为你可以灵活地利用这些空间,而在手机上,很难实现不仅仅是“图片、文本、图片、文本”的布局,因为它的限制太多了。”

数字杂志设计软件
在选择数字杂志软件时,有很多平台可供选择。Rich 分享了他对一些在我们的经验中真正脱颖而出的平台的看法:

• Pugpig – “他们有一个可爱的平台,使用简单,外观漂 数字杂志设计 亮,并且为多种设备提供了很好的分发选项。”

• Mag+ – “它是我最喜欢的软件之一,不一定是因为工作流程,而是因为它为设计师提供了灵活性。它不使用内容管理系统 (CMS),而是使用设计师喜欢使用的 InDesign – 我们使用它设计我们的印刷杂志,那么为什么不使用它来设计我们的数字杂志呢?”

• Edition Digital – “介于 CMS 和设计工具之间,因为它是在线使用的 Web 工具。它让您可以尝试 Web 开发的一些基本动画技术。”

最好的数字杂志出版平台?
“这是一个有趣的时刻,看看我们接下来会如何发展,”里奇沉思道。“它会像上面那样成为一个专业平台吗?还是翻页器最终会胜出,因为人们只想在屏幕上获得印刷体验,而不需要数字化体验?”

虽然数字杂志总是与其他数字平台争夺读者的注意力和参与度,而印刷产品则不必如此,但数字杂志的魅力在于它的流动性。设计师可以玩转互动元素和布局设计,并在读者中测试和衡量结果,以便调整数字杂志设计以最好地满足读者的需求。

为了做到正确,请记住基本的设计原则,添加增强功能以​​充分吸引读者,并且不要忘记针对格式进行设计,以真正获得正确的数字杂志体验。

滚动至顶部