AICon 深圳站 Keynote 嘉宾官宣!共探AI价值转化的实践路径 了解详情
写点什么

5 种字体创造精彩视觉体验(二)

  • 2020-01-08
  • 本文字数:1332 字

    阅读完需:约 4 分钟

5种字体创造精彩视觉体验(二)

3、装饰性字体

设计师对于装饰性字体的认知各不相同。有的设计师会鄙视装饰性的字体,认为它们显得粗陋轻佻,但是也有不少设计师会欣赏这些字体所体现出来的创意和有趣的表现形式。在我看来,各种稀奇古怪的装饰性字体,如果使用得当,能够让网站增色不少。这些字体可以调和网站的风格,营造氛围,能够强化品牌的气质。当设计师挑选了合适的字体,结合贴合品牌的文案和风格之后,整个体验会达到协调甚至出彩的效果,下面就是几个值得参考的实例:



Hawk&Hen 是一个餐饮机构的网站的,略显复古的立体装饰性字体为网站奠定了古怪但是独特的风格。



经过定制的字体错落而怪异,非常符合 Squarespace’s Sleeping Tapes 阴森而黑暗的网站风格。



HeadOfffice 的网站所采用的这套字体同样俏皮而独特,在绝大多数场景下,这套字体都显得过于特立独行,但是在这个网站上,则正好烘托出网站充沛而富有激情的特征。



Maaemo 的首页所采用的这套字体带有明显的现代几何风,字体的细节带有早期西文字体的原始风貌,和网站的神秘气息相得益彰。


你可能已经注意到了,这些网站中,装饰性字体始终是和极简的风格相互搭配。这不是巧合。装饰性字体能带来独特而有趣的风格,在极简风格的网站上,用户会更加轻松地注意到这些字体的存在,信息才能更加有效地传递出去。假使这些字体在复杂多变的网站上,多个视觉焦点会分散这些装饰性字体应有的力量。

4、手绘字体

在很长的一段时间内,手绘字体都是网页设计中的重要组成部分。有的设计师会倾向于逐个字母单独设计,创造出独一无二的手绘字体效果,不过更多的时候,设计师会选取一款成套的手绘风格字体作为基础来设计。手绘字体通常能够让整个设计显得更加优雅,如果挑选得当的话。独一无二的手绘字体还能强化页面的原创性,看看下面的 Grain&Mortar 和 Femmefatale 两个网页,这些设计机构的首页本身所呈现出来的“艺术性”很大程度上源自于页面中独特的手绘字体。



手绘字体是品牌化设计强有力的工具。



不过,千万不要过度追求漂亮的效果而牺牲字体本身的可读性。为了防止潜在的视觉障碍,尽量不要将手绘字体置于复杂的图片背景之上,并且在辅助性的文本中,采用识别度更高的字体。

5、和其他元素叠加使用

通过将字体和其他的元素叠加到一起使用,创造出引人瞩目的视觉效果,是时下所流行的另外一种营造视觉奇观的策略。不过,在搭配其他元素的时候,一定要注意色彩、纹理和元素各方面的特征,确保字体本身的识别度。



你可以让文本和多种不同的元素组合起来。



也可以让文本横跨不同的区域。



本文转载自 Think 体验设计公众号。


原文链接:https://mp.weixin.qq.com/s/Dr_BTavU3A8Qm7aA1LOF7A


甚至可以打破排版规则,让文本和人物形象结合起来,让文本传递隐藏的意义。


但是无论怎么搭配,你都得让文本本身和其他的元素之间具备明显的对比度,让它足够易读。只有达到这样的要求,才能让整个体验足够顺畅,不至于出现使用障碍。


免责声明:部分文字及图片来源于网络,仅供学习、交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理。本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。


本文转载自 Think 体验设计公众号。


原文链接:https://mp.weixin.qq.com/s/Dr_BTavU3A8Qm7aA1LOF7A


2020-01-08 15:22686

评论

发布
暂无评论
发现更多内容

堪称完美!阿里架构师用60个实战案例讲明白了Spring Boot

Java架构追梦

Java 架构 面试 微服务 springboot

AWS云上安全最佳实践

雪雷

安全 AWS 云安全

区块链商城APP系统开发|区块链商城软件开发

系统开发

微服务架构太难了?那你可能还没掌握SpringBoot+SpringCloud+Docker+RabbitMQ

Java架构之路

Java 程序员 架构 面试 编程语言

模糊匹配、相似度查询怎么破?看PG亿级检索毫秒响应

PostgreSQLChina

数据库 postgresql 开源

养猫了!

小林coding

生活

波场链智能合约系统定制开发

iOS面试基础知识 (四)

iOSer

ios 面试 底层知识

2020中国 .NET开发者大会精彩回顾:葡萄城高性能表格技术解读

葡萄城技术团队

GCExcel 中国 .NET开发者大会 表格技术

腾讯T4架构师:刷3遍以下面试题,你也能从小公司成功跳到大厂

Java架构之路

Java 程序员 架构 面试 编程语言

为什么现代系统需要一个新的编程模型?

华为云开发者联盟

编程 模型 语言

提升awk技能的两个教程【译】

程序员架构进阶

Linux Shell awk

用了这个评估优化LiteOS镜像利器,我有点飘...

华为云开发者联盟

镜像 开发 环境配置

号称大厂面试官的克星,“神仙版”Java面试宝典,“真”吊打大厂面试官

Java架构之路

Java 程序员 架构 面试 编程语言

吊!设计模式全解:6大设计原则+23种设计模式+设计模式PK+设计模式混编

Java架构之路

Java 程序员 架构 面试 编程语言

数字货币交易所交易平台系统开发

差点跳起来了!全靠这份“Java核心知识笔记”我成功拿到美团offer

比伯

Java 程序员 架构 计算机 编写

一场由fork引发的超时,让我们重新探讨了Redis的抖动问题

华为云开发者联盟

redis fork 时延抖动

OTC场外交易系统开发软件定制

研发团队如何实现无缝协作?

万事ONES

研发管理 团队协作 研发效能 研发工具

dForce挖矿APP系统开发|dForce挖矿软件开发

系统开发

惊艳!阿里自爆用480页讲清楚了44种微服务架构设计模式

996小迁

程序员 面试 微服务 设计模式 架构设计

快递员出售用户信息被判刑:如何防止快递行业信息泄露

石头IT视角

震闻:2021年 微服务 即将被这个取代了!!

Java架构师迁哥

成为分布式系统架构师,都要学哪些东西?该怎么学?

四猿外

Java 程序员 分布式 分布式系统 架构师

编写令人愉悦的API接口(一)

Geek_42915f

Java 程序设计 API APi设计

我敢说这是全网最详细的基础讲解,附源码实例,没人学不明白

小Q

Java 学习 架构 面试 基础

软件测试之登录测试详解

测试人生路

软件测试

合约跟单系统开发软件定制

区块链矿机系统开发现成案例

学习笔记丨数据结构之二叉查找树

Liuchengz.

数据结构 C/C++ 数据结构与算法 高级数据结构

5种字体创造精彩视觉体验(二)_语言 & 开发_Think体验设计_InfoQ精选文章