如果IG限時動態可以換中文的話?

2019-05-21 09:55:35.043

分類: Products and Applications

「2018年10月24日,派傑投資公司最新調查顯示,美國85%青少年每月登入一次 Instagram,首度超越Snapchat的84%」 ─摘自Wikipedia

社群網絡早已滲透在你我的生活中,如同精神食糧般紮根在生活日常。相信大家對Instagram的現實動態功能一點都不陌生吧?24小時就會消失,要是喜歡的人發文沒看到就會覺得搥心肝😢(小心肝~。

 

英文字有多個選擇,中文字選擇好像不多?

發圖不附文,此風不可長!拍了美美圖片再點綴幾句金玉良言,圖文並茂就是好棒棒!不過大家有沒有發現,IG裡面的英文字型有多達五款字型可以選擇,但...中文字型除了系統字之外,就沒有別的選擇了...😱。

 

如果有不同中文字型選擇

由於我們都知道目前中文字的選擇只有一種,那如果選項變多了?可以帶來什麼樣的視覺感受呢?(圖例用字為文鼎字型)

是不是覺得有換有差😁?(在此感謝辦公室夥伴圖片支援),中文字不同帶來的視覺感受也不一樣,如果可以有更多不同的造型搭配更能豐富貼文給人的印象!

 

中文英文配一配

IG提供了5款不同造型英文字,如果說搭配時可以搭配上類似風格的中文字,在視覺上會不會更順眼呢?

以這款IG顯示「現代感」的英文字為例,最大的兩個特色為:筆畫收尾處導圓角;整體視覺比例瘦長。因此搭配中文字時就要考量到這兩個特色,文鼎公司現有字體產品裡,沒有完全符合的中文造型可以搭配。不過現在有了「Variable Font」這項新技術,小編巧手一弄,將晶熙黑體轉了圓角、瘦身一下....

一款可以搭配現代感的新字型就誕生了!可能很多人還沒聽過Variable Font,沒關係,下一篇我們就介紹Variable Font給大家認識!!

其他字型可以怎麼搭配:

字型搭配是一門學問,上面四款IG的現有英文字,小編先用文鼎現有的字型產品或Variable Font搭配,大致做到60分的標準,但仔細下去評估,例如:字體傾斜的角度在視覺上有沒有一致?手寫字筆畫有沒有更接近的筆感特徵?等...,要做到特徵完全吻合,必須要字體設計師評估,特別為這款字量身打造一套搭配的中文字型。不過這樣的搭配是非常費工一件事,除了評估、造型搭配外,設計師還要一字一筆慢慢製作等...,細節很多一項大工程,之後也會寫一篇字型搭配的文章,到時候我們再好好介紹字體搭配的流程吧!

 

上述總結

不管什麼原因,每天都要滑個手機看看IG。如果在中文字型可以增加新的中文字型,想必是可以帶來嶄新的視覺感受!最後就讓我們像IG許願,大神大神!造福廣大中文語系用戶吧!有什麼想法想要討論,都可以在下方留言回覆我們。那我們就期待下篇文章吧!


Products and Applications

字體與外部環境改變的交互調整

 

80年代開始的電腦數位字體,在特性上,相較於鉛字,有更容易開發多字重字體家族的特性,但是,在物理限制上,同一個字重若要使用在不同字號大小上,排版出來的顯示效果就需要設計師稍微的留意一下字元間灰度的一致性。

 

我們一直提到字體的使用與外部環境、載體有著絕對的關係,時間拉回到活版印刷鉛字的時代,初接觸活版印刷鉛字的朋友,看到鉛字的規格有著初號、一號、二號、三號、四號、五號、六號等規格,一時間除了看到鉛字大小的差異外,並不理解當中的用途以及鉛字的設計。

 

概略來說,在鉛字印刷的時代,鉛字的設計在同一個造型不同字號的大小上,字元設計的結構佈局具有細微的差異,這可算是近來optical size(視覺大小最佳化)概念的前身了,簡單來說,就是為了讓不同字號的字體可以有最佳的呈現,如:不同的應用情境、更清晰的顯示或具有個性…而做的細微調整設計,以達到文字最佳的顯示效果。

 

傳統上,字體由細到粗的字重變化是字體這個素材在應用時最常用到的屬性,但隨著科技持續的研發創新,字體使用的載體早已不限於紙張材質的媒介,更透過不同印刷方式、油墨特性呈現多元的樣貌,甚至在螢幕上的使用,也進化到肉眼分辨不出螢幕畫素的是網膜等級。

 

我們整理幾個字體應用在外部環境比較常受到影響的因子:

1.     光線明、暗

2.     直射光、反射光

3.     載體的不同:紙本、數位螢幕、紙張材質、螢幕解析度

4.     數位螢幕:白底黑字、黑底白字

 

 

電腦數位字體相較於鉛字印刷時代,在載體、使用環境上都複雜許多,以下,我們舉幾個例子來看看,在不同的情境上,遇到漢字筆畫數差異高的字元並列時,不加思索的直接使用字體,以及瞭解字體規格與特性後,微調後的排版效果,希望透過比較後,讓使用者更加的體認到字體使用上細膩、獨到之處。

 

範例一,文鼎毛楷、文鼎顏楷

文鼎毛楷是一款擁有Bold、Extrabold、Heavy三個字重的書法字體,簡潔有勁的筆型線條變化及長形字構設計,呈現秀麗的書法的風格,適合於小標題、大標題使用。

 

下圖白底黑字為反射光用字情境,黑底白字為直射光用字情境

在左上區塊,我們可以看到「蝦」這個字元的灰度弱於其他兩字,這時候,如果我們將「蝦」單獨這個字元的字重換成Heavy(右上區塊),視覺上,三個字元的灰度是不是就平衡了許多呢?

 

 

左下區塊黑底白字為類似廣告燈箱的直射光用字情境,這時候我們看字的光線會從背板直接射入我們的眼球,筆畫多的字,散發出來的光線量會比較多,因此適當的將筆畫多的字元粗度減細,可以降低視覺上光暈的現象發生,進一步的提升閱讀的舒適度。

同樣的,下方文鼎顏楷的使用也類似文鼎毛楷的原理,由此,我們可以知道,瞭解一款字體的特性、觀察不同的用字情境,適當的選用、挑選是必要的。

 

範例二,文鼎方新書

文鼎方新書是一款保留著黑體的簡練、穩重,也融合著明體的舒適、清雅的一款字體。這個使用情境無論是上方的白底黑字或下方的黑底白字,都是模擬廣告燈箱的直射光用字情境,與範例一不同。

 

範例一我們透過對字元進行字重的挑選,達到視覺上字元灰度的平衡,而方新書這個範例情情境,則是挑選已經預設好的字體設定來使用。當用字的載體環境都相同時(直射光),變數在於淺色底及深色底,我們會建議淺色底使用標準版的「文鼎方新書H7C95_H」,而深色底我們會建議使用有對漢字筆畫數較多的字元進行筆畫減細的「文鼎方新書H7C95D_H」,追求的都是降低視覺上光暈的現象發生,進一步的提升閱讀的舒適度。

 

 

 

不同變數下使用不同規格、不同設定的字體,甚至是加以細節的微調,如字元間距、字元高度等,以達到最佳的視覺效果,這是我們在本篇文章希望讀者可以學習到的地方。

 

Products and Applications

好看的中文字體哪裡找? Fonts Fun–字字不倦 App

讓你的 IG 限時動態與眾不同!!!Fonts Fun App 有60種精選的中文字體,可以讓你在社群軟體、筆記、或是簡報製作上都有更多元的字型盡情的創作!

 

Link: 

https://agirls.aotter.net/post/59343

 

Products and Applications

字體在Adobe軟體字元面版中的呈現

工欲善其事,必先利其器,在設計師的職涯裡,Adobe軟體的使用一定是佔有一席之地,Adobe在推出Adobe Creative Cloud雲端軟體服務後,設計師們可以透過合理的價格,使用到Creative Cloud 完整應用程式裡20多款軟體,當中最常被使用到的Phothshop、InDesign、illustrator這三款軟體,我們來看看「字體」在這三款軟體的「字元」面版中呈現出哪些雷同與不雷同。

這三款軟體中,若要使用到字體,普遍上都會使用「字元」面版來查找合適風格、語言的字體做使用,但有沒有覺得使用上的體驗好像沒有不一樣,但又好像有哪裡一樣的感受呢?

據我們的觀察,確實,三款軟體對於字體在字元面版內容的呈現有以下些微的不同:

1. 字體語言的排序

2. 字體名稱的呈現

3. 可變式字體(變數字體/Variable Font)的呈現位置

「最近使用的字體」是字元面版下拉出來第一個出現的區塊,如上圖,我們就可以看到上述第二兩點所描述的不同處。InDesign在字體名稱的呈現與其他兩者不同在於繁體中文以外語言的字體,皆以英文字體名稱呈現,也就是說,今天我們若是在繁體中文作業系統使用繁體中文介面的InDesign,若排版文件需要使用到如簡體中文、日文等語言的字體,那我們可能就會辛苦一點,要去判讀此兩個語言的英文字體名稱來做字體的選用,還好Adobe在面版中,預設有字體造型sample的呈現,可以降低從英文字體名稱辨視字體的難度。

在常用字體區塊之後,基本上是依語言做字體順序的排序:

Phothshop:Emoji→繁體中文→拉丁→日文→韓文→複雜語言(Arabic, Hebrew, Devannagri, Thai…)簡體中文

InDesign:繁體中文→簡體中文→拉丁→日文→韓文→複雜語言(Arabic, Hebrew, Devannagri, Thai…) 

Illustrator:Variable Font→繁體中文→拉丁→日文→簡體中文→韓文→複雜語言(Arabic, Hebrew, Devannagri, Thai…) 

我們可以看到上方整理的資訊,Emoji與Variable Font排在語言使用之前,而Illustrator特別將Variable Font獨立出一個區塊,排在「最近使用的字體」之後的第二個順序做呈現,而Phothshop、InDesign則是把Variable Font和語言視為一個整體,混合在一起做排序。

 

這些都是使用上觀察而來的紀錄,而我們在這裡單純討論字體在字元面版上的呈現,UI設計不在探討範圍。