课程咨询 :0571-56020837 QQ:162157806

南昌达内UI名师

南昌UI培训 > 达内新闻 > 如何选取访问性高的网页英文字体
  • 如何选取访问性高的网页英文字体

    发布:南昌UI培训      来源:优设网      时间:2016-03-28


  •     南昌达内UI培训专家聊一下选取英文字体的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、你应当挑选字重范围更广的字体族,这样当你在设定不同平台、不同屏幕尺寸、不同设备下的显示效果的时候,可以更加轻松自由地找到对的效果。





    原文链接:http://www.webdesignerdepot.com/2016/03/how-to-choose-an-accessible-typeface/
    原文作者:Stuart de Rozario
    优设译文:http://www.uisdc.com/choose-an-accessible-typeface
    优设作者:@陈子木
    推荐文章

上一篇:达内:响应式网页图片库的九个注意事项

下一篇:网页导航的设计方法及最佳实践

最新开班日期  |  更多

UI设计培训免费训练营

UI设计培训免费训练营

开班日期:每周一

UI设计培训高级班

UI设计培训高级班

开班日期:每周一

UI设计培训全日制班

UI设计培训全日制班

开班日期:每周一

UI设计培训周末班

UI设计培训周末班

开班日期:每周一

  • 地址:南昌市北京西路156号洪城大厦10楼
  • 课程培训电话:0571-56020837 QQ:162157806     全国服务监督电话:400-827-0010
  • 服务邮箱 ts@tedu.com.cn
  • 2001-2016 达内国际公司(TARENA INTERNATIONAL,INC.) 版权所有 京ICP证08000853号-56