热门标签 | HotTags
当前位置:  开发笔记 > 程序员 > 正文

怎么增加字体设计感

在每天上下班搭乘的电梯里,我发现有些海报中的字体设计确实还有提升空间,因此就萌生了修改的想法,这次,我收集了四例进行了修改&

在每天上下班搭乘的电梯里,我发现有些海报中的字体设计确实还有提升空间,因此就萌生了修改的想法,这次,我收集了四例进行了修改,过了一把修改瘾,这里给大家简单分享一下我的修改思路,希望能帮到大家。

嗯,接下来,看我的!

 

原字体的结构处理还是有一些问题,我们以“博”字为例,上紧下松,重心略高,这样的感觉是不够美观、耐看的。如下图中;修改前的红色圆圈大小悬殊,修改后的红色圆圈相对均衡,反应到笔画上可以这样理解,笔画间距适中,负空间合理,字体结构相对稳定。
修改前;黄色圆圈的笔画过高,这样会导致字体重心左高右低,修改后;我们将黄色圆圈的笔画下调,这样看起来会更平衡一些。修改前;黄色线条的笔画略显琐碎,这里我做了一个连笔处理,让笔画变得更整体更有设计感,同时也解决了下半部分空的问题,一举两得。

 

我们在来看一下细节的部分,一些刚接触字体设计的同学不太注意细节的处理,所以作品很难经得起推敲,如下图中;原字体中的笔画倾斜角度各不相同,看起来一点都不够乖巧、稳重,我们通过倾斜角度的统一处理,这个时候顺眼多了,乖巧、稳重,这不就你们想要的男朋友嘛!同时,绞丝旁的结构斜横,我处理成了斜竖横,这样会让字体看起来更稳定更饱满。

我们在做字的过程中,去给笔画添加一些特征让字体变更有特点,这是没问题的,但是这一切都要建立在一个整体的情况下去变化的,如何变化还要根据整体的气质做全局考虑,而不是随意变。如下图中;圈住的三处笔画的变形,三个笔画三种变形,这大概是隔壁老王家的笔画吧,总感觉有些格格不入,也破坏了整体气质,高富帅直接变屌丝,我们给它进行一个统一处理。

前面提到的几点问题是比较明显的,其它的字也是同样的问题,可根据同样的方法去调整,最后我们可以整体去观察,在进行局部的调整,一直到满意为止。

# 终稿对比

#字面大小的统一

原字体的字面大小的比例有些失衡,不难发现字体越到后面就显得越小,如下图中;我们拿“海”字和“电”字做一个对比,看起来是极不协调的。

#间距的统一原字体中的字体间距也是挨的过近,而且间距大小也不统一。字体内部断笔的处理上也出现了一些问题,如下图中;红色圆圈的地方,笔画之间过于套近乎,当字体缩小的后果就是笔画很容易粘在一起。

#重心的统一

重心的高低错落会让整组字看起来有点飘,如下图中;“空”字相对于“尔”字明显要矮了一大截。


#笔画特点的统一原字体中的一小部分竖线收笔的地方加了圆角,但是加的不够彻底,这样会导致整体性很弱,反而会出现适得其反的效果,所以我们把竖线的笔画收笔的地方统一加了圆角。下图中;红色圆圈的笔画我进行了简化处理,这样会让“海”字变的更饱满,负空间更均衡。下图中;黄色圆圈地方的断笔处理和笔画突出处理显的有点琐碎,所以我选择去掉。

 

#笔画角度的统一

笔画角度的统一总能给我们带来一些秩序感。

其它的字可根据同样的方法进行整体调整,我们来看一下前后对比效果。

有很多刚刚接触字体设计的小伙伴,经常会有这样的疑问,就是字体设计是不是都是通过字库改造出来的,我认为如果是这样理解的话,那就是大错特错了,初学者去改造字库,如果改造的不够巧妙不够大胆,就很难摆脱原字的束缚,永远活在原字库的阴影之下,所以我的建议是一笔一画重新设计,要用自己的想法去重新创作新的设计感,只有这样,才能有自己的特点。能看的出来原作者想要做花体字,要有一点海浪的赶脚,这一类字体首先得保证线条的流畅度,这个时候钢笔工具一定得玩的6。

 

字体连接的问题,字体连接是我们日常造字比较常用的手法,在做字之前我们需要思考,这样的命题到底适不适合做连接,这样的字型特征到底适不适合做连接,如果要连必须要“一连到底、果断干脆”,原作品连到一半就放弃了,这样就不够整体了,鉴于本组命题比较长,如果都做连接会影响识别问题,所以我取消了字体连接,有时候不连也是一种整体。

关于排版的问题,原字体的字间距过近,显得没有透气感,考虑到标题过长,我选择了分两行去排,这样会更直观一些,而且原字体的字体错位处理显得比较乱。

卷线需要贯穿整体才能“浪”的起来,原作品中,只有“照”字是有卷线的,后面的一串字赶脚跟不是亲生的似的,要浪!大家一起浪,才能浪的开心。下图中,我在红圈的四个地方统一加了卷线。

 


#前后对比

通过观察笔画末端的尖角处理和字体角度的旋转,不难发现原作者是想表达“活力”的感觉,这种处理方法是没有问题的,但是处理不当会容易适得其反。

 

原作品只是在笔画末端尖角的地方开刀,未免显得有些生硬了,而且尖角角度的不统一,会显的过于凌乱了些。

 

我们把瓶盖和英文去掉问题暴露的更明显,字和字之间没有呼应,下图中红圈的位置很空会让整组字显的过于琐碎。

这里我整体采用了手写的感觉,横笔统一做了一个向上倾斜,为了让字体变得更有活力,字和字之间多一些穿插,正好可以解决负空间不均衡的问题。(改完发现和原字体的区别有些大,我尽力了)

为了让字体更有张力,我把部分笔画做了夸张处理(如下图红圈的位置),原作品中“鲜”字的最后一笔的末端加了切割的效果,我觉得切在这个位置没有发挥出该有的效果,我把切割加在了下图黄圈的位置会更突出一些。

啤酒盖压在了字体后面,影响识别度,而且不美观,这里把它放到最前面,缩小一点,不要抢了字体的风头,英文的部分有点分散,需要整合一下,放在左下角比较空缺的位置。

在此类设计中,我们用到了“钢笔造字法”这种方法是比较便捷、灵活的,我们可以愉快的“玩”起来,但是在“玩”的过程中需要掌握一个“度”,“玩”大了就会出现识别性的问题,“玩”小了还不如不玩,我们再来看一下前后对比。

OK,这一个也终于写完了,虽然只有4个案例,但其中也是包含了很多知识点和干货了,但愿大家可以慢慢品,慢慢学习哈,最后,四个案例进行合体,来一波图片总结!

嗯,到这里就结束了,明天坐电梯的时候,记得多看几眼广告哦!再见各位!

 

文章出自刘兵克工作室作品作者:李买买


推荐阅读
  • 在Android开发中,使用Picasso库可以实现对网络图片的等比例缩放。本文介绍了使用Picasso库进行图片缩放的方法,并提供了具体的代码实现。通过获取图片的宽高,计算目标宽度和高度,并创建新图实现等比例缩放。 ... [详细]
  • 本文介绍了在开发Android新闻App时,搭建本地服务器的步骤。通过使用XAMPP软件,可以一键式搭建起开发环境,包括Apache、MySQL、PHP、PERL。在本地服务器上新建数据库和表,并设置相应的属性。最后,给出了创建new表的SQL语句。这个教程适合初学者参考。 ... [详细]
  • CSS3选择器的使用方法详解,提高Web开发效率和精准度
    本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
  • 本文介绍了Java工具类库Hutool,该工具包封装了对文件、流、加密解密、转码、正则、线程、XML等JDK方法的封装,并提供了各种Util工具类。同时,还介绍了Hutool的组件,包括动态代理、布隆过滤、缓存、定时任务等功能。该工具包可以简化Java代码,提高开发效率。 ... [详细]
  • 生成对抗式网络GAN及其衍生CGAN、DCGAN、WGAN、LSGAN、BEGAN介绍
    一、GAN原理介绍学习GAN的第一篇论文当然由是IanGoodfellow于2014年发表的GenerativeAdversarialNetworks(论文下载链接arxiv:[h ... [详细]
  • [译]技术公司十年经验的职场生涯回顾
    本文是一位在技术公司工作十年的职场人士对自己职业生涯的总结回顾。她的职业规划与众不同,令人深思又有趣。其中涉及到的内容有机器学习、创新创业以及引用了女性主义者在TED演讲中的部分讲义。文章表达了对职业生涯的愿望和希望,认为人类有能力不断改善自己。 ... [详细]
  • 家装日记六:家具采购和瓷砖选择
    本文记录了作者进行家装的过程,包括家具采购和瓷砖选择。作者介绍了自己家的装修风格以及选择烤漆家具和红白系列的原因。作者还提到了装修风格以简约为主,不可以太花哨的要求。最后,作者提到了价格较贵的问题。 ... [详细]
  • 本文讨论了当某位排位靠前的涉众提供了一张精美的界面图片时,是否可以将其作为设计约束。同时还探讨了高质量素材和愿景之间的关系,以及老大自身的软件方法和建模技能。 ... [详细]
  • 本文介绍了高校天文共享平台的开发过程中的思考和规划。该平台旨在为高校学生提供天象预报、科普知识、观测活动、图片分享等功能。文章分析了项目的技术栈选择、网站前端布局、业务流程、数据库结构等方面,并总结了项目存在的问题,如前后端未分离、代码混乱等。作者表示希望通过记录和规划,能够理清思路,进一步完善该平台。 ... [详细]
  • sklearn数据集库中的常用数据集类型介绍
    本文介绍了sklearn数据集库中常用的数据集类型,包括玩具数据集和样本生成器。其中详细介绍了波士顿房价数据集,包含了波士顿506处房屋的13种不同特征以及房屋价格,适用于回归任务。 ... [详细]
  • 本文介绍了一些好用的搜索引擎的替代品,包括网盘搜索工具、百度网盘搜索引擎等。同时还介绍了一些笑话大全、GIF笑话图片、动态图等资源的搜索引擎。此外,还推荐了一些迅雷快传搜索和360云盘资源搜索的网盘搜索引擎。 ... [详细]
  • 【MicroServices】【Arduino】装修甲醛检测,ArduinoDart甲醛、PM2.5、温湿度、光照传感器等,数据记录于SD卡,Python数据显示,UI5前台,微服务后台……
    这篇文章介绍了一个基于Arduino的装修甲醛检测项目,使用了ArduinoDart甲醛、PM2.5、温湿度、光照传感器等硬件,并将数据记录于SD卡,使用Python进行数据显示,使用UI5进行前台设计,使用微服务进行后台开发。该项目还在不断更新中,有兴趣的可以关注作者的博客和GitHub。 ... [详细]
  • 本文研究了使用条件对抗网络进行图片到图片翻译的方法,并提出了一种通用的解决方案。通过学习输入图像到输出图像的映射和训练相应的损失函数,我们可以解决需要不同损失函数公式的问题。实验证明该方法在合成图片、重构目标和给图片着色等多个问题上都很有效。这项工作的重要发现是不再需要人为构建映射函数和损失函数,同时能够得出合理的结果。本文的研究对于图片处理、计算机图片合成和计算机视觉等领域具有重要意义。 ... [详细]
  • 本文介绍了在Vue项目中如何结合Element UI解决连续上传多张图片及图片编辑的问题。作者强调了在编码前要明确需求和所需要的结果,并详细描述了自己的代码实现过程。 ... [详细]
  • 也就是|小窗_卷积的特征提取与参数计算
    篇首语:本文由编程笔记#小编为大家整理,主要介绍了卷积的特征提取与参数计算相关的知识,希望对你有一定的参考价值。Dense和Conv2D根本区别在于,Den ... [详细]
author-avatar
787849993_8c653d
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有