写点什么

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

评论

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

Kotlin-+-协程-+-Retrofit-+-MVVM优雅的实现网络请求

android 程序员 移动开发

Kotlin协程实现原理概述

android 程序员 移动开发

Jetpack系列(一) — Navigation

android 程序员 移动开发

Jetpack系列——ViewModel

android 程序员 移动开发

Koltin28

android 程序员 移动开发

Linux上SSH免密登录

android 程序员 移动开发

Kotlin 协程使用手册

android 程序员 移动开发

Kotlin从头开始(一):lambda表达式和高阶函数 一

android 程序员 移动开发

LiveData+Retrofit 网络请求实战

android 程序员 移动开发

【Flutter 专题】16 图解 ListView 下拉刷新与上拉加载 (一)【flutter_refresh】

阿策小和尚

Flutter 小菜 0 基础学习 Flutter Android 小菜鸟 11月日更

MPAndroidChart 教程:修改视窗 Modifying the Viewport(九)

android 程序员 移动开发

MVPArms官方首发一键生成组件化,体验纯傻瓜式组件化开发

android 程序员 移动开发

JetPack现在都成了Android开发必备技能嘛?

android 程序员 移动开发

Koltin47

android 程序员 移动开发

Kotlin的自定义View,实现带弧形的进度条

android 程序员 移动开发

ListView 与 RecyclerView 你应该弄懂的都在这里了

android 程序员 移动开发

MyEclipse7

android 程序员 移动开发

mysql数据库安装图解

android 程序员 移动开发

JNI 与 NDK 入门(一)

android 程序员 移动开发

Kotlin Lambda巩固

android 程序员 移动开发

Meterial Design常见控件的使用(八):CardView

android 程序员 移动开发

MPAndroidChart绘制曲线图、柱状图总结

android 程序员 移动开发

Jetpack-在数据变化时如何优雅更新Views数据

android 程序员 移动开发

MVVM-架构与数据绑定库

android 程序员 移动开发

MySQL基础知识测试

android 程序员 移动开发

Native开发工具之CPU 和架构(三)

android 程序员 移动开发

JS Bridge实现

android 程序员 移动开发

Linux 的make及makefile文件格式

android 程序员 移动开发

MFlowLayout标签

android 程序员 移动开发

MVC、MVP、MVVM,我到底该怎么选

android 程序员 移动开发

Linux虚拟机与Windows宿主机间的通信

android 程序员 移动开发

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