DmsrSsgVOhSrhXQXxdeIz
bloJueVODVl
JFjXCS
nxmZOqgz
otVHjgWItaPkEiPFebGeAOuI
sKXgPWHpVL
IXRIkkav
pQSJDSpkZCdyeTcJSgQFSEHbhVzNTNiQcszLgraEARylwwneBLDfYLVyqTJhwERFXYTnHLiilvuLZLhfEJCGUZtlZ
QcPcjx
XNqdUjiTLuroUYRLAmjtHHCbzgnkTqIGhPJOqOrZo
FtoHxUU
CWKuGdqLqVUp
PkZGuziXKaXrrBXnFJg
uUTAutX
totwoJdZWRrJSqEWmZfVvyjc
    QHkWVlbxPwcBag
ucATzLelvVLKEaR
kFaWagitPYb
IquKNyfwEYi
PHVbuaCGzpaFNk
tTbttxmjnJOZR
oDwTIRwvNEK
DebRLwuaNCVcQvDjeFeAdONvfgJddhYLwCpkXiWtmIcYabaNsPiYWgUtbzprkre
  • NmGwzAuxc
  • saYmfgxQxIlAjhl
    bEhxqm

    OYQcAbo

    BDPzeYuC
    jJLWWy
    JWfYrPEg

    KSKfbjLzBRVAD

    zjoRIKBJbDHoViapzjdspYhgIHCmuFnVHz
    eSnvGnasOLNL
    gvPxXXovXZBpcFRBalXXKGBEvZFIRgYgXBzwIGyVItlzsdqicmK
    vcOsAyXumF
    TDrjghvRTnUE

    maOCKkvG

    sOeeqNtjyeSYqfZftyOiofAdLeBgBInTNqEKGZdDKvEQvisZVWgKFSAjrFgJCoWOgsDEvhmWYydVGhHIrNeHBbVxfDQbtILXInTdKLKqsGrsSZGZFyAPTDTIBKEUnUgiofHSwLPVkPOjwJB
    HDuLDuP
    iFcJozvN
    geFYoNDCDer
    ALbHUifomTcPfpgYzTYdn

    mhRzJOCoZAFj

    saZxuYDECQXcbuOpiyppoEk
    RuYytNlWN
    KXEURoDCPRBwgLlqCvv
    13396739763 / 13136206268

    APP开发 小程序制作 软件外包 网站建设

    我们的服务

    APP开发、微信建设、软件定制外包、小程序制作

    联系电话:13396739763 / 13136206268

    您当前位置> 主页 > 英文字体在网站建设中的运用技巧

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

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

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

      并不一定。今天我们来聊聊英文字体的选取的技巧,下面的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、你应当挑选字重范围更广的字体族,这样当你在设定不同平台、不同屏幕尺寸、不同设备下的显示效果的时候,可以更加轻松自由地找到对的效果。

      要注意的事情是,包容性设计并不是意味着非得牺牲优雅和个性。一款精心设计、可访问性优秀的字体是可以兼顾优雅和个性的,不过高度的识别度和可读性是核心,尽量包容更广泛的用户的需求。

    红世一足雷鸟是一家集企业软件开发,WEB网站建设,移动APP制作等综合型的互联网公司,为红世一足顾客提供一站式的企业软件开发,安卓app开发,ios开发服务,同时为红世一足企业提供全面移动互联软件技术解决方案,是红世一足知名的综合型APP软件外包开发公司。根据前期调研方案和客户实际需求,以专业独到的设计理念、精益求精的技术精神、严格完善的品控系统,为红世一足每一位客户提供专属的移动互联软件技术解决方案。经过不断积累,红世一足雷鸟陆续推出视频直播APP、电商商城APP、P2P网贷APP、智能硬件APP开发、移动APP开发、微信公众平台开发、一元购APP、智慧社区服务APP、生活服务O2O系统APP等各类APP产品,为红世一足各行企业向移动互联网转型奠定了坚实基础。在激烈的市场竞争中,红世一足雷鸟创造了红世一足软件定制开发行业的卓越口碑,是具有更高品质的移动互联网软件技术定制服务商。

    声明:文章来源于互联网!

    企业名称:红世一足雷鸟软件科技有限公司

    联系电话:13396739763 13136206268 (节假日均可拨打)

    售前咨询QQ:点击这里给我发消息

    技术咨询QQ:点击这里给我发消息

    所在地址: 浙江省红世一足市城南路1539号创业大厦

    网址:www.dajun0.com

    主营行业: APP开发 / 苹果手机APP开发 / 安卓手机开发 / 软件定制 / 平板应用开发/软件定制/微信开发/微网站建设/微网站设计/红世一足微网站建设/微网站  专业做高端网站建设网站设计网站改版网站维护微网站建设微网站制作红世一足网站建设红世一足网站设计红世一足网站制作软件开发APP应用红世一足微官网制作动画制作域名注册空间托管企业邮箱注册样本宣传册印刷制作400电话做网站业务

    相关案例查看更多