写点什么

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

评论

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

Linux系统-进程概念

可口也可樂

Linux 10月月更 Linux进程

鸿蒙开发实例 | 分布式涂鸦

TiAmo

华为 华为云 云开发 10月月更

在线问题反馈模块实战(十一)​:实现图片下载功能

bug菌

springboot 项目开发 10月月更

Linux系统-进程控制

可口也可樂

Linux 10月月更 Linux进程

DevOps|从特拉斯辞职风波到研发效能中的荒唐事

laofo

DevOps cicd 研发效能 持续交付 敏捷研发

数据湖(七):Iceberg概念及回顾什么是数据湖

Lansonli

数据湖 10月月更

HashMap源码分析(四)

知识浅谈

hashmap 10月月更

【LeetCode】下一个更大元素单调栈Java题解

Albert

算法 LeetCode 10月月更

网络入门(基础知识和网络整体的认识)

雪芙花

c c++ 10月月更

Photoshop软件应用项目(五)

张立梵

设计师 ps 10月月更

规划兼职工作

掘金安东尼

算法 10月月更

开源软件与开源协议的法律问题分析

Andy

开源 架构 调研

C++精通之路:设计模式(特殊类设计)

雪芙花

c c++ 10月月更

Docker常用命令小记

程序员欣宸

Docker 容器化 10月月更

牛客刷题系列之进阶版(组队竞赛,排序子序列,倒置字符串, 删除公共字符,修理牧场)

雪芙花

c c++ 10月月更

【web 开发基础】PHP 快速入门(6)-PHP 运算符之赋值运算符详解

迷彩

10月月更 web开发基础 PHP基础

【kafka原理】消费者提交已消费的偏移量

石臻臻的杂货铺

kafka Kafka实战 10月月更

在线问题反馈模块实战(十二)​:实现图片删除功能

bug菌

springboot 项目开发 10月月更

顺序表的(增删查改)实现

lovevivi

c 数据结构 10月月更

Ubuntu 设置中文语言环境

Yeats_Liao

ubuntu 后端 10月月更

0:数据库的产生-MySQL

Yeats_Liao

数据库 后端 10月月更

Kafka消费者JoinGroupRequest流程解析

石臻臻的杂货铺

kafka Kafka实战 10月月更

不错的项目管理系统厂商有哪些?

爱吃小舅的鱼

Linux系统-进程地址空间

可口也可樂

Linux 10月月更 Linux进程地址空间

Photoshop软件应用项目(四)

张立梵

设计师 ps 10月月更

极客时间运维进阶训练营第一周作业

9527

使用 SAP Business Application Studio 创建 Fiori Elements 应用显示 OData 服务的数据

汪子熙

云原生 Cloud SAP 10月月更 btp

“程”风破浪的开发者|一文GET钉钉连接平台

六月的雨在InfoQ

学习方法 钉钉宜搭 10月月更 “程”风破浪的开发者 钉钉连接平台

在线问题反馈模块实战(十)​:实现图片预览功能

bug菌

springboot 项目开发 10月月更

从源码分析MGR的新主选举算法

乌龟哥哥

10月月更

【微信小程序】带你进入小程序的世界

hacker707

微信小程序 10月月更

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