您需要AI互联网
顾问提供专业咨询
AI人工智能 · VR · AR · 智慧博物馆 · 智慧公园 · 景区 · 文创 · 动画 · 游戏 · 年度运营
大模型定制 · WEB3 · 元宇宙 · 区块链 · 高端网站建设 · 小程序 · APP · 微信 · H5 · 电商
专业网页设计中 网站字体使用准则(续)
2017.12.01

  随着建站技术的成熟和发展,网页设计越来越多元化,网页色彩变得更加鲜艳夺目,网站的字体也开始变得多元化,以往端正的字体无法满足人们的个性化需求,人们更喜欢有怪异的字体,以展现自己的个性。


专业网页设计中  网站字体使用准则(续)


  准则六:使用标准字体。

  当人们在熟悉的环境面前,会更加“如鱼得水”。同理,当浏览网页时,看到是的熟悉的字体,用户能够更加快速的 get 到自己想到的信息。


from clipboard


  另外,由于浏览器的“限制”,不是所有的字体都能与所有浏览器“兼容”,即有些能在 Google Chrome 中显示的字体,也许到了火狐上就会显示出错,这样容易影响到用户的阅读体验。

  准则七、字体的可读性。

  不管你选择哪种字体、使用哪种大小规格,“可读性”绝对是需要优先考虑的第一要素。“可读性”除了字体本身外,还需要考虑到访问设备的“兼容性”问题。

  如今,移动设备的流量甚至已经超过了 PC 端。用户可能通过手机、也可能平板等移动设备访问你的站点,所以这时候应该考虑到字体在不同设备的显示问题,即:在小屏设备中是否也同样具有“可读性”。


专业网页设计中  网站字体使用准则(续)


  准则八、都使用大写子母。

  这点也多存在于英文中,也还是涉及到了“可读性”的问题,虽然所有字母都采用大写确实挺好看的,但“可读性”却较小写字母降低了不少。

  如下图:


from clipboard


  所以,除了大标题外,尽量不要所有文字都采用大写字母,如果是正文中的小标题可以使用首字母大写便可。

  准则九、文本颜色的“对比度”。

  据 W2C 给出的建议:小字体的颜色与背景色的对比度至少应该为 4.5 : 1 ;而大字体(14pt、18pt +)的应达到 3 : 1.

  通过一张对比图感受下“对比度”在文本阅读中的重要性:


专业网页设计中  网站字体使用准则(续)


  注意:确定字体颜色之后,最好在各种设备上进行测试,如果能让用户参与评测自然是最好了,然后根据评测结果进行统一校正、修改。

  准则十、避免使用文字闪烁效果

  “文字闪烁”绝对是一个负面的存在,虽然吸睛,但容易引起用户的抵触情绪,让用户产生分心、厌恶的心理。如下图:

  如何使单调的文字生动化,让用户拥有轻松、愉悦的阅读体验是每个设计师应该考虑的问题,但是不管如何设计都不能离开用户,站在用户的立场上设计多元字体,这才是制胜之道。
400-6446-365 / 010-64928252 我想要个更针对我需求的方案
让决策变的简单
好的开始是成功的一半
请输入关键字