• Home
  • About
    • Dorawei

      Hello World

    • Learn More
    • Email
    • Github
    • Steam
  • Posts
    • All Posts
    • All Tags
  • Projects

Adobe Fonts 字體日直播特輯

10 Apr 2021

日本 Adobe Creative Cloud 的「CC道場」於4月10日舉辦了「字體日」特別直播節目。主題爲「字體日到了!全員集合~進化得如此之快的字體?~」爲大家介紹了最新的字體技術,同時邀請了字體歌牌和眾多字體廠商登場。

「字體日」註冊證書

字體日由來

近年日本多了各種各樣紀念日,很多都是由日期的諧音而來。字體日(フォントの日)則是由4的英文發音(four)加上10的日文發音(to)——變成 Font (フォント)的諧音。字體日由 Adobe 制定並於2017年由日本紀念日協會認定註冊。

節目的一開始主持人——來自 Adobe 的 Creative Cloud 市場經理岩本崇便向觀衆展示了「字體日」的註冊證書。

「字體日」註冊證書

進化如此之快的字體,通俗易懂的最新字體解說

第一部分由 Adobe Type Team 的西塚涼子(推特)和吉田大成(推特)爲大家解說彩色字體與合成字體。

「字體日」標題

上面這個「可愛」的活動標題由吉田大成製作,其實這也是一款字體。做成字體便可以方便對文字進行調整,吉田本人在推特寫道。

彩色字體

由西塚設計的貂明朝字體在2017年初次發佈,2018年爲其添加了彩色字符,成爲 Adobe 首款日文彩色字體。

當時彩色字體已經在字體界引起不小的話題,並有不少西文彩色字體發佈。但日文的彩色字體並沒有很多。最初作爲實驗團隊將象徵「貂明朝」的貂和其他如動物手指等圖示做成彩色,後來又加入了更多彩色動物和符號,可以爲不同設計方便的提供素材。

彩色字體製作的賀年卡

上圖的2022虎年賀年卡便是全部用「貂明朝」字體做成。後面兩位嘉賓也介紹了如何使用「貂明朝」中的彩色字符。如下圖所示可以在「字形面板」中下滑找到所有彩色字符,也可以在相應的文字下找到替換字。

貂明朝中的彩色字

接下來兩位嘉賓介紹了一款擁有不同顏色搭配的彩色字體,下圖中的「g」有三個不同顏色的變體,方便設計師選用。

彩色變體

另一款彩色字體不僅有彩色的變體,也有字形的變體。下圖中的N便是有不同樣式的兩種設計。

字形變體

彩色版的 Trajan Color,大概有20種的色彩可選。

Trajan Color

爲數不多的日文(假名)彩色字體之一。該字體提供兩種彩色樣式。

彩色假名字體

該字體一共有3個子集——Black 即是普通的非彩色字體,Color 1 和 Color 2 對應不同設計的彩色字體。 彩色假名字體

Trajan Color 的顏色選擇則在 OpenType 特性面板中,同時也可以單獨選擇某個字母,在出現的替換字形面板中選擇不同顏色。

Trajan Color Demo

後面吉田又介紹了幾款免費的彩色字體。他們還討論了彩色字體的便利性,比如這些效果如果自己去做會非常耗費時間和精力,但如果是用設計好的彩色字體便會很方便。

Free Color Fonts

Free Color Fonts

Free Color Fonts

Free Color Fonts

下圖是吉田在 ATypI 東京 2019 製作的彩色字體,他注意到如果字體設計師提前將顏色設定好,便會限制了用戶的選擇。但西塚也提到如果要提供太多的選擇,字體設計師的工作便會變得龐大。(中間西塚還吐槽「東京SVG」特別像樂隊名w)

Tokyo SVG

下面的彩色字符收錄在即將發佈的新字體「Higu明」中。這些全部由人氣畫家樋口裕子(Yuko Higuchi)所創作,然後作爲彩色字符被收錄到新字體「Higu明」中。作爲彩色字體使用的話,這些別緻的綢帶便可以一直延伸,作出一條無限長的綢帶,西塚笑着說道。

Higumin Color Glyphs

合成字體

雖然不是什麼新技術,但兩位嘉賓還是想藉此機會向大家介紹一下「合成字體」的功能。

在 Illustrator 或者 InDesign 中都可以打開「合成字體」面板。將漢字部分設定爲秀英,假名使用Higu明,便得到了下圖這樣的合成字體。

合成字體

透過「合成字體」功能可以讓不同的文字部分採用不同的字體,比如漢字、假名、數字等。也可以對單一字符指定字體,比如將問號設定爲某個字體。使用者可以根據自己的喜好創作出新的字體。搭配之後可以保存設定,然後就可以像使用字體一樣選用自製的「合成字體」。

下面這張圖便是他們用剛才的合成字體製作的菜單設計。

合成字體菜單

OpenType 基礎講座

OpenType 基礎講座

這一環節由 Adobe 的字體工程師爲大家介紹 OpenType 的活用技巧。

一般在日文字體中都會提供不同字形的替換字——即同一漢字的不同異體字。在 Ai, Id, Ps 等選中一個字時,如果字體支援異體字替換便會自動列出可供選擇的替換字。

OpenType 異體字

部分西文字體則提供了不同的替換字、花體字等特效。在 OpenType 面板中可以選擇打開這些功能查看效果。

OpenType 連字

OpenType 連字

OpenType 連字

OpenType 連字

在日文字體下打開任意連字後,可以在打出常用的單位或稱呼時自動變爲專用連字。同時在字形面板中也可以找到字體中可選的連字。

OpenType 連字

雖然這些日文單位等在中文中可能沒有太大用途,但下面的數字相關特性應該會很實用。

OpenType 數字特性

OpenType 數字特性

在一些字體中,數字有很多樣式可以選擇。

OpenType 數字特性

除此之外,某些字體還支援不同寬度的數字。如下圖這款字體便可以實現由一到四分之一寬度的數字。

OpenType 數字特性

這些不同寬度的字形可以在字形菜單下找到。

OpenType 數字特性

對於日文字體中的假名,如果開啓 OpenType 中的按比例或配對調整字距,便可實現更好的排版效果。

OpenType 字距調整

OpenType 字距調整

OpenType 字距調整

OpenType 字距調整

另外服部還介紹了兩個新功能。一個可以調整字高基準,另一個可以調整字符的對齊方式。

OpenType 字面調整

OpenType 字面調整

接下來服部也提到了彩色字體,他說在字形面板中的黑與白之中尋找彩色字符很有意思。還展示了他試作的全彩字體。

ColorFont

可變字體

這之後服部也介紹了最近很火的可變字體。(趁機宣傳了一波自家剛發佈的可變版思源黑體)

不同於傳統字體的預設字重,可變字體可以根據預設的細體和粗體,自動生成中間字重。

可變字體1

可變字體的實現讓設計師不再束縛於原有的字重和形態,可以根據自己雙眼的直覺去任意調整,更加擴展了設計的可能性。

可變字體2

服部展示完可變字體後 Adobe 的另一位高級字體開發 Zachary Scheuren 給大家介紹了可變版思源的更多細節。

原來的思源黑體各個字重和地區變體加起來一共有35個OTF、593.7MB的大小,而可變版本的OTF五個加起來只有154MB。再把它們全部打包爲一個OTC則只要32.7MB,大大縮減了檔案的大小。

而如果只用一個地區字集,大小甚至會更 小。JP版的思源黑體7個OTF可以變爲一個可變OTF,僅8.1MB。再壓縮爲WOFF2則只需4.1MB。

可變字體壓縮

Adobe Fonts 玩法與用法

字體歌牌 Adobe Fonts

第二個環節中他們請來了「字體歌牌」的2號設計師伊達千代來介紹 Adobe Fonts 中的字體。

首先伊達爲大家科普了「字體歌牌」——正如字面這是一套歌牌,然後正面全是同樣文字,但以不同字體書寫。

字體歌牌

背面則是字體的名字和介紹。

字體歌牌

華康香港的「字型故事」中亦有一篇介紹文章。

「字型歌牌」是一款將日本傳統競技與字型結合的趣味遊戲作品。與傳統歌牌的不同之處在於,字型歌牌的每一張紙牌上均寫著相同的文字內容:「愛のあるユニークで豊かな書体(獨特而豐富的字體,滿溢著愛)」,但套用了各式各樣不同的字型。其遊戲方式便是聆聽關主朗誦字型名稱後,從這些寫著相同文句但不同字型的紙牌中奪取正確的一張。

它們推出了多種多樣的套裝,比如全是「黑體」或全是「明朝體」的歌牌。

字體歌牌

這一環節的主要內容是伊達以「字體歌牌」的形式爲觀衆以「字體歌牌」的形式爲大家介紹 Adobe Fonts 中收錄的字體。她按不同廠商展示了不同的字體「牌面」並簡單介紹了不同類別字體中她的「精選」。

下圖爲伊達介紹 Adobe Fonts 中收錄的 Fontworks 字體。

字體歌牌 Fontworks

來自字廠的訊息

節目的最後 Adobe 請來了包括 Morisawa、Fontworks、DNP、凸版印刷、字游工房等多家字體廠商帶來他們的產品介紹和推廣等訊息。

比如,DNP家的活字館正在舉行開館紀念展,並且參觀者說出字體日的暗號就可以獲得秀英體的週邊禮物。

DNP Event

DNP Event

最後

作爲字體日特輯,2個小時的直播內容還是很充實的,嘉賓的講解有趣也易懂。這篇文章只是選擇性地記錄了一些概要,如果可以聽懂日文還是推薦去觀看完整直播。(YouTube/Twitter)

Adobe Fonts 中的日文字體目錄:PDF

思源黑體下載



字體FontworksAdobe Fonts Like Tweet +1