如何改进卡片设计?

平面设计 页面布局 批判 排版 信息图形 信息设计
2022-01-16 15:51:00

我是一名生物老师,也有兴趣让事情看起来不错。我正在做关于动物学的讲座,并决定在卡片中设置关键信息 - 这样学生就可以截取屏幕截图并使用它们进行修改。我尽了最大努力,但设计对我来说仍然很糟糕——尤其是下半部分。这是一个示例(也是演示文稿中的实际幻灯片): 在此处输入图像描述

可能是分组或字体选择的问题 - 我只是不明白出了什么问题以及如何解决它。您能提出一些改进建议吗?

3个回答

这是一个小项目,因此通过将每个元素包含在自己的单独框中来避免填充宝贵的空白。

相反,将设计分为 2 个部分,以便更好地分离顶部(总体概述)和底部(详细的“规格”)。例如,您可以将顶部保留为白色背景,而仅使用底部后面的淡黄色背景。

此外,通过将“规格”流入网格并添加一些相关图标(第一张图片),使底部更加直观。

如果您觉得这很困难或耗时,请为网格使用一些更简单的图标(第二张图片)。

否则,只需坚持纯文本,但使用中心轴进行列对齐:第一列右对齐,第二列左对齐(第三张图像)。不要在此表中添加线条或填充,只需将第一列加粗和/或在第一列和第二列之间使用不同的黑色阴影即可。

“CLASS”一词需要更小,意思是与“FEATURES”一词相同的字体大小(相同的字体和大小)。

避免对所有内容使用不同的字体样式。

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

这是一个基于意见的答案,这里没有对错。一般来说,我很喜欢它的基本风格。这是一种非常传统的教育机构方式。但是,在我看来,这里的主要问题是您列出以两行为中心的各种功能的方式。我不认为字体有什么问题。只是布局的可读性不是很好。考虑用逗号将每行放在一行,不居中,每行用更多空格分隔。

空白/分隔在布局中非常重要

这是一个粗略的例子

在此处输入图像描述

非常感谢大家的回复!

我发现很难将所有信息放在图标下,所以我最终按照 Lucian 的建议将第一列右对齐和第二列左对齐。使“CLASS”的大小与特征相同。还按照 Billy Kerr 的建议在一行中列出了这些功能,用逗号分隔,并使它们的字体更大一些。

现在好多了😄 在此处输入图像描述