英文字体在网站建设中的运用技巧

首页> 缘震优势

缘震优势

2019-08-20 09:39:32

包容性设计是一个热门的话题，它拒绝少数服从多数，也不是让多数配合少数，而是保持对大众的广泛关注，创造出拥有足够包容性的好设计。从这个层面上来说，设计的可访问性必须做到足够好，尽量让大家都能轻松方便地享受设计的成果，良好的对比度，普适的交互模式，以及我们提的最多的正确的字体选取。

　　值得一提的是，不仅仅是公共机构的网站需要注意选取可访问性优异的字体，品牌和企业的网站中字体的选取同样需要精心挑选。但是，你如何确定哪些字体合适？这是否意味着要在设计上做妥协？

　　并不一定。今天我们来聊聊英文字体的选取的技巧，下面的12条技巧，应当能给你足够的帮助，帮你选取拥有足够包容性和可访问性的英文字体。（注意，这里讨论的是挑选尽可能让所有人都能清晰阅读的字体，寻找展示性、个性化、强形式感的功能性字体是另一个问题。）

　　1、尽量不要选择那些看起来就非常童趣的字体，完全没有这个必要。这是相当常见的错误，原因也很明显：挑选一款高包容性、可访问性好的字体的时候，它的平衡性和实用性同个性化同样重要。

　　2、有些字体设计风格会让特定的几个字母之间的识别度降低。最常见的就是数字 “8″ 和大写字母 “B”，大写的 “I (i)” 和小写字母 “l (L)” 之间的识别度问题。选择带有衬线的字体能够让小写字母“i”和大写字母 “I” 更好地被分辨出来，即便是在较小的屏幕上。如果字体中的小写字母 “a” 是双层结构则能很好的同小写字母 “o” 区分开。

　　3、如果你需要在标题或者头条的位置使用较少的文本，而字体大小在16pt 及以上的时候，那么使用笔画较为舒展、内外空间都比较大的非衬线体是相当不错的。

　　pt 也就是 Point ，而我们常说的 px 指的是像素 Pixel，两者有着明显的差异。pt 源自平面印刷领域，指的是1/72 英寸，是一个固定的长度，而px 指的是像素点，在iPhone 3GS 上 5px 的物理长度和 iPhone 6s 上 5px 的物理长度是不一样的，前者由于像素密度低从而导致5px 的物理长度更长。所以，px 是一个“相对长度”单位，而 pt 是一个“绝对长度”单位。

　　4、在选取网页字体的时候，尽量选取 X高度较大的字体。X高度覆盖的区域是阅读的主体，而上伸部和下降部则为每个字母提供了足够的识别度。上升部应该比大写字母稍微高一点。

　　X高度通常指的是小写字母的平均高度，之所以为称为x高度是应为通常拿字母x作为参考。诸如字母 “h” 和 “f” 超出X高度的部分被称为 Ascender，也就是上伸部。而字母 “p” 和 “g” 下方低于X高度的部位则被称为 Descender，即是下降部。

　　5、尽量挑选内部空间均衡、外部轮廓锐利、末端清晰的字体，当字体较小的时候，字母之间距离缩小靠近，空间会被模糊、填充，会影响识别度和可读性。

　　西文字体设计存在“External Counter”和“Internal Counter”的概念，通常称之为外部空间和内部空间。小写字母 “a” 和 “e” 的字母内部两个空白区域即为内部空间，如果某部分内部空间比较小，当字体尺寸较小的时候，会降低识别度。诸如字母 “r” 和 “n” 则需要注意它们外轮廓的细节锐利度和那些勾勒细节的外部空间，也就是竖线和弧线之间所夹的空间。如果外部空间较小，在字母间距较小的情况下”rn” 和 “m” 就很难分辨了。

　　6、数字的设计也应该有特色，尤其是数字 “0″ 应当同大写字母 “O” 有显著的差别，而数字 “6″ 和 “9″ 的末端开口应当足够舒展开阔。

　　7、字母的X高度和笔画宽度之间有一个最佳比例，为了达到最佳可读性，通常笔画宽度应该控制在X高度的17%~20%。

　　8、挑选小写字母 “t” 上面的一横相对长一些的字体，这样字母的识别度会更高。

　　9、大写字母 “Q” 底部的尾巴能增强字母的识别度，字体选取的时候应当注意这个细节。

　　10、字母之间的间距应当均匀而富有韵律感，这样能提升字母的可读性和识别度。间距太大太小都会让人感觉不适。

　　11、在黑色的背景下，将字体色彩设定为白色，输入一段文字，查看它们的显示效果。如果字母之间间距看起来比较小，字母的形状看起来像在“发光”，从而令字母仿佛比单独看更粗的话，那么你应当选取笔画更细的字体。

　　12、你应当挑选字重范围更广的字体族，这样当你在设定不同平台、不同屏幕尺寸、不同设备下的显示效果的时候，可以更加轻松自由地找到对的效果。

建好网站需要解决什么难题

建网站对企业来说非常容易，但建好网站却没那么容易。企业最希望的是与同行竞争时超越同行，网站大家都有建，但网站建得好对企业更有帮助。因为网站对客户有吸引力，容易使客户点击浏览，增加产品曝光率。知道的人越多对企业越有利，对销售产品更有帮助。有的企业建网站就像赶鸭子上架，选个模板第二天就上线。却没有考虑这个模板是否企业所需，对企业是否有帮助。实际上，要建好网站需要把一些问题解决了，接下来润壤建网站公司说说，建好网站需要解决什么难题！

建好网站需要解决什么难题

　　第一：确定网站类型与客户需求

　　企业在建网站之前最好能清楚确定网站类型与客户的需求，要明白网站面向的是更庞大的客户群而不是自己企业里的小团体。需要充分了解客户对网站的需求，目前的市场竞争以及企业本身的发展方向等做一个分析调查。接下来要做的就是对网站进行设计，根据分析结果把一些需求都搬到网站里。网站里要怎样的风格排版和功能效果，能给客户提供哪些实用信息，产品的展示设计等都是企业要考虑到的问题。客户群是什么年龄段的都有，把一些综合性的元素应用到网站里不失为一个好方法。

　　第二：突出产品特色

　　网站在设计风格的时候一定要把企业行业与产品特色表现出来，要的并不是一个平平淡淡的企业网站，而是一个主题明显的企业网站。一家企业有那么多类型的产品，不可能每一个都重点介绍，只有比较热销或新款的产品才会放在首页隆重介绍。因此在设计网站时先以产品为重点，并且在设计广告图与文字组织时要有视觉冲击。网站的框架布局要合理，文字与图片的展示需要放在适合的位置，切忌文字与图片的堆砌，展示太多的内容不利于客户浏览，只展示重要内容让客户能更容易获取。

　　第三：网页展示要统一

　　有的企业觉得每个栏目都不一样，需要有自己的特色，于是产品中心一个风格，企业简介一个风格，联系方式也一个方格，让客户浏览时能有足够的新鲜感。在建网站的时候重要的是有统一的网页展示，不管是首页还是内页。栏目有个性是可以让客户产生新鲜感，但容易与网站整体内容区分开来，浏览网页时没有产生联想，好像在不同的网站里。所以在建网站的时候要把元素应用在各个网页里，让不同的网页之间有联系是一个整体。可以设计统一的留白间距或者背景颜色来增加统一性。

　　网站里充分体现企业特色，产品特色并且内外风格统一，让客户印象深刻，这样的网站对企业更有帮助。企业建网站的时候首先就要把这几个难题解决好，想要比同行网站建得好比的就是特色。