最多使用两到三种字体系列

Collection of structured data for analysis and processing.
Post Reply
Dimaeiya333
Posts: 602
Joined: Sat Dec 21, 2024 3:37 am

最多使用两到三种字体系列

Post by Dimaeiya333 »

您使用的排版或字体怎么样?为视觉效果选择字体时,重要的是不要尝试做一些截然不同的事情。

读者希望看到熟悉的字体,例如 Arial、Helvetica 或 Roboto。单个网页上,广告和图片则更少。

您还应该考虑使用互补字体。您可以将“内向”和“外向”字体组合在一起以达到平衡。或者使用具有“强烈个性”的独特字体(显示字体),并将其与更中性和保守的字体搭配,例如 Frank chocolate 的这个示例。

弗兰克巧克力: Pinterest
什么是字体系列?字体系列简单地说就是一组由常用设计风格定义的 bc 数据 字体。例如,Roboto 是一个具有粗体、斜体或细体风格的系列。

您还会遇到衬线字体和无衬线字体。衬线字体是添加到字符上的一条小装饰线。最常见的衬线字体是 Times Roman。一种常见的无衬线字体或无衬线字体是 Helvetica。

衬线字体用于提高博客、文章或报纸等内容的可读性,通常在印刷品中使用,而不是在线使用。尽量不要在每行中使用超过 10 个单词。对于标题,请考虑使用较大尺寸的粗体无衬线字体。确保根据文本的优先级为其应用正确的强调(或大小和“粗细”)。

平面设计入门:4 个设计基本原则
最佳做法是不要直接在图片上添加文本,而是与你的网络团队合作在图片上叠加响应式文本。为什么?图片上的文本问题在于它在移动设备上显示得太小,难以阅读。

另一个考虑因素是本地化。由于文本是固定的,因此无法自动翻译。下图显示了通过 Google 翻译翻译成匈牙利语的网站。您会看到号召性用语不是 HTML - 相反,它们是包含文本的图像,这意味着文本无法翻译。

平面设计入门:4 个设计基本原则
如果您需要为社交媒体图片或博客图片添加文本,请确保有足够的颜色对比度。例如,下面显示的网站屏幕截图已使用两种背景颜色变化进行了分析。第二种对比度更好,使文本更清晰。添加更好背景颜色对比度的快速“技巧”是加深边框,就像这个例子一样。

平面设计入门:4 个设计基本原则
“请记住,图像与信息的组合以及措辞方式,甚至使用的字体,都可能决定您是否能成功吸引受众。”
-
在数字可访问性方面,请确保在设计中考虑客户旅程和各种接触点。图像的替代文本、链接文本和颜色对比等元素可以产生巨大的影响。

4. 构图
一旦您知道了图像的颜色、图像和字体,您就需要以最佳方式将它们组合在一起 - 这就是构图的作用所在。

你的目标应该是让设计尽可能简洁优雅。消除杂乱和视觉噪音有助于用户一次专注于一项任务。

当你删除了所有不必要的信息后,你应该确保你的内容——你的图像、按钮、颜色、形状和文本——的顺序清晰且合乎逻辑。
Post Reply