小编教你网页设计中字体巧妙运用的方法。

对于设计师而言,在日常的平面和 UI设计中,给字体增加特效一直都是一件恼人的事情。客户提出的浮雕特效或者大阴影的需求,但是直接按照要求来设计可能会毁掉整个设计。更多时候,你需要的是一些相对优雅但是又足够吸引人的字体效果,让整个设计项目的走向更加合理。

字体特效非常多,有目的地选取合理的特效是让它们发挥效果的诀窍所在。好的字体排版是不需要辅助就能被识别的,否则这个设计是失败的。

值得一提的是,最好的字体特效往往是润物细无声的,近乎无形,但是对于整个设计在视觉和质感上都有所提升。

1. 有目的地运用阴影效果

无论你使用什么软件做设计,都不要使用默认的阴影效果,这个经验里面包含了太多血的教训。

正如前文所说,好的阴影特效有着较高的融入度,几乎是「隐形」的。在部署阴影特效的时候,不要为了创建而创建,而是要借助阴影来构建前景文字和背景之间的层次感,这种对比恰到好处即可。

这种「隐形」的阴影设计对于设计师而言通常是不难识别出来的,不过普通用户通常不会太注意到它们。这些柔和的阴影,功能只是用来营造对比。

相对较为硬朗的阴影,会给人以更加复古的感觉,在较粗的、笔触平整的字体背后使用这样的阴影效果会比较好。

2. 使用双重曝光效果

双重曝光效果在网页设计和平面设计当中是非常流行的设计技巧。在文本字体中使用双重曝光效果能够让它看起来复杂而有趣,尤其是在双重曝光的图片选取得比较精妙的时候,效果看起来会非常惊艳。

3. 描边特效

对于较粗的字体使用描边特效,往往能够让字体的轮廓更加清晰,也增加了整体复古的感觉。在上面的案例当中,设计师就借助霓虹色字体和描边特效创造出了独特的氛围。

网页设计中字体巧妙运用的方法

4. 使用多彩字体

多彩字体本身就包含有多样的色彩属性,甚至含有阴影、渐变、透明度甚至纹理。你可以使用多彩字体来让文本拥有远超传统字体的时髦值。

当大量的色彩共同来构成一套字体的时候,字体本身的视觉吸引力就已经达到极致了。现如今明亮大胆的字体是一种设计趋势,这样的配色本身并不会冒犯用户,因为用户正在越来越适应这样的设计。

当然,在色彩的搭配上需要协调且有目的性。

5. 适当地融入一些动效

从来都没有规定文本必须是静止的,在网页的文本中加入动效能够提升它的视觉吸引力。

不过,在为文本添加动效的时候,尤其要注意保持文本字体的可读性:

运动轨迹应该是有意识地设计的;

字母的运动不应该太快;

滚动或者自动播放的文本应该可以被停止;

无论屏幕大小,文本内容应该始终保持可读。

6. 模仿一些标志性的元素和特征

这两年的 Netflix 的热门美剧《怪奇物语》中,就模仿 80 年代经典的电影,融入了大量当时的元素,创造出让许多影迷共鸣的设计。

最典型的就是霓虹色的运用,充满 80 年代风情的 LOGO 成为了该剧最具识别度的元素。这种模仿的基础在于近年来 80 年代复古元素的疯狂流行,以及霓虹色等设计风格的回潮。

在模仿这些标志性的风格和元素的时候,度的把握很重要,恰到好处的模仿让人觉得亲切,而拙劣的复制则会显得很 Low。

网页设计中字体巧妙运用的方法

7. 引入图形

引入图形或者其他的多媒体元素,在文本中加入一些额外的东西,也是不错的手法。使用图形或者其他的元素来替代一个或者多个字母,这样的设计还是很抓人眼球的。

这种技法的诀窍在于,图形的外观要和字母的风格、形状相匹配。很明显,如果不这么做的话,会让内容难以阅读。

在上面的 Kasra Design 的网页当中,视频的触发按钮和图标很好地融合了起来。

8. 增加纹理

有些字体风格本身就显得复古、粗糙,设计师能够通过自定义增加纹理来强化这种感觉。纹理本身能够让文本更加突出一些,也能够强化文本的质感,营造出独特的氛围。

在上面的案例当中,设计师通过两种不同的方式来赋予文本以纹理:

通过切割出来的细节来赋予文本以纹理;

通过半透明的效果让字体透出背景,从而拥有纹理。

9. 创造自定义的文本字体

在进行品牌 LOGO 设计的时候,自定义的文本字体是最常见的元素之一。基于特定的字体来进行自定义设计,通过标志性的细节来营造令人难忘的视觉体验,是自定义字体的主要目标之一。

这并不是一件容易实现的事情,自定义文本字体不仅需要足够扎实的技术,而且需要在具体设计的时候,足够小心谨慎。在绝大多数时候,最好是要同专业的字体设计师合作,以达到最好的设计效果。

10. 让字体本身发挥效果

有的时候,最好的文本效果,就是不要加其他任何特效。在形状、大小和色彩具有足够对比度的情况下,文本元素和背景会自然地构成前后景的对比,自然分离。

缺少其他效果的加持,设计师需要精心地控制所有的辅助性的元素,确保所有的元素能够完美的协同工作。加粗字体,深浅对比,是比较合理的组合方式。

The University of Essex 这个网站就在较暗的背景上采用了加粗的白色字体,视觉上足够突出,也足够清晰。

文字特效的使用还需要特别注意设计趋势的存在,过于突出的特效可能会显得过犹不及,而趋势的流行周期也是设计师需要尤为注意的问题。微妙的设计总归是拥有更加持久生命力的。

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

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

(0)
创业小编创业小编管理团队
上一篇 2023年6月13日 22:49
下一篇 2023年6月13日 22:49

相关推荐

  • 电商网站设计如何进行视觉推导?

      为了避免电商网站设计项目因为风格方向的错误,而造成的反复修改,建议不妨先进行视觉推导。 一般来说,视觉推导需要从形式、排版、配色、布局这四个方面组成: 形式 一般建议像常规卖货的专题页设计那样,…

    2022年6月25日
    0120
  • 5000字干货!超全面的B端设计指南:消息通知。

    消息通知在我们设计的过程当中非常重要,因为它作为系统与用户之间沟通的桥梁,能够帮助我们提示用户:"目前的操作状态、系统的公告、用户之间的互动内容",而不同的消息内容,我们需要使用不同的消息通…

    2023年3月2日 SEO操作
    012
  • 网页设计技巧:留白应该怎样用才好看

    不少设计师对「留白」都会有种莫名的喜爱,尤其在极简主义风格为主流的今天,「留白」更是设计师奉为设计必备的要素。想要一个元素有足够的吸引力,往往就需要通过周围留白来衬托,而这样的设计所营造的用户体验也…

    2022年6月25日 建站资讯
    0128
  • 企业为何要设计好404页面 404页面设计有什麽用

    随着网站的不断发展,网站需要进行改版,部分页面或网站可能会在网站改版的过程进行调整或被重新定向,这个时候,往往不可避免地让部分内容不再那麽容易地被用户找到,这就就需要设计404页面。绝大多数用户都会害怕…

    2022年6月25日 建站资讯
    0123
  • 网站在建设时 文本该如何排版。

    对于网站来说,其最核心的部分无疑就是网站中的内容,也就是以文字呈现给用户并供其提取信息的文本。所以在设计网站的装饰、图片、图标、按钮等部分的同时,也一定不能忽视文本的排版设计问题。清晰的排版和合适的…

    2022年7月3日
    0118
  • 如何制作专业的企业网站

      问题:公司网站现在存在漏洞经常被攻击,正在考虑重建。但是比较困惑的是,目前的网站转化率,而且感觉对比同行的企业网站并不是很专业。那麽如何制作专业的企业网站呢? Inspirr Creation解答: 其实现在很…

    2022年6月25日
    0139
  • 进阶技巧!从4个角度教你打磨视觉设计细节。

    随着体验设计的持续发展,行业内各领域的体验设计质量都有了很大的提升,并且各个竞品之间的差距越来越小。而更高的界面细节设计质量不仅是各个大厂产品体验设计的追求,也是我们拉开竞品差距的关键一环。我们平时…

    2023年3月2日 SEO操作
    01
  • 为何要融入产品思维到页面设计当中?

    直白点说就是,页面设计不要出现些没有用户会用的功能、内容、元素等。页面设计虽然需要一些润色,但抖机灵过度是毁灭用户体验的杀手鐧。 在页面设计中融入产品的思维,简单来说就是用户站在用户的角度去发现问题,…

    2022年6月20日
    0140

联系我们

QQ:951076433

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