在网页设计中,如何快速挑选出最合适的字体

时下最流行的网页设计方式,就是在页面顶部使用配有简洁文字的大幅图片或者视频,以此吸引用户进入网站。但是从样式繁多的字体库中找到一个合适的字体,并不是容易的事情。但是我们可以使用一些小技巧,帮助我们找到合适的字体。

※ 具备可读性

具备可读性

为了确保信息传递的有效性,网页上使用的特排字体需要有良好的可读性。

怎样才算良好的可读性?

使用足够大的字体,并有足够多的留白,同时和其他的设计元素形成鲜明的对比,这样文字就能跃然纸上。想象一下,如果这些文字蹦起来对用户尖叫到”READ ME”是怎样一种感觉,这正是特排字体需要传达出来的效果。

※ 字体和单词匹配

字体和单词匹配

有些单词在某种特定的字体下会显得特别难看,譬如’s’在一个单词里面出现多次,整个字形就不太好看;又例如一些特殊的字符,譬如%,$或&。又或者是你选用的字体中I,l,1看起来是一样的,而这三个字符有同时出现在页面上,那你就得换字体了。

※ 设计更灵活

设计更灵活

在设计的时候,如果你选择的字体可以使用不同的场景,那麽你就能轻松完成这一设计,并保持网页的一致性;当然如果你的设计需要更多的灵活性但又要兼顾一致性,那麽你可以考虑使用同一个字体组。主标题使用粗体,次一级使用细一点或其他颜色来区别。

※ 谨慎使用细体

谨慎使用细体

特排字体使用细体是否很难表现出所需效果?

举个例子:曾经有苹果的用户抱怨iOS7上的字体太细,以致于很多文字都难以阅读。苹果在接收到用户的这些抱怨後, 在後续的版本中就采用了粗一点的字体。

细小的字体有时候可以表现的很惊艳,也有设计师能把它设计的很漂亮,但是大部分情况下都不能展现出那麽好的效果,所以除非必要否则不要轻易使用细体。

※ 考虑下图片内容

考虑下图片内容

知道在什麽样的图片或视频上使用这些文字也是一个非常重要的环节。如果图片或视频的内容和後续设计传达的信息不一致,就算使用了世界上最美的字体也会显得很怪异。

利用对比度的原理,用颜色吸引用户将注意力放到你想描述的内容上;再使用粗体的特排字体,能非常有效的让用户关注到文字本身,这种方法适应从高亮顔色到极简黑白的任何配色方案。最重要的事情是你要选择一个非常迷人的字体!当然,如果你对你的文字设计很满意,不妨就用纯色背景来突显它们。

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/44376.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
InspirrInspirr订阅用户
上一篇 2022年6月25日 23:45
下一篇 2022年6月25日 23:45

相关推荐

  • 公司网页界面设计禁忌

    我们所看到绝大多数的优秀的介面设计专案,它们都是通过精心组织的层次结构来呈现内容与元素的。常见的是遵循 80/20 法则的,20%的内容常常能够拥有80%的重要性。这也使得介面的层次结构非常的重要! 介面当中不同…

    2022年6月25日
    0120
  • 实用简约设计原则。

    简约设计大行其道,简约设计的实战案例中挑选了一组优秀的作品,将它们层层剥开,提炼出几条简约设计的原则,简单实用易于理解。01. 抛弃图形极简主义并不意味着摒弃所有的图形插画元素,而是对于选择什么时候在哪…

    2023年2月14日
    01
  • 2021年要知道的6种网页设计趋势。

    企业或个人若想让自己的官方网站更加吸引人,就需要做好网页设计与制作,尽量给访客留下深刻印象。在设计网页时,要注意符合当前审美趋势。那么2021年网页设计趋势是什么呢? 1.注重移动端展现 移动营销是未来互联…

    2022年7月4日 建站资讯
    0140
  • 两点提升网站的反馈体验

    一、出错信息文字应简洁精准 避免空泛模糊,能够明确的告知用户具体的错误原因,是哪些输入,哪几个字有错误。常见的如敏感词汇的输入,以颜色不同显示给用户,加速改错速度。而不是要用户去摸索以及排查错误,毕竟…

    2022年6月16日
    0137
  • 网页设计鉴赏:服装公司如何靠网页设计提升消费者信心

    服装公司如何靠网页设计提升消费者信心?电子商务高速发展,越来越多消费者选择网上购物,「网店」亦因此成为服装行业的大生意。截止2017年,全球服装市场价值达3万亿美元,但要在线上市场闯出名堂并不那麽容易。 互…

    2022年6月25日 建站资讯
    0198
  • 两点实打实提升移动界面用户体验

      第一点:保证界面的加载和运行速度 绝对是扼杀用户体验的主因!尽量地减少让用户等待界面内容呈现的尴尬局面,是解决和提升用户体验的主要要求。比如让界面当中的多任务尽量在後台先跑,这样能够让前端的加…

    2022年6月25日
    0137
  • 浅谈新版Material Design动效两个特点

    Material Design的动效设计是属￿响应式的,自然的,新版的Material Design有以下两个特点: 速度方面 Material Design的动效元素移动或者在改变状态的时候,运动速度足够快,用户无须等待。出现频率高的转场动画,…

    2022年6月12日
    0149
  • 常见3种提升网页层次感的方式

    虚实 虚实之间的合理变化,模拟了用户肉眼看事物的真实情况。这样能够增强层次感,同时能够突出网页设计过程中意图要突出的核心内容和元素。这样的形式无疑能够无声的引导着用户的视觉浏览,更快捷的引导着他们看到…

    2022年6月25日
    0143

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息