《众妙之门——网页排版设计制胜秘诀》——第3章 设置网页字体的5 项原则和方法3.1 系统地进行网页版式设计

简介:

本节书摘来自异步社区《众妙之门——网页排版设计制胜秘诀》一书中的第3章,第3.1节,作者: 【德】Smashing Magazine 译者: 侯景艳 , 范辰 更多章节内容可以访问云栖社区“异步社区”公众号查看。

第3章 设置网页字体的5 项原则和方法

设置网页字体时,有一些基本的方法、指南和目的。总体来说,网页的版式应当具有可读性、易访问性、可用性和品牌特色。这四个方面相互作用,使网页设计达到与用户沟通和交互的目的。

为使网页富有表现力并给人留下深刻的印象,网页版式的设计有许多方法。让我们进一步看一些网页版式设计的原则、规则和方法—当你学习如何在网页上完成有效的字体设置时,可以把它们当作一个开端。

3.1 系统地进行网页版式设计

在网页设计中,每个版面上的元素都需要同时实现各种各样的目标。创建的每个标题都应当使用容易辨认的字体,应当容易被搜索引擎找到,还应当契合公司的品牌理念。此外,版式应当配合页面的图形风格,符合用户的期望,使他们能够方便地复制和粘贴文字。正如你所知,一个标题需要满足数个需求。

但在某些情况下,这可能会造成一个问题。例如,为了迎合某种风格或品牌特色,设计师需要使用某种特定的字体,但这种字体又不能在网页上直接使用。这时,你就需要做出决定:

  • 放弃品牌特色,使用容易被搜索引擎找到的字体;
  • 使用图像代替文本,在图像中嵌入需要的字体(静态或动态)。
    可以考虑使用sIFR,这是一种闪存式的动态字体植入技术,你不仅可以将各种各样的字体植入网页中,还几乎可以像处理普通文字那样处理它们。

如果想了解更多关于sIFR或其他字体替换工具或技术的信息,可以在本书中查看相关章节。


2db79faa63c40e1c76af1d49f4e999fbdddb995d

这有一篇介绍sIFR的文章,sIFR 2.0: Rich Accessible Typography for the Masses。

在许多情况下,网页版式所绑缚的许多目标将会彼此冲突。面对不同的客户和项目,你必须在目标之间进行权衡,对它们的重要性进行排序。一些客户可能更关心网页的版式是否有助于品牌识别,而另一些客户可能想让搜索引擎处于更高的位置。

不同的版式所能解决的问题各异,也有不同的目标,而一个网页不可能满足所有的需求。不管你将哪个目标排在最重要的位置,都必须仔细考量它为网页版式所带来的优点和缺点。

当你在工作中遇到问题时,可以看看别的网站是如何处理类似问题的,这是研究和学习的一部分。在Typography For Headlines(关于标题的版式)上,收集了100多个网页标题的链接和截屏,对每个标题的设计都以一种独特而有创意的方式进行了处理。

在网页设计中,选择标题的字体是很常见的设计步骤,但这并不代表字体选择就是标题设计的全部。还有许多其他方面需要我们用系统的设计方法进行研究。下面让我们看一看关于信息层级的内容。


684be6650778733a0643630fde5b66bcf8fa5eb9
相关文章
|
1月前
|
搜索推荐 vr&ar UED
网页作为信息获取和交流的重要平台,其排版与可读性直接影响用户体验和信息传达效果
在数字化时代,网页作为信息获取和交流的重要平台,其排版与可读性直接影响用户体验和信息传达效果。本文探讨了网页排版与可读性优化的重要性,包括提升用户体验、增强信息传达、树立专业形象和促进用户参与等方面,并提出了简洁明了、一致性、层级分明及适应性等排版原则,以及字体选择、字号设置、行间距调整等可读性优化方法。通过案例分析和未来趋势展望,强调了持续关注技术发展和用户需求变化的重要性。
35 4
|
1月前
|
编解码 前端开发 开发者
前端开发的必修课:如何让你的网页在不同设备上完美呈现?
【10月更文挑战第30天】随着互联网的普及,用户访问网页的设备种类繁多。前端开发者需确保网页在不同设备上完美呈现。本文介绍了一些最佳实践,包括使用响应式设计、相对单位、灵活的图片和视频、测试与优化及考虑交互设计,帮助实现跨设备兼容。
58 2
|
6月前
|
编解码 前端开发 JavaScript
带您一步步构建一个基本的动态新闻网站,包括页面布局、样式设计以及交互效果的实现
【6月更文挑战第14天】构建动态新闻网站实战项目,涉及页面布局、样式设计和交互实现。首页采用顶部导航栏、轮播图和新闻列表布局;新闻列表页按分类显示新闻,详情页展示完整内容并可添加相关推荐和评论。设计注重色彩搭配、字体选择和布局间距,实现轮播图效果、导航栏交互和响应式设计,提升用户体验。该项目有助于锻炼HTML和CSS技能,理解网页设计实际应用。
212 1
|
6月前
|
搜索推荐 语音技术 UED
网页可访问性设计的重要性、无障碍阅读的原则以及实现网页无障碍的具体方法
【6月更文挑战第14天】在数字化时代,网页可访问性设计至关重要,旨在确保所有用户,包括残障群体,能平等使用互联网。良好的可访问性符合法律法规要求,提升社会责任感,优化用户体验。无障碍阅读原则包括文本可读性、图像可感知性、音频视频可访问性和交互性设计。实现无障碍的方法有遵循WCAG标准、使用语义化HTML、支持辅助技术、进行无障碍测试及提供帮助。这不仅是技术挑战,更是设计者的社会责任。
128 0
|
存储 JSON JavaScript
一款好用的Markdown编辑器及使用过程中的坑
一款好用的Markdown编辑器及使用过程中的坑
536 0
一款好用的Markdown编辑器及使用过程中的坑