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

开发者社区> 异步社区> 正文

《众妙之门——网页排版设计制胜秘诀》——第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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
mysql单表多timestamp的current_timestamp设置问题
一个表中出现多个timestamp并设置其中一个为current_timestamp的时候经常会遇到 1293 - Incorrect table definition; there can be only one TIMESTAMP column with CURRENT_TIMESTAMP i...
921 0
网页调试:myeclipse修改javascript代码后,执行没有变化呀
SSH做网页,有时候修改了javascript的代码,执行没有生效啊。最后用“IE浏览器自带的调试网页功能"发现还是javascript的问题。 1.查找问题的方法:   1.如果改了配置文件。执行的时候,一定要重启Tomcat服务器。
767 0
ubuntu安装mysql没有让我设置密码
ubuntu安装mysql没有让我设置密码终端输入: sudo cat /etc/mysql/debian.cnf 显示内容: Automatically generated for Debian scripts.
1538 0
css中如何设置字体
来自百度的回答: 建议使用font-family: "Microsoft YaHei";支持UTF-8和GB2312字符集。不生效的3种情况:1.当此属性定义的是全局样式时,对于表单类的标签就不会生效,还需要再次定义如:body {font-family: "Microsoft YaHei";}对表单input就不生效,还需要定义一个input {font-family: "Microsoft YaHei";}才可以。
615 0
+关注
异步社区
异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区,也是国内领先的IT专业图书社区,致力于优质学习内容的出版和分享,实现了纸书电子书的同步上架,于2015年8月上线运营。公众号【异步图书】,每日赠送异步新书。
12049
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载