开始动手吧！构建布局
最初，我们考虑使用Ion 模板之一。但由于这个项目非常个性化，我意识到最好的选择是让它拥有自己的布局。
我的过程
对我来说，当我在笔记本上画出布局时，创建和可视化布局要容易得多。假设我制作低保真模型。
如您所见，它并不是很复杂。这实际上是一个简单的设计，但它可 塞浦路斯电话号码列表 以帮助我直观地了解如何排列页面上的不同元素。
还记得我们决定 The Beat 应该包含的内容列表吗？结果如下：
侧面固定菜单
侧面的固定菜单绝对是最费工夫的功能之一。
Ion 有多种功能，可让您轻松将元素固定到屏幕上。因此，我将布局细分，以适应我们对 The Beat 的需求，这样我就能够使用 Ion 本身提供的工具。
在 Ion 中，我们使用 12 列的网格。找到的制作侧边菜单的解决方案是使用 3 列作为菜单，并在其他 9 列中构建内容。
形式
这里没有什么神秘之处，我们 Ion 中的大多数创意人员都有表格。我们只是确保有一条消息确认订阅已发送，并在我们的 CRM 中为订阅者创建细分。
编辑注释空间
在本期介绍之后，我们收到了一封“封面信”，是 Rock Content 联合创始人 Vitor Peçanha 的几句话。
这是一个非常简单的布局。但为了让它在每一期中都更具吸引力和活力，我们定制了 Peçanha 的照片，使用不同的背景颜色，并在每一期之间交替显示。
布局不同的部分
当 The Beat 刚开始时，我们就知道当读者滚动页面时，他们会发现内容是多种多样的。所以我们决定最好的选择是改变布局。
交互性
我们谈论的是 Ion，Rock Content的一款有助于设计互动体验的工具。因此，我们当然不能忘记在新闻通讯中添加一些互动元素。
揭示
测验
动画
但并非一切都完美
回顾我们取得的成果，似乎《The Beat》的第一个版本一切顺利。毕竟，我们理想中的一切都实现了……
嗯，是的，我们成功实现了 80% 的功能......但是，还有另外 20%。
反应
在“本周名言”部分，内容团队希望让读者能够对内容做出反应，就像我们在 Facebook 或 LinkedIn 等平台上所做的那样。读者点击他们的反应后，会出现一个图表，显示他们互动最多的情绪。
不幸的是，在 The Beat 的第一个版本中，我们无法加入这一点。但为了继续保留一些互动元素，我们加入了情绪供人们点击，并且我们用一个有趣的 gif 代替了点击次数的图表。
最后一节的精彩瞬间
我们需要一些东西来标记读者已经读完了时事通讯。解决方案再次通过 GIF 实现。我们根据 Rock Content 的视觉标识创建了四个 GIF，它们散布在时事通讯的最后一页中。