首页 > 网页教程 > 设计分享 > 网页字体排版:这10种字体的运用方式值得参考!

网页字体排版:这10种字体的运用方式值得参考!

时间:2018-05-05    作者:陈木子   来源:优设网

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

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

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

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

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

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

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

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

2. 使用双重曝光效果

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

3. 描边特效

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

4. 使用多彩字体

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

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

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

5. 适当地融入一些动效

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

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

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

  • 字母的运动不应该太快;

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

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

相关推荐
UI设计字体与排版指南
WEB设计:8个字体设计和排版技巧分享
二十款网页图文混排设计样式欣赏
如何掌握网页广告字体设计的技巧
网站的旗帜(Banner)广告条字体设计简析
移动终端全新界面设计语言“Metro”简析
85个优秀的超大字体网页设计欣赏
30款超棒的Photoshop文字特效制作图文教程
30个超炫的Photoshop字体创意设计教程
24个很漂亮用CSS3实现的文本效果演示及教程推荐
10个基于HTML5技术的字体设计应用演示网站
20款漂亮的欧美风格免费创意卷曲字体欣赏(附下载)
网站设计中BANNER(广告条)中的字体结构分析
无线移动终端APP的文字阅读体验设计分享
20个视觉效果令人惊叹Photoshop文字特效教程
网页排版设计如何才能让页面文字阅读更舒适?
15个运用创意印刷字体的网站欣赏
38个创意出彩的网页字体设计案例赏析
再也不怕选字体了!超全面的英文字体小结
字体设计教程:字体还能这么玩 聊聊文字的“性取向”
界面设计必备:全方位科普常用的字体规范
PS字体教程:教你打造闪闪发光的钻石字效
网站策划:Web的英文字体该如何选择?
网站字体设计教程:29个纤细字体的网站排版设计案例推荐
PS字体教程:创建一个极具个性化的人物文字特效
网页设计教程:用合适字号提升用户体验
16个简单实用的英文字体排版小TIPS分享
UI设计:字体配色设计总结
零基础设计字体:教你巧用字库做出你的第一款字体设计!
网易频道页面的改版过程分享
网站导航设计、架构与信息的探讨
分享:创建高效优质的单页网站6个秘诀
网站频道改版如何避免误区及正确的流程经验分享
从网站可用性的角度深入分析苹果和微软官网设计的优劣

精彩推荐

热门教程