网页设计选择最佳字体的7个提示

没有办法量化网站设计者可用的所有字体选项。几乎每天都有一个新字体出现在我的收件箱中。但不是每一个这样的字体 - 无论多漂亮 - 都适合设计一个网站。当选择完美的字体时,您会考虑各种各样的内容,包括兼容性,加载时间和设计目的。今天,我们有七个技巧可以帮助您为您的设计项目选择和使用最好的网页设计字体。

1.从基础开始
使用网页字体就像任何其他印刷项目一样。它从基本面开始。还有其他类型的类别,但在网页设计方面,几乎每个项目都基于这些选项之一。 (无衬线字体是主要选择。)
  • 追踪和领导:文字周围的空间可以与字体一样重要。克宁是字母对之间的空间;而跟踪是群组角色之间的空间。领先是文本行(又称行高)之间的空间量。
  • 可读性:使用网络文本时,每行字符数可能很重要。考虑文本将出现的屏幕大小,并将其设计为易于阅读。
  • 连字:只是不要这样做。连字符在屏幕上弄乱了文字。
  • 对齐和对齐:最适用于大块文本,但考虑文本在屏幕上的对齐方式 - 左侧,右侧或中间 - 以及文本块是否具有不齐边或完全对齐。
  • 字体数量:与任何项目一样,不超过三个字体......除非您有一个非常好的理由。
  • 记住对比:如果文本和背景之间没有足够的对比度以便可读,则选择的字体无关紧要。有助于对比的元素包括大小,笔画重量,颜色和空间。


2.考虑兼容性

网页排版困难的一个原因是浏览器总是在变化并获取更新。您需要选择与桌面设备和移动设备上使用的现代网页界面兼容的字体。听起来很简单,对吧?它可能需要跨多个设备进行测试才能找到可以无缝工作的东西。


3.使用服务

谈到谷歌字体,许多设计师选择使用网络字体服务。这是一个好主意,可以使很多可能的技术问题容易克服。除了Google(可能是最受欢迎的选项)之外,还有其他各种选择。虽然Google字体是免费服务,但其他人的定价等级从免费选项级别到更昂贵的套装。这些服务中的每一个都有数千种类型的选项,并且相当易于使用。这些选项的好处在于它们可以提供一个扩展类型的库,而不必花费很多单独的字体。缺点是大多数字体只适用于在线使用,而不适用于印刷项目。


4.注意音调和信息

从类型开始。有时字体选择几乎只是事后才想到的;如果您首先确定类型选项,事情会更容易。然后思考文本如何与其他设计元素(如颜色和图像)一起玩。选择一种字体可以让你的大脑进入视觉超负荷状态,并有所有可用的选择。如果你知道你从一开始就在寻找什么,那么浏览所有的字体会更容易。确保您选择的字体与您正在进行的项目的语调和消息传递相匹配至关重要。这里有一些问题可以帮助你绘制出来:


  • 这个项目是正式还是休闲?
  • 文字应该大胆还是更常规?
  • 大字体还是小字体?
  • 它如何与颜色或图像配对?
  • 刻字的心情是否与正在阅读的文字相匹配?


5.查看建议
Google Fonts做得非常好的一件事就是允许用户查看字体组合并提出字体组合建议,字体配对可能很困难。对每一位设计师来说,这都不是一件好事。获得帮助是好的。只是警惕过度使用的字体组合;您看到的第一个选项可能是最常用的选项。记住你的字体配对的基本原则,并寻找心情,笔画和x高度相似的字母。考虑字母的形状和倾斜度,并选择具有相似轮廓的字体。混合和匹配类型样式并选择衬线和无衬线字符或无衬线和新颖字体是个不错的主意。


6.考虑加载时间
如果字体无法快速加载,请查找其他选项。用户对缓慢的网站没有耐心。无论字体有多棒,它都需要以接近闪电的速度加载才能生效。当选择一个字体测试它的速度。 (大多数类型的服务都会帮助你,包括谷歌。)然后考虑其他方法来将加载时间降到最低。

  • 使用有限数量的字体。
  • 对于每种字体,只选择您打算使用的样式。
  • 只选择您将用于特定字体的语言。
7.请选择

当涉及到避免受欢迎的字体时,Typewolf是一个很好的资源。该网站在各种类别中排名前10位最受欢迎的选项 - 衬线,无衬线,平板衬线,等宽线等。它还有一些有趣的列表,用于替代流行字体,如上面提到的那些字体。



相关资讯

广州高端网站建设分享—EPO品牌网站设计

  • 2017-07-20

【维仆品牌网络】专注高端网站设计定制,服务包含高端网... 查看详情

科技公司的网站建设为什么偏爱蓝色?

  • 2017-07-20

颜色使我们的生活更加有趣和充满情感。它们反映了我们... 查看详情

网页设计如何使用情感

  • 2017-07-20

网页设计如何使用情感?作为人类,我们喜欢认为我们是理性... 查看详情

三站合一响应式网站是什么?

  • 2017-07-20

建一个好的官网是何等重要,好的官网还必须满足用户随时... 查看详情

东莞网站设计公司的Glassmorphism设计风格

  • 2017-07-20

今天我们来看下东莞网站设计公司的Glassmorphism设计... 查看详情

深圳网站设计公司分享用户体验原则

  • 2017-07-20

在想做好网站设计之前我们需要了解用户体验设计是什么... 查看详情

重新设计网站需要多少费用

  • 2017-07-20

重新设计网站是一组更改特定网站的图形,技术和/或功能... 查看详情

简介大方的网页设计欣赏

  • 2017-07-20

过去几年网页设计发生了巨大变化。撇开响应式网页设计... 查看详情

家具网站设计赏析

  • 2017-07-20

这是一一个家具网站设计。网站在展示过程中主要采用了... 查看详情

深圳网站设计分享—DECISIVE品牌网站设计

  • 2017-07-20

维仆品牌网络自2007年成立至今一直专注品牌设计与品牌... 查看详情


分类

热门新闻

标签

热门标签: webhivers 维仆签约 深圳网站建设 深圳网站建设公司 网站建设公司 专业网站建设 深圳网站设计公司 东莞网站设计建设公司 网站制作公司 深圳网站制作公司 企业网站 产品展示型网站  seo优化 企业网站设计公司 

相关标签: 深圳网页设计 网页设计 网页设计公司 网页 中山网站设计建设公司 

联系
  • 地址:深圳市罗湖区中海慧智大厦1A座706
  • 热线:0755-8672-1169
  • 直线:137-2893-6255
  • Email: 2503595831@qq.com
  • 周一 - 周五:10:00 am - 7:30 pm
    周六 - 周日:休整
  • 服务城市: 深圳   广州   香港   成都   台湾   珠海   汕头    甘肃   中山   佛山   长沙    东莞
  • 深圳区域: 罗湖   福田   南山   盐田   宝安   龙岗   龙华   光明   大鹏   坂田   西乡   科技园