恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
AI 能否替代设计师做出更好的字体选择和搭配|北京蓝蓝UI设
48.3°
2023-09-26 好文转载 经验/观点 原作者: Matej Latin 举报 11749 0 0 0

编者按:AI 设计工具到底能在多大程度上替代设计师的工作?在特定的细分领域、不同需求之下,AI 能否达到专业设计师的水准?这是需要评估和探索的。相比于夸大的营销概念,具体的对比和案例更有价值。这篇文章虽然选取的设计分野是英文字体搭配这一日常排版需求,但也对于我们如何看待 AI、使用 AI 都充满了参考价值。中文字体搭配甚至排版生成工具可能也不远,在目前的技术水平之下,中英文字体组合和排版在 AI 加持下,可能差别并不大。

这篇文章出自资深的视觉设计师 Matej Latin,他在排版设计上有着极深的造诣,在字体、版面、品牌等领域上钻研多年。这篇文章当中,他尝试使用新兴的 AI 工具来解决最常见的字体搭配的问题,在这个过程中他详细梳理了 AI 工具的优劣,并且针对大家关注的 AI 是否会替代设计师这个问题,详细给出了他的判断。

你是怎么在排版当中选取合适自己的字体的?简单选取一些看起来不错的字体,放在一起就用,还是一次又一次地选取相同的字体组合?

其实无论是在中文还是英文环境下,排版字体的组合搭配都是一件专业性很强的事情。西文字体的搭配中,x高度的选取,中文和日文当中,字偶距的控制,都是排版设计师的必修课。西文排版中,你是否会为了稳妥起见而仅仅只在 Roboto 和 Roboto Serif 等超大字体族当中选取字体呢?

真正选好字体搭配是一件非常困难的事情,这是为什么有那么多字体组合的网站和工具(当然更多是西文字体的)。身为设计师,如果你在这方面经验不够丰富,可能需要花费大量的时间来打磨和学习。那么,基于人工智能的工具,能不能帮你更快完成这项任务呢?你的不足是否能让人工智能来补足呢?

所以我干脆使用了目前已有的几个字体搭配 AI 来测试一下它们的效果。

Fontjoy

Fontjoy 是一个典型的使用机器学习技术的 AI ,它结合深度学习模型映射字体特征,来实现字体组合配对的学习与迭代。在它的网站并没有针对它背后的工作原理,进行足够深入的描述,也没有透露这款工具能够使用多少字体相关的功能。

作为用户,我可以选择我使用的某款标题字体,或者正文字体。我选择了 Raleway Bold 作为标题字体,在 AI 帮我选择正文字体的时候,我可以根据我想要的感觉提出需求,它提供了 5 种程度倾向,分别是「高对比度」,「更高对比度」,「平衡」,「相似」和「非常相似」,我选择了相对稳妥的「高对比度」,然后抱着期望点击了「生成」按钮。

这个 AI 为我提供的第一个字体组合……出奇的好。它建议我将 Arapey 字体拿来做副标题,使用 Hind Guntur 字体作为正文字体。实际搭配效果如下:

可是当我再次点击「生成」按钮,提供给我的第二组,则完全令我失望了。AI 让我使用 Snowburst One 字体作为副标题,使用 Scope One 作为正文字体。正文字体是个不错的推荐,但是副标题字体的选取则是一个巨大的错误,这不禁让我对这个工具失去信心。

我随后又点击生成了几个不同的组合,这款工具提供了更多的选项,但是我依然觉得效果比较一般。某些字体会重复多次出现,我想这可能是一件好事儿,因为 Fontjoy 会专注于效果良好的字体组合。其中大概六分之一的搭配是纯粹的错误,而我所定义的「错误」指的是我永远不会使用的组合,因为所推荐的这些字体装饰性过强,并不适合阅读,就像 Snowburst One。

同时,我认为第三次推荐的正文字体 Montserrat Alternatives 是一次巨大的失误,因为这个字体作为长时间阅读的正文字体,太过于有个性了。

那么,一款 AI 工具到底要如何确定这些细微的差别呢?这应该是经验丰富的设计师才会考虑的事情,文字当中最细微的细节,很难彻底的量化,让 AI 全部精确感知到。文本是否清晰、什么样的设计才具备更好的「可读性」?起码就 AI 推荐的 Montserrat Alternatives 字体而言,情况是完全反过来的。

Fontjoy 的优点:

  • 一旦你选定了字体组合当红总的一种字体(无论是标题、副标题还是正文),它都能够基于此为你提供不错的字体组合建议。

Fontjoy 的缺点:

  • 完全从零开始搭配,通常给的方案不是很实用
  • 没有字体选择的功能,仅仅只能帮你配对
  • 其中包含有低质量的字体,这是造成字体组合不搭的主要原因
  • 这些搭配方式并没有相应的意义说明,仅仅只能根据仅有的 5个选项进行选择
  • 无法描述字体的需求和功能,而它所提供的建议也缺乏上下文环境

类似的工具还有一些,但是它们都大同小异,所以我没有进行深入测试,比如:

  • Design.ai/fonts
  • monotype.com/font-pairing

ChatGPT

如果专门训练的 AI 不足以高效优质地完成这一任务,那么接下来试试大家最认同的 AI ChatGPT。它是否能够很好地提供字体搭配的建议?能够和设计师的能力相媲美吗?

字体搭配

我首先向 ChatGPT 提供一个简单的问题,设置场景和需求,让 ChatGPT 来生成:

一位女性专栏作业创建了一个网站专门撰写母性相关的文章,需要为网站选取一组贴合主题的字体组合,要求感觉上现代且清爽。

我让 ChatGPT 生成了 5 组方案,后 2 组和前面的有所重复我就不展示了。它生成的第一对字体组合,是在标题中使用 Montserrat Bold,正文使用 Cormorant Garamond Regular,并且 ChatGPT 解释了它的决策原因:

在实际的页面当中,它是这一个样子:

ChatGPT 的第二对字体组和是使用 Playfair 斜体作为标题,使用 Raleway regular 或者 Raleway Light 作为正文字体它的理由如下:

但是,即使理由如此的「充分」,在实际的呈现效果却相当的一言难尽,可读性实在太差,尤其是正文字体,使用 Raleway light 的时候基本没法看,使用 regular 效果也还行:

第三组字体组合是标题使用 Montserrat,正文使用 Lora,ChatGPT 的理由如下:

由于这种字体搭配的建议当中,并未指明具体的字重,所以我使用了 regular 字重,效果如下:

纵观 ChatGPT 所给出的字体搭配的建议,总体上是很好的,除了第二组中建议中使用 light 字重情况下可读性极差,后续部分生成结果重复较多(ChatGPT 真的非常喜欢 Montserrat),其他的都还不错,而且它可能帮助设计师了解哪些字体组合可能是不错的搭配,对于非设计师而言,这些组合甚至可以直接拿来用。

总体上,我还是比较喜欢 ChatGPT 的,即使是非设计师使用它来获得建议,也能取得不错的版面设计。

字体选择

最后我想测试一下 ChatGPT 在字体选择上的效果。所以我提出的问题是:有哪些开源字体,具有女性化、现代、清爽的气质,且适合拿来做标题?

我使用 ChatGPT 生成了 3次,其中2次结果都是 Quicksand,一次结果是说 Cormorant。

客观来说,我觉得 Quicksand 和我所要求的气质有一定的距离,但是勉强可行,而 Cormorant 则是一个有趣的方案,将它放到具体场景当中,效果如下:

而 ChatGPT 选取这些字体的理由如下:

对于字体选择比较苦手的设计新手,可以仔细看看 ChatGPT 对于选择 Cormorant 字体的具体理由,GPT给出了非常不错的选取理由。

ChatGPT 距离真正的「优秀设计师」还有一段距离,除非有经验丰富的设计师参与到它的数据训练过程中。现在 ChatGPT 并不知道哪些知识才是真正有效的、好的,它仅仅只是一股脑地吸收了所有的知识,从中学习,以下是 ChatGPT 对于它的学习机制的描述:

所有的 Token 都来自人类编写的海量数据集。其中包括涵盖了所有不同主题、风格和流派的书籍、文章以及其他文档,以及从开放互联网上抓取的数量惊人的内容。基本上,它被允许处理人类开放知识的总和。

ChatGPT 的优点:

  • 总体失误较少
  • 和其他工具不同,它可以根据设计目标提供有意义的建议
  • 对非设计师和经验不足的设计师而言,是一个不错的起点

ChatGPT 的缺点:

  • 它的能力是有限的,GPT3.5 的训练数据只停留在 2021 年 9 月
  • 它是基于人类知识的海量数据,但是并非所有的数据都是对的和好的
  • 字体搭配和选择是最基本的设计能力,甚至都不能说是原创的

结论

让我们尝试回答文章开头的问题——AI 能不能帮助我们很好地完成任务?换句话来说,人工智能能否提出足够原创的、符合上下文语境的、高质量字体组合?我现在的答案是否定的。从目前来看,人工智能的能力还在持续成长,它在未来也许会更好。

那么它能取代经验丰富的设计师吗?我不这么认为,起码它在很大程度上无法取代,也不会那么快抵达那一天。但是,它是有助于帮助经验丰富的设计师提升设计速度的,也能帮助能力不足的设计师加快学习进程的。

字体搭配并不是简单的选几个字体的事情。Fontjoy 根据字体的特征来选择字体搭配,这还远远不够。

以下是经验丰富的设计师选取字体组合时,会综合考虑的因素:

  • 1、网站和文本内容是什么?
  • 2、所呈现的内容想要触发什么样的情感?
  • 3、字体的视觉特征,要如何同内容的信息保持一致?
  • 4、排版看起来是否原创,但是也符合基础的排版原则?
  • 5、字体的整体结构
  • 6、关键字符的结构——是否清晰易读
  • 7、实际内容和所使用语言是什么样的
  • 8、大尺寸文本(标题)不同字重下的外观特征
  • 9、正文大小和字重是否具备良好可读性
  • 10、字体的视觉属性是否会让人觉得出戏

字体的选取和搭配以及排版,是非常具体又牵涉广泛的问题,字体的选取本身是个复杂的决策过程,这并不是像 Fontjoy 那样根据一些基础的字体特征,快速选几个搭配就完事了。

所以,在评估字体的选取,主要从含义和视觉两个层面着手。因为字体是视觉传达工具,所以,可以访问性问题属于视觉层面上的问题。而 Fontjoy 这样的工具则完全专注于视觉层面的判断,ChatGPT 的选取方式,则是介于两者之间。Fontjoy 会比较在意字体的视觉特征,而 ChatGPT 则会综合考虑用户之前有过的搭配方式,所以,将两个工具结合起来使用,能够得到更有用的结果:

两款 AI 工具都不是完美的解决方案,但是 ChatGPT 有改进的潜力,并且能够根据问题的关键词来提供相对有用的建议,不过依然无法匹敌有经验的设计师。

我与以为经验丰富的设计师 Mike Zetlow 曾经讨论过这个问题,他提出过一个重要的观点,品牌不仅仅是几个形容词可以囊括的:

品牌的概念比几个形容词构成的合集更加微妙。在我们获得 100% 的文本和图像素材之前,我是不会开始为品牌选取字体的。在文案、品牌指南、品牌历史、市场对品牌的认知以及品牌形象资产之间,存在很多微妙的差异,而获得所有的这些信息,才能确定哪种字体才能代表品牌,而这无疑也是一项艰巨的任务。诚然,就像上面使用 Raleway 这样的字体,在个人博客里面用用还凑合,在系统的品牌设计上,很难这样简单地决策。

AI 字体挑选和搭配,让非设计师从业者更容易获得相对可用的字体搭配。对于还在逐渐学习进阶的设计师而言,是个不错的助力。对于经验丰富的资深设计师而言,更多细微的设计还是需要亲历亲为的。但是无论怎么说,AI 对于设计还是做出了相当的贡献。

蓝蓝未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,添加vx蓝小助ben_lanlan,报下信息,蓝小助会请您入群。同时添加蓝小助我们将会为您提供优秀的设计案例和设计素材等,欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

文章来源:优设网  编辑:陈子木  作者:Matej Latin  

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


Powered by Froala Editor

更新:2023-09-26

收藏

0人已收藏

lanlanwork

www.lanlanwork.com

  • 810

    作品

  • 371

    粉丝

  • 6

    关注

  • 软件界面设计公司—兰亭妙微提供优秀的银行、财务、征信UI设计
  • 可信赖的 UI 设计公司:蓝亭妙微多年经验铸就品质保障
  • 专业 UI 设计公司:蓝亭妙微为您开启交互设计新征程
  • GIS界面设计:蓝亭妙微(蓝蓝设计)轨道交通行业UI原创设计

    猜你喜欢

      2023-09-26 好文转载 经验/观点 原作者: Matej Latin 举报 11749 0 0 0

      AI 能否替代设计师做出更好的字体选择和搭配|北京蓝蓝UI设

      48.3°

      你确定要举报AI 能否替代设计师做出更好的字体选择和搭配|北京蓝蓝UI设

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2023年09月26日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      0
      0
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录