重构 Meta 品牌主题:新图标、自定义主页以及 Blocks API 的首次亮相

新的 Meta 品牌主题在移动端对我来说留白过多。

  • 屏幕边缘与内容容器之间有 1 个单位的间距
  • 页面容器与实际内容之间有 2 个单位的间距

其他主题都没有屏幕边缘与内容容器之间的这个第一处间隙。

这使得内容在水平方向上显得有些“挤压”,可用空间非常有限。在“我的帖子”页面上与 Horizon 主题相比,这一点尤为明显:

Horizon 主题可以在不牺牲可读性的情况下展示更多内容。

我理解紫色“轮廓”背景的设计意图是为了在完整内容页面上体现主题的品牌元素,但我觉得在那些窄屏设备上,我们因此损失了过多的空间。

还有一些小批评:

左上角的图标并非完美的圆形,而是略微呈扁圆形。
image image

底部图标在垂直方向上略有拉伸:

分类/标签弹出窗口让文本区域略微溢出(不确定是否与这个主题有关):

。如果能将其覆盖住会更好。

2 个赞