写点什么

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:22533

评论

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

如何设置Activity背景颜色与ProgressBar进度条颜色

Changing Lin

12月日更

贝壳Flutter调试工具-FDB

贝壳大前端技术团队

flutter 调试工具 内存监控

【有奖征文】第一届 OceanBase 技术征文大赛来啦!

OceanBase 数据库

数据库 开源 征文大赛 oceanbase

搭建企业级实时数据融合平台难吗?Tapdata + ES + MongoDB 就能搞定

tapdata

四步做好Code Review

百度开发者中心

Code Review

打造全新批流融合:详解 Apache Flink 1.14.0 发布的 Pulsar Flink Connector

Apache Pulsar

Java 大数据 分布式 云原生 Apache Pulsar

云原生:Docker实战之容器命令解析(附视频教程)

息之

Docker 视频课 解析

Linux/CentOS/Ubuntu查看文件内容命令总结

入门小站

Linux

智慧社区服务平台搭建,智慧安防社区建设方案

电微13828808271

云原生:详解|容器核心技术解析

息之

Docker 镜像 技术优势

区块链IM社交系统开发,区块链即时通讯直播系统搭建

电微13828808271

WeTest小程序质量专项方案推出,小程序异常监控内测招募中

WeTest

如何更快上手使用 OceanBase 社区版?

OceanBase 数据库

数据库 直播 课程 OceanBase 开源

大规模 K8s 集群管理经验分享 · 上篇

尔达Erda

程序员 云原生 k8s K8s 多集群管理 经验分享、

架构实战营模块五作业

spark99

架构实战营

区块链应用食品溯源,为食品安全保驾护航

电微13828808271

《鱿鱼游戏》中的 AI 是绝对公平的吗?

澳鹏Appen

人工智能 人脸识别

云原生:详解|K8s核心对象技术

息之

k8s pod service Deployment

浪潮云说直播间-云溪数据库之ClickHouse原理解析今晚开讲

云计算,

云原生:详解|容器云平台应用解析

息之

容器安全 容器应用

高层与基层思考上的差异与解决办法

光环PMO社群

项目管理

秒过!度目智慧通行让常态化防疫更高效

百度开发者中心

人工智能

年末冲刺!坚持就是胜利,12月日更来啦~

InfoQ写作社区官方

12月日更 热门活动

社区知识库|常见问答 FAQ 集合第 1 期

Apache Pulsar

Java 开源 Apache Pulsar 代码人生 社区

使用 @Transactional 时常犯的N种错误

程序猿DD

spring Spring Boot 事务

[架构实战营] 模块五作业

张祥

架构实战营

【量化】股市技术分析利器之TA-Lib(二)

恒生LIGHT云社区

量化投资 量化

ZEGO 即构科技首发适配鸿蒙系统的 Express SDK 1.0 版本,并正式启动公测!(内附源码)

ZEGO即构

音视频 HarmonyOS 鸿蒙开发 即构科技

科技热点周刊|PHP 基金会成立、Rust 内讧、Amazon Linux 2022 预览版发布

青云技术社区

云计算

Istio 实践手册 | 迎接新一代微服务架构

xcbeyond

istio 服务网格 28天写作 12月日更 Istio 实践手册

官宣!yMatrix 完成A轮融资,打造超融合时序数据库!

YMatrix 超融合数据库

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