热门标签 | HotTags
当前位置:  开发笔记 > 开放平台 > 正文

字体设计的细节和形式感分别是什么?又是如何表现的

字体设计的细节是什么意思?字体设计的形式感是什么意思?这两者又是如何表现的呢?下面就带大家去认识认识字体设计的细节与形式感,以及怎么才能让字体更具形式感呢?我们一起去看看吧!字习时

字体设计的细节是什么意思?字体设计的形式感是什么意思?这两者又是如何表现的呢?下面就带大家去认识认识字体设计的细节与形式感,以及怎么才能让字体更具形式感呢?我们一起去看看吧!

字习时间的活动到七十多期了,其中发现很多作品想法思路是正确的,有些还很有意思,但整体视觉效果确一般,那为什么所想和所做会有如此差距?

所以有了本期要和大家聊的主题:字体设计的细节和形式感。本篇将会通过一些实例带大家认识字体细节和形式感,所用大部分实例选自我课堂中的现场修改,时间短暂难免有瑕疵,望理解。

本期分享目录:

一、字体设计的细节

01.结构细节

02.笔画细节

二、字体设计的形式感

01.变形

02.图形化

03.组合多样化

一、字体设计的细节

首先我们百科一下细节是什么:‘细节是一种能影响全局的细微的易被忽略的物件或行为’。看到没,一句话就解释了为什么做字的时候想法很炫酷,现实很残酷!很多时候细节处理决定了一个字的性格和质感,而这些却被你无情略过了...所以莫再粗暴对待你的字体了,用心呵护很有必要!

下面我把细节具体到结构细节和笔画细节两个部分,分别说一下那些最容易被你忽视的细节。

知道了细节的重要性很多同学迫不及待的在抠细节了,这又是一个极端。先明白整体和细节间的关系很有必要,只注重局部细节忽略整体协调性,这样肯定也不好!

上图的一句话可以让你理清整体和细节之间的关系。我会被经常问到字体的笔画粗细多少才合适?或是转角曲度设置大写好还是要小一点?等等类似的问题,其实造字本没有固定的数值,而需要协调各种关系,懂得取舍,或许字体设计奇妙的地方就在于此。

字体就是特殊的图形,只不过是有的图形线条比较多有的则很少,如何规划这些线条让其出现在合适的位置上,这是我们要做的工作。有的同学刻意去制造一些夸张的变化,忽略基本的结构美感,就以为是nb的字体设计,我觉得是一个很大的认识误区。

就好像我们写钢笔字,同样是洋洋洒洒,有人写的像是一堆杂草野蛮生长,有人写的是行云流水看着就美。同样都是手写差距在哪?答案是:结构。

01.过密过疏,不均匀

话是很好理解,可就有很多同学反复犯同样的错误。疏密指的是笔画分布的位置造成结构空间的多少,过疏易造成结构零散不紧实,过密就会让字体看起来水泄不通不透气,所以要控制笔画间的位置,做好字体的空间分配。

要注意的是均匀≠平均。

不难看出部分笔画就快要重叠了,中间一线之隔,并不是说这组字笔画过多不得已而为之。比如‘果’字中间部分笔画间距过小,空间被压缩成了一条线,下面很显然还有充裕的空间可以支配;中间笔画过长,造成了外部空间的扩大。

针对这一问题调整部分笔画位置,使得结构空间区域均匀合理;另外把转角由之前的直角变为圆角,亲和力更足,‘语’字最后做了一个负空间的小图形整体看起来会多一些趣味。

一组字当中一定要保持笔画的粗细一致吗?上图左边最中间的笔画适当调细,目的是让内部封闭的负空间不至于太紧张;而右边三个竖笔粗细保持一致,放大看差距貌似不明显,看下面缩小后的效果是不是就一目了然了!所以在空间局促的情况下,可以适当的改变笔画的粗细,从而得到一个相对舒适的字形结构。

02.变化过激,不协调

前面我们反复提到了,结构不是你想改任性就能改。特别是一些刚刚接触字体设计的同学,不要一开始就大刀阔斧的对结构任性变化,只有做得多了对结构的认知和把控力足够再去尝试特殊的变化也不迟。

这组字是学员上课前的作品,每当看到这种字我就不太淡定了,实在找不出一个理由解释为毛要这样做!勉强找到一个鼓励学员的理由就是:你胆够大!

千万要注意,造字如盖楼,总归是有稳固的地基和结实的承重墙作为支撑。结构不是说不可以变化,总有一个度,就像房子装修可以打洞拆墙,但也得在安全的前提之下吧。

一个小方法。如果对于字体结构实在没有办法,可以直接“套用”字库字体的结构特征。图中是你电脑中也有的微软雅黑字体,以此为基础(可适当调整高矮胖瘦)可以直接依照微软雅黑的字形搭建基本结构框架,这样可以保证大的结构问题不会出现。

在大框架基础上做一些笔画外扩,增加字体张力;部分笔画做一些调整几个字简简单单就完成了。所以说不要总想着结构中做什么复杂的、轰轰烈烈的改变才算的上是设计过了,细微的变化也可以带来突出的效果。

03.字面字重,不统一

如果你做一组字盯着看时间长了极易忽略这个问题。几个字摆在那里就是一个整体,如果其中有的字比较大比较重,那这个字就会跳脱出来,破坏整体性。当然除非刻意为之,比如一些不重要的字,比如一组标题中带‘的’字,不想突出就可以缩小加以弱化。

什么左右结构、左中右、上中下...等等这些结构差异造成了字体有各种造型。所以很多情况下我们不能仅仅靠理论上的数值设定一组字的高矮胖瘦,而是要根据实际字体的结构特征,适当做大小上的变化。

在这组字中,“兰”字横笔居多视觉观感上是比较显宽,所以上组字适当减小“兰”字宽度,使其能够和其他字在一起愉快玩耍,不然看下面的字保持宽度理论一致,结构就是“兰”字偏宽,破坏了整体性。

去掉参考线再看,“兰”字是不是更显得霸道不合群。

这是结构中几个细节要和大家分享的,还有一些待日后再补充,下面我们进入第二个小部分笔画细节。

把笔画细节比喻成一个人的穿着妆容再合适不过,关乎一个人的品质品味。笔画的变化可以直接影响一个字性格,下图一个小例子。

左边是普通的字库字体,右边是字库字体基础上变形所得。最大的变化就在于细化的细节处理,原字库字笔画细节偏润滑,整体是比较偏传统;调整变化后,润滑的细节变得更简练直白,整个字也多了一分清新洒脱,这就是笔画的影响力。

想搞懂笔画和字体性格的微妙关系可以翻看我之前的文章《字体性格知多少》,下面咱还是只讲那些容易被你忽视的问题。

01.细节缺失

虽说现在设计界崇尚什么极简,娱乐圈宣扬什么素颜美女...那也不代表越少越好,素颜朝天那也得有资本不是,所以适当修饰很有必要。更重要的是笔画细节处理得当会让整个字个性突出,就像白水中加入甜的酸的、果味咖啡之类,不至于寡淡无味。

这组字只说笔画,等线的笔画从一而终,给人我的感觉不禁让我我怀疑学生在做这组字的时候中途离开,根本没做完!笔画完全没有细节修饰,让观着只是一扫而过,相互间完全没有一丝丝的情感流露。

同样的结构布局,只做笔画收笔的处理,你会发现大有不同。当然,这里选取部分笔画做调整,竖笔和部分横笔是没有做变化的,要掌握好度。

最后呈现的效果是多了一些“内容”,和字体本身的字义更加符合,有一些传统韵味,总之这样最起码能够吸引你多瞅两眼。

02.细节不统一

字体就是很难伺候,没细节说少细节,有细节说不统一,感觉心好累...就是这样,不然识字的都会做字体设计了。你肯定听过类似这样的前辈训导:‘一个页面当中不要出现三种以上的字体’,不无道理但这个也不是绝对,只能说越少越好控制。而字体设计中细节的处理要注意保持统一性,如果过多变化可能会显得热闹,更有可能是杂乱。

左边这组字横笔笔画起笔收笔都是直角,竖笔就换成了圆角,一方一圆差异可不小;转角同样直角和圆角并存,所以整个字看起来是不够明确,对于字义的表达还不够彻底。既然是喜剧那就要欢快一些亲和力更足一点,所以右边调整的笔画全部是以圆为基础进行变化。

最大的变化当然是整体性得到加强,之前是先看到细节在看到整体,现在调整后是先整体再细节。

03.笔画欠打磨

就像匠人一样,每个细节都要耐心打磨,字体设计中每个单个笔画的造型都要认真调节,特别是一些曲线笔画以及一些复杂的笔画。

本组字一些笔画的位置和变化是正确的,欠缺的就是笔画细节处理不够讲究,像是“柔”字那长长的一笔,怎么看都略显突然,本身字义和笔画都是比较偏女性化,应该是更轻柔的。

调整的部分主要是笔画的一些曲线更加柔和,过度更加自然;之前“柔”字长长的一笔断为两笔,并代替部分笔画形成一个心形,这样字体不仅柔和飘逸也更具识别性。

二、字体的形式感

形式感这个词看起来是比较高级,吓得我赶紧百度了一些官方说法,免得说跑偏。且看下面图片文字。

转换成更简单的话就是:‘好的字体设计走心’。字体设计不仅仅是表达字义这么简单,还肩负着情感的传递和表达,那么处理好最基本的结构字形只是解决了最基本的认知问题,情感的传递是需要形式感的帮助。

那么怎么才能让字体更具形式感呢?我简单总结了三个小方向,看看你的字体中是否具备这些特征呢?

01.字体变形

这是最直截了当的方式。就像汽车很常见,不觉得新鲜,但如果是会变形的汽车你就会觉得很酷,为什么?因为他与众不同,它不仅仅是个汽车。所以设计字体可以适当做变形,让他变得不一样,变得不仅仅是一行文字。

通常可以先从笔画变形入手。比如上图夏至两个字,如果是横平竖直的笔画那就会变得很普通,但把它换成英文中的哥特笔画特征就显得特别一些。

笔画的变形是一方面,在一个就是结构变形。前面讲结构细节也提到了其实不好掌控,所以前期的话可以简单做小范围局部的变化,不管如何要记住不能硬来,像是一些笔画变形后识别性都存在问题了,那这样的变形也就毫无意义。

02.图形化

可以把字体当做图形来处理,可以直接把笔画处理成图形,可以字体中图形替代笔画等等,但有几个注意点要和大家特别交代,下面通过我课堂中学生的三个作业分别说一下。

a.图形的概括性

选用图形不管是直接当做笔画还是配合在字体周围,要做到图形的概括性,避免过于繁杂写实。

b.图形的融合性

如果是字体和图形结合,要注意图形和笔画之间的风格要相匹配,除了风格匹配图形也要具有关联性,要和字体本意有直接或间接的关联。

c.图形的代表性

图形的选用并不是随随便便的,要具有一定的代表性,就好似说起大海就会想到游鱼,看到天空就会想到飞鸟。只有这样才不至于给观者出谜题,增加认知成本。

03.组合多样化

有时我们也可以通过改变组合方式添加辅助标题的形式,让作品看起来更有层次。特别是对于一些字体本身特点不够鲜明,个性不够突出时,尤为适用。

下面列举几个案例,横排、竖排、混排就不一一具体介绍了,直接看图。

写着写着发现关于形式感的话题还有不少可以深挖的,有时间可以单独摘出来再和大家细聊。

好了今天就叨叨到这吧!也许是许久没写东西的缘故,发现相较以前写的够慢的,其实不是不愿写,大多时候是不知道该聊点什么,总不可能硬聊吧!所以有什么问题欢迎留言哈~

教程结束,以上就是字体设计的细节和形式感分别是什么?又是如何表现的的全部内容,希望对你有所帮助!

相关教程推荐:





推荐阅读
  • Android中高级面试必知必会,积累总结
    本文介绍了Android中高级面试的必知必会内容,并总结了相关经验。文章指出,如今的Android市场对开发人员的要求更高,需要更专业的人才。同时,文章还给出了针对Android岗位的职责和要求,并提供了简历突出的建议。 ... [详细]
  • 本文介绍了Python高级网络编程及TCP/IP协议簇的OSI七层模型。首先简单介绍了七层模型的各层及其封装解封装过程。然后讨论了程序开发中涉及到的网络通信内容,主要包括TCP协议、UDP协议和IPV4协议。最后还介绍了socket编程、聊天socket实现、远程执行命令、上传文件、socketserver及其源码分析等相关内容。 ... [详细]
  • 生成式对抗网络模型综述摘要生成式对抗网络模型(GAN)是基于深度学习的一种强大的生成模型,可以应用于计算机视觉、自然语言处理、半监督学习等重要领域。生成式对抗网络 ... [详细]
  • 本文介绍了新款奇骏的两个让人上瘾的功能,分别是智能互联系统和BOSE音响。通过对新款奇骏的配置和功能进行评测,探讨了这两个新增功能的使用体验和优势。此外,还介绍了新款奇骏的其他配置和改进,如增加的座椅和驾驶辅助系统,以及内饰的舒适性提升。对于喜欢音响的消费者来说,BOSE音响的升级也是一个亮点。最后,文章提到了BOSE音响的数字还原能力,以及7座版无法配备BOSE音响的原因。 ... [详细]
  • 生成对抗式网络GAN及其衍生CGAN、DCGAN、WGAN、LSGAN、BEGAN介绍
    一、GAN原理介绍学习GAN的第一篇论文当然由是IanGoodfellow于2014年发表的GenerativeAdversarialNetworks(论文下载链接arxiv:[h ... [详细]
  • [译]技术公司十年经验的职场生涯回顾
    本文是一位在技术公司工作十年的职场人士对自己职业生涯的总结回顾。她的职业规划与众不同,令人深思又有趣。其中涉及到的内容有机器学习、创新创业以及引用了女性主义者在TED演讲中的部分讲义。文章表达了对职业生涯的愿望和希望,认为人类有能力不断改善自己。 ... [详细]
  • 本文介绍了一些好用的搜索引擎的替代品,包括网盘搜索工具、百度网盘搜索引擎等。同时还介绍了一些笑话大全、GIF笑话图片、动态图等资源的搜索引擎。此外,还推荐了一些迅雷快传搜索和360云盘资源搜索的网盘搜索引擎。 ... [详细]
  • 前端性能优化无损压缩webp格式的图片
    一、什么是webpWebP格式,谷歌开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的23,并能节省大量的服务器宽带资源和数据空 ... [详细]
  • 数字账号安全与数据资产问题的研究及解决方案
    本文研究了数字账号安全与数据资产问题,并提出了解决方案。近期,大量QQ账号被盗事件引起了广泛关注。欺诈者对数字账号的价值认识超过了账号主人,因此他们不断攻击和盗用账号。然而,平台和账号主人对账号安全问题的态度不正确,只有用户自身意识到问题的严重性并采取行动,才能推动平台优先解决这些问题。本文旨在提醒用户关注账号安全,并呼吁平台承担起更多的责任。令牌云团队对此进行了长期深入的研究,并提出了相应的解决方案。 ... [详细]
  • 众筹商城与传统商城的区别及php众筹网站的程序源码
    本文介绍了众筹商城与传统商城的区别,包括所售产品和玩法不同以及运营方式不同。同时还提到了php众筹网站的程序源码和方维众筹的安装和环境问题。 ... [详细]
  • 浏览器中的异常检测算法及其在深度学习中的应用
    本文介绍了在浏览器中进行异常检测的算法,包括统计学方法和机器学习方法,并探讨了异常检测在深度学习中的应用。异常检测在金融领域的信用卡欺诈、企业安全领域的非法入侵、IT运维中的设备维护时间点预测等方面具有广泛的应用。通过使用TensorFlow.js进行异常检测,可以实现对单变量和多变量异常的检测。统计学方法通过估计数据的分布概率来计算数据点的异常概率,而机器学习方法则通过训练数据来建立异常检测模型。 ... [详细]
  • 本文讨论了在手机移动端如何使用HTML5和JavaScript实现视频上传并压缩视频质量,或者降低手机摄像头拍摄质量的问题。作者指出HTML5和JavaScript无法直接压缩视频,只能通过将视频传送到服务器端由后端进行压缩。对于控制相机拍摄质量,只有使用JAVA编写Android客户端才能实现压缩。此外,作者还解释了在交作业时使用zip格式压缩包导致CSS文件和图片音乐丢失的原因,并提供了解决方法。最后,作者还介绍了一个用于处理图片的类,可以实现图片剪裁处理和生成缩略图的功能。 ... [详细]
  • 突破MIUI14限制,自定义胶囊图标、大图标样式,支持任意APP
    本文介绍了如何突破MIUI14的限制,实现自定义胶囊图标和大图标样式,并支持任意APP。需要一定的动手能力和主题设计师账号权限或者会主题pojie。详细步骤包括应用包名获取、素材制作和封包获取等。 ... [详细]
  • 一句话解决高并发的核心原则
    本文介绍了解决高并发的核心原则,即将用户访问请求尽量往前推,避免访问CDN、静态服务器、动态服务器、数据库和存储,从而实现高性能、高并发、高可扩展的网站架构。同时提到了Google的成功案例,以及适用于千万级别PV站和亿级PV网站的架构层次。 ... [详细]
  • 本文介绍了Redis中RDB文件和AOF文件的保存和还原机制。RDB文件用于保存和还原Redis服务器所有数据库中的键值对数据,SAVE命令和BGSAVE命令分别用于阻塞服务器和由子进程执行保存操作。同时执行SAVE命令和BGSAVE命令,以及同时执行两个BGSAVE命令都会产生竞争条件。服务器会保存所有用save选项设置的保存条件,当满足任意一个保存条件时,服务器会自动执行BGSAVE命令。此外,还介绍了RDB文件和AOF文件在操作方面的冲突以及同时执行大量磁盘写入操作的不良影响。 ... [详细]
author-avatar
kenvilen_106
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有