HarmonyOS开发者限时福利来啦!最高10w+现金激励等你拿~ 了解详情
写点什么

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

评论

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

一线互联网大厂面经分享:阿里三面+头条四面,Java面试心得必备技能储备详解

Java 程序员 后端

【线程】,东软集团Java笔试题

Java 程序员 后端

【自我感悟&&致学弟学妹】大三上的感悟,linux学习教程

Java 程序员 后端

【金九银十冲刺】Java岗面试题核心每日知识点,kafka原理图

Java 程序员 后端

一个专科生和云计算的故事,java注解处理器工作原理及过程

Java 程序员 后端

一个项目了解 SpringBoot 集成 MyBatis(1),面试必备知识点

Java 程序员 后端

一招教你搞定微信小程序-登录+支付(后台Java,windows内核编程全套视频教程

Java 程序员 后端

一见面就脱裤子?这份Spring Cloud微服务笔记应对面试怎么这么骚?

Java 程序员 后端

【程序猿历程】2020年总结,java高级课程视频

Java 程序员 后端

【设计模式】适配器模式,手动实现一个简单的AOP框架

Java 程序员 后端

【阿里Java岗的魔鬼三面】狠心刷完这6份pdf,Java开发经验谈

Java 程序员 后端

一文彻底弄懂如何选择抽象类还是接口,java序列化和反序列化面试

Java 程序员 后端

一夜之间火爆GitHub的好文!!阿里资深架构师整理分享,疯狂膜拜

Java 程序员 后端

【牛客】从青铜到王者01,java基础入门第二版第二章答案

Java 程序员 后端

【设计模式】代理模式,java面试官常问的问题

Java 程序员 后端

一个即将从《蚂蚁金服》离职的Java工程师个人经历与总结

Java 程序员 后端

一线互联网大厂面经分享:阿里三面+头条四面(1),java基础入门第二版电子版

Java 程序员 后端

一篇文章带你快速理解JVM运行时数据区 、程序计数器详解 (手画详图

Java 程序员 后端

一篇文章!彻底弄透Java处理GMT-UTC日期时间,java百度天气接口api

Java 程序员 后端

一元稀疏多项式计算器 【 数据结构课设作业 】 带界面

Java 程序员 后端

一文看透Java高并发:Synchronized锁的性质、原理及其缺陷

Java 程序员 后端

一文带你吃透Spring Cloud相关微服务组件及Spring Cloud Config框架

Java 程序员 后端

一文带你理解Spring Cloud高并发微服务架构核心理念的五脏六腑

Java 程序员 后端

一文读懂 spring MVC 请求处理流程,java程序设计教程第三版

Java 程序员 后端

一口气说出 Redis 16 个常见使用场景,rxjava原理

Java 程序员 后端

一文参透:缓存一致性策略以及雪崩、穿透等问题,java系统架构设计详解

Java 程序员 后端

一个非常强大和友好的nginx基于lua-nginx-module(openresty)

Java 程序员 后端

一篇文章带你深入了解MySQL 索引相关,linux视频教程下载

Java 程序员 后端

一篇神文让你“一夜封神“Mycat 中间件 (最详细讲解),linux操作系统实用教程文东戈课后答案

Java 程序员 后端

【计算机网络】局域网原理与技术,一次哔哩哔哩面试经历

Java 程序员 后端

【设计模式】原型模式,java基础入门第二版第四章课后答案

Java 程序员 后端

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